Play Nice with CSS Tools and Methodologies
Brad Westfall
In this talk Brad Westfall aims to expose the pros and cons of some of the most widely accepted CSS best practices.
Issue #125
CSS vs JavaScript Animations
Paul Lewis
Paul Lewis explains that you should use CSS animations for simpler “one-shot” transitions, like toggling UI element states, and JavaScript animations when you want to have advanced effects.
From Our Sponsor
Frontend Masters: Online/In-Person Workshop on Responsive Typography
Explore web fonts, responsive type and how to use web fonts in a performant, usable and consistent across browsers way.
Join RWD typography expert Jason Pamental Aug 29th and come away with loads of concrete skills to make your sites work beautifully on every device and platform.
Articles & Tutorials
Favicons, Touch Icons, Tile Icons, etc. What All Do You Need?
Philippe Bernard has done research on what it takes to make a favicon (and all the related graphics and markup) such that you are covered with the best quality output everywhere.
Native Responsive Images
Yoav WeissYoav Weiss, the implementor of <picture> in Blink, explains how we got the new responsive images spec and how you can use it.
Making SVGs Responsive with CSS
Sara SoueidanIn this article Sara Soueidan explains how to make embedded SVGs cross-browser responsive.
Jordan Moore on Mobile-First Type & Layout
UX designer Jordan Moore shares tips and tricks for mobile-first responsive web design, including advice on media query bubbling, font rendering, and vertical media queries.
Starting CSS Animations Mid-Way
Chris CoyierChris Coyier shows how you can use negative animation-delay to make animations start at different times and different places.
Jobs
Inspiration
Chromatic Triangle
A wonderful, animated triangle created with pure CSS; a mesmerising, hypnotic piece of art.