Animation is a part of a UI designer's job. Here are 9 free animation libraries we think deliver the most power for the smallest file size, while being relatively easy to use for reasonably code-savvy designers that aren't full-blown developers.
In this series on troubleshooting and optimizing your CSS, Tiffany Brown looks at ensuring code efficiency with the CSS Optimizer (or CSSO), a minification tool that runs on Node.js and which makes sure our file sizes are as small as they can be.
In this series on troubleshooting and optimizing your CSS, Tiffany Brown delves into the browser-based developer tools for Chrome, Safari, Firefox, and Microsoft Edge, covering the styles panel, cascade and inheritance problems, spotting invalid properties and values, and debugging responsive layouts.
In this series on troubleshooting and optimizing your CSS, Tiffany Brown introduces UnCSS and stylelint, two code-quality tools for analyzing the quality of your CSS.
Craig Buckler demonstrates how use Gulp.js to automate CSS tasks, such as optimizing images, compiling Sass files, handling and inlining assets, automatically appending vendor prefixes, removing unused CSS selectors, minifying CSS, reporting file sizes, outputting sourcemaps and more.
Ahmed Bouchefra shows how to use various tools and related techniques to help build a better PWA by focusing on CSS optimization — demonstrating how to remove unused CSS, inline the critical path CSS, and minify the resulting code.
Maria Antonietta Perna explores the Performance Tool available in the Firefox browser to find out more about CSS animation performance.
Now we’re going to look at warnings and errors. Both form a one-way communication system between the program (in this case, Sass) and the developer (you).
Ashley Nolan introduces the features of stylelint, a flexible and well-supported CSS linting tool that can improve your team's code style and maintenance.
Ivaylo Gerchev guides you step by step as you create a beautiful HTML and CSS web presentation using WebSlides, a fantastic framework for this kind of task.
Giannis Konstantinidis lists some great Material Design CSS frameworks and compares them to make it easier for you to choose what best fits your needs.
Maria Antonietta Perna introduces GreenSock in a multi-part article for the Beyond CSS: Dynamic DOM Animation Libraries series. Ready for some cool effects?
Louis Lazaris has collected together another 20+ learning resources, tools, and other guides to help developers brush up on various front-end features.
Maria Antonietta Perna introduces BEM, SMACSS and eCSS, three CSS architecture methodologies to help you write clean and maintainable CSS code.
Maria Antonietta Perna highlights the importance of a fast-loading website and introduces five CSS performance tools to help you optimize your stylesheets.
Tom Hodgins recounts how they put together EQCSS and shares why he believes all web developers should try building their own polyfills.
Kushagra Gour introduces Web Maker, a browser extension for front-end developers needing a blazing-fast, offline web playground.
Often the key to understanding complex things is to understand their simpler parts first. SnappySnippet is a tool that can help you with that.
Louis Lazaris is here with installment number 11 of his series on fantastic learning resources, docs and guides for front-end developers
The GIF format has been around for so long that sometimes it's easy to overlook its usefulness. Tim wants you to reconsider the power of GIFs and CSS.