Categories
Projects

Project: CSS Layouts

Tinkering and practicing with the wonderful CSS Grid and Flexbox by creating different page layouts.

Categories
Projects

Project: HTML Canvas – The Bauhaus emblem

Resources: HTML Canvas – MDN Web Docs Bauhaus (Wikipedia)

Categories
Projects

Project: CSS Text Effects using mix-blend-mode

I wanted to see how I can design letters with patterns and colours, blending them as if you created them in a graphics editors like Photoshop or Illustrator. The key CSS property for the effect that I learned is mix-blend-mode – and it’s really quite fun! This is actually two sets of the alphabet then […]

Categories
Projects

Mondrian Art in CSS Grid

I wanted to learn CSS Grid Layout but not just code a bunch of boxes. I found Jen Simmons’ Mondrian Series as well as her ever so insightful CSS videos and decided to try it out as well. Here’s what I have so far – Artworks in CSS Grid – I wanted to create a […]

Categories
Projects

Project: CSS Secrets

I challenged myself to go through every solution from the most fantastic CSS book ever.This is my journey. I hope you find it useful. Head over to my page CSS Secrets. Code available in github