Yesterday I launched my first course CSS Layout and Animations on Design+Code.
I asked people on Twitter to share their favorite CSS resources.
Christina GortonMy new course on CSS layout and animations launched today! I will be giving away 2 annual memberships to @designcodeio to celebrate the release. Retweet this and comment with your favorite CSS resource for your chance to win. 🥳designcode.io/css-layout-and…19:36 PM - 28 May 2019
I've worked with CSS a lot the last 3 years and was surprised by how many of the resources I hadn't seen before. Here is a list of the resources shared by the tech community.
By far the top favorites were CSS-Tricks and Mozilla Developer Network(MDN)
CSS-Tricks has been around for a long time and is a great resource for just about anything you can think of when it comes to CSS and Front-end in general.
MDN's web docs
MDN has reference guides for most things related to web technology. There are guides, tutorials and pathways to learning on the site.
One of my favorites and something I use a lot in my course. CodePen is like Dribbble for developers. It is an online code editor for designers and developers of any skill, and is particularly empowering for people learning to code.
Greg has a lot of great resources online that he often shares for free with the community. You can follow him on Twitter to keep up-to-date with his latest work.
CSS Grid Generator by Sarah Drasner @sarah_edo on Twitter
It is a small visual tool that generates CSS Grid code for you. You can designate rows, columns, gaps, and units, and then drag to create child divs to make dynamic layouts easily.
They also have a Code Playground with experiments, plugins and articles related to web development and programming.
FreeCodeCamp FreeCodeCamp is a non-profit that's helping millions of people learn to code for free. There are a couple of sections in the curriculum dedicated just to CSS.
What are your favorite CSS resources? Anything I am missing you would like to add? Let me know in the comments.
Cover Photo by Lukas from Pexels