CSS Top 10 Articles — July 2018
What’s trending in CSS3 this month?
Here’s what’s trending this month in CSS3. Topics include:
- 8-Point Grid: Typography On The Web
- CSS: A New Kind Of JavaScript
- 4 CSS tricks I’ve learnt the hard way
- A Guide to CSS Animation — Part 1
Whether you’re an experienced CSS3 Developer, or a newbie looking to learn the basics, there’s something for everyone on this list.
Disclosure: We receive compensation from the courses we feature.
Featured CSS3 Courses
Build Responsive Real World Websites with HTML5 and CSS3
4.6/5 Stars || 11.5 Hours of Video || 80,381 Students
Learn the easier way in modern web design with this HTML5 and CSS3 step-by-step, from scratch, course. Everything you need to know to get you started on building professional, beautiful and responsive websites! Learn More.
Advanced CSS and Sass: Flexbox, Grid, Animations and More!
4.8/5 Stars || 28 Hours of Video || 29,707 Students
Learn tons of modern CSS techniques to create stunning designs and effects with advanced CSS animations, architectures, grid, responsive layout, and so much more! Learn More.
Top 10 CSS & CSS3 Articles
1. How to get better at writing CSS
Get yourself ready to write maintainable, modular, and reusable CSS code that you may use on your future web design projects.
2. The Ultimate Guide to CSS + Cheat Sheets
By Bradley Nice
For those of you still learning CSS, or wanting to go a little deeper into specific CSS subjects, here’s a list put together by the author for your to keep and can be used as a reference in the future.
3. Think like a programmer: How to build Snake using only JavaScript, HTML & CSS
Embark on an exciting online project and make your very own snake game using JavaScript, HTML and CSS. Follow through these comprehensive step by step module that will guide you throughout the tutorial.
4. The Complete Illustrated Flexbox Tutorial
Get the graps of the basics of flexbox and dive into how truly brilliant it can do to simplify visuals alongside with CSS Grid. Read more of this article to learn more!
5. How to quickly prototype apps with CSS Grid and CSS Variables
Learn how to effectively utilize CSS Grid and CSS Variables together in order to quickly prototype and create app designs and layouts for your project.
6. Bootstrap Framework — Best Practices
We all know how Bootstrap became a major turn-around and very popular in all CSS Frameworks available around the internet. And there’s still a lot to learn about it. Check out this great article now!
7. A Guide to CSS Animation — Part 1
Here’s another great article showing you how powerful CSS can be in terms of animation. Take a look at the basics of creating and applying animations and see that there’s a lot more to it than you can ever imagine!
8. 4 CSS tricks I’ve learnt the hard way
By David Mellul
Ever wondered what it would take to build a full web-application without using any third-party well-known framework such as Bootstrap? Here are some of the CSS tricks you can start learning if you wish to create you web design from scratch!
9. CSS: A New Kind Of JavaScript
By Heydon
A brief and comprehensive article talking about how CSS solves many styling problems JavaScript or any other forms doesn’t have. For more information, read this article.
10. 8-Point Grid: Typography On The Web
By Elliot Dahl
Dive deep into learning how powerful part the 8-point grid concept and its ability to drive consistency throughout your designs. And make some comprehensive assessments to best scale your typography and meet the needs of the desired design.
✉️ Subscribe to CodeBurst’s once-weekly Email Blast, 🐦 Follow CodeBurst on Twitter, view 🗺️ The 2018 Web Developer Roadmap, and 🕸️ Learn Full Stack Web Development.