Multi-Colored SVG Symbol Icons with CSS Variables
Long gone are the days of using images and CSS sprites to make icons for the web. With the explosion of web fonts, icon fonts have become the number one...
Read "Multi-Colored SVG Symbol Icons with CSS Variables"
In Defense of Utility-First CSS
“Favor composition over inheritance”. This piece of wisdom from Design Patterns, one of the most influential software engineering books, is the foundation of utility-first CSS. It also shares many principles...
Read "In Defense of Utility-First CSS"
Build Your First Vue.js Component
I remember when I picked up CakePHP back in the days, I loved how easy it was to get started with. Not only were the docs well-structured and exhaustive, but...
Read "Build Your First Vue.js Component"
Generate All Your Utility Classes with Sass Maps
One of the powers of utility classes lies in giving you access to every small concept of your design system, in a slew of contexts. If your main color is...
Read "Generate All Your Utility Classes with Sass Maps"
Write More Understandable Code With Hungarian Notation
It happens all the time: you start a new project and everything goes smoothly. You have firm control of your codebase and productivity is on point. Then another project comes...
Read "Write More Understandable Code With Hungarian Notation"