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
@codywebhouse Cody House on Twitter.
More Great Resources Mentioned
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.
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.
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.
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’ 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 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.
Most aspects of web technology are covered in MDN’s reference manuals. On the site, there are learning guides, lessons, and pathways.
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.