Last updated on April 18th, 2022 at 04:27 pm
If you want to learn about the power of CSS, go to CSS-Tricks.
Even though I haven’t gone there often, it is one of the best CSS and its frameworks resource site out there. I’m always in awe whenever I am in that space. It’s beautifully designed and satisfying to navigate around. Some animated elements on there make you alive and joyful.
CSS-Tricks resources are free, and yet rich and presented in many forms e.g. articles (you can use tag to search for what you want), guides (long form article with embedded code example), and videos.
The content is visually appealing and easy to follow along. I’ll talk about one example here about this guide: A Complete Guide to Dark Mode on the Web. Here’s what I like about it:
- Table of content – we can jump to the topics we want without wasting time scrolling.
- Lots of images – we can understand the concept of the lesson faster from these visual examples.
- Integrated with CodePen – we can play around with code by editing on CodePen, which helps us see the result right away. I talked more about CodePen here.
- Clean interface – I love that the layout makes it so easy to read this guide and doesn’t discourage users by a big chunk of paragraphs.
There are more topics to explore on CSS-Tricks such as A Guide to the Responsive Images Syntax in HTML, A Complete Guide to calc() in CSS, A Complete Guide to Links and Buttons, A Complete Guide to CSS Functions, etc.
I think CSS-Tricks suits both beginners and those who want to brush up their skills or revisit some core concepts about CSS and its relatives.
What’s your experience of using CSS-Tricks so far?
This is day#25 post and a part of my commitment to spend 30 minutes a day for 30 days straight to write about software development tools that I love. My goal is to build my daily writing habit and connect to more people. This project is inspired by @dickiebush ’s “Ship 30 for 30” Atomic Essays.