CSS Guidelines
Harry Roberts
High-level advice and guidelines for writing sane, manageable and scalable CSS by Harry Roberts.
Issue #124
Styleguide Driven Development
Jordan Lewis
Styleguide Driven Development is a practice that encourages the separation of UX, Design & Frontend from Backend concerns. This is achieved by developing the UI separately in a styleguide. Jordan Lewis will tell you more.
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
Responsive Design is Still Hard/Easy! Be Afraid/Don’t Worry!
Dan MallIn this talk Dan Mall shares a few stories from the trenches of both big and small responsive projects, shows how to tweak your waterfall methodology, and suggest a new step-by-step process that will make you confident to design and develop for a multi-device world.
Responsive Newsletter Form
Claudia RomanoClaudia Romano explains how to create a minimal and responsive newsletter form with the addition of some subtle CSS3 animations to enrich the user experience.
Swapping Out SVG Icons
Chris CoyierChris Coyier demonstrates a number of ways to change the SVG icon that is displayed in an element on state change.
BEM modifiers: multiple classes vs @extend
Ben SmithettBen Smithett looks at the benefits of styling with multiple classes vs scoping all of a module’s styles to a single class with Sass’ @extend rule.
CSS “position: sticky” – Introduction and Polyfills
Aurelio De RosaIn this article Aurelio De Rosa looks at the current state of position: sticky;
Inspiration
RubiCSS Cube
Gregor Adams
A Rubik’s Cube made in HTML, JavaScript and CSS. Quite an interesting experiment by Gregor Adams.