I like CSS
I like CSS. It wasn’t always like this.
I studied Software Engineering at my University. I remember about two years into my studies being extremely frustrated at styling websites. I could never quite make the interfaces I wanted. I could never build the visuals I had in mind because nothing ever worked as I planned.
I remember the first time someone told me about flexbox and I learned its basics. I was so happy! The clarity I experienced when I saw what I could do with it… 🤩🤩🤩 So many stumbling blocks got removed, beginning that day.
I learned CSS by building a lot of web sites and web apps. Figured out a lot that way - I recommend it. This might help you find things to practice (if you don’t have ideas you want to try). Check this video for more practical recommendations instead of being stuck doing tutorials.
Below are the main resources I used to learn CSS throughout the years:
Flexbox
- Wes Bos’ free course on flexbox
- CSS-Tricks cheatsheet/guide - I check this all the time.
CSS Grid
- Wes Bos’ free course on CSS Grid
- CSS-Tricks cheatsheet/guide - I check this all the time as well.
- Sarah Drasner’s Grid Generator - nice for visualizing grids. I don’t use it much but I know people that love using it.
CSS Tricks - I read a lot articles on there. I never really go there for its sake, but whenever I google something about CSS I see it in results. And 95% of the time I find great help there.
- I first found his explainer on pseudo selectors like ::before ::after. Had a 🤩 moment
- Without a doubt, the best place I’ve found so far to learn about CSS in depth.
- The discord community is very kind and helpful
The CSS Podcast - with Una Kravets and Adam Argyle (very cool CSS people).
web.dev learn CSS - I haven’t tried this one but I wanted to share it anyways. I’ve gotten high value from many other resources on web.dev.