Home / CSS3 / The Best CSS Resources According to the Tech Community

The Best CSS Resources According to the Tech Community

Tuesday July 6, 2021
4 minutes read
156 Views
css resources

I’ve spent a lot of time working with CSS over the last three years, and I was astonished by how many of the resources I hadn’t seen before. The following is a collection of materials that the tech community has shared.

Those I Had not Seen Before

Bjørn Fjellstad Daily CSS Design on Dribble and Instagram
This is a stunning collection of CSS ideas. Bjrn set himself the goal of creating a new design every day for a year.

@codywebhouse Cody House on Twitter.
This is a CSS framework and library comprising HTML, CSS, and JavaScript components that are accessible. On the site, there is some good documentation and examples.

Jeremy Thomas’s css-reference.io by  @jgthms on Twitter.
It’s a one-stop shop for all things CSS. There are a lot of fantastic graphics in it.

Adam Marsden’s CSS Cheat Sheet  @AdamMarsdenUK on Twitter.
A resource for all things CSS.

 atomics 30 Seconds of CSS on GitHub.
A handpicked collection of useful CSS snippets that can be grasped in less 30 seconds.

More Great Resources Mentioned

CodePen

One of my favorites, and one that I use frequently in my classes. For developers, CodePen is similar to Dribbble. It’s an online code editor for all levels of designers and developers, but it’s especially useful for those beginning to code.

CSS Visual Dictionary by @js_tut on Twitter

It includes over 250 visual diagrams that illustrate all CSS properties and values currently supported by all popular browsers.

Greg has a wealth of internet resources that he generously provides to the community. You can keep up with his latest work by following him on Twitter.

CSS Grid Generator by Sarah Drasner @sarah_edo on Twitter
It’s a little visual tool that helps you build CSS Grid code. You may simply create dynamic layouts by defining rows, columns, gaps, and units, then dragging to create child divs.

Flexbox Froggy by @playcodepipon Twitter
A website dedicated to gamified learning. Flexbox Froggy is a game in which you write CSS code to assist Froggy and his companions.

Codrops@codrops on Twitter
A site committed to providing web designers and developers with valuable lessons, insightful articles, creative inspiration, and free resources.

FreeCodeCamp FreeCodeCamp is a non-profit organization dedicated to assisting millions of individuals in learning to code for free. A couple of portions of the curriculum are dedicated solely to CSS.

Lea Verou On Twitter is a highly inspiring person to follow. She’s a wealth of knowledge, as seen by the contents of her book CSS Secrets

Rachel Andrew If you’re interested in CSS Grid, Rachel is the person to follow. Grid By Example is her website.

Jen Simmons If you appreciate grids or web layouts in general, this is another wonderful guy to follow. On her website The Experimental Layout Lab and her YouTube channel Layout Land, she has a number of excellent examples.

Wes Bos’s courses

Wes Bos’ online content ranges from classes to his podcast Syntax FM, which he co-hosts with Scott Polanski.

Jonas Schmetmann On Udemy, Jonas has a wonderful Advanced CSS and Sass course. When people ask for a CSS course, I frequently hear about him. I took his course and thoroughly enjoyed it.

Most Popular Resources

CSS-Tricks

CSS-Tricks has been around for a long time and is a fantastic resource for just about anything related to CSS and front-end development in general.

MDN’s web docs

Most aspects of web technology are covered in MDN’s reference manuals. On the site, there are learning guides, lessons, and pathways.

Conclusion

What CSS resources do you use the most? Is there anything I’m missing that you’d like to add? Please let me know in the comments section.


Post author

A bright, talented, ambitious and self-motivated 💻 Freelancer, ⌨ Programmer, JavaScript and Typescript lover 📍

  Tweet It


Leave a Reply

Your email address will not be published. Required fields are marked *