Issue #124

High-level advice and guidelines for writing sane, manageable and scalable CSS by Harry Roberts.

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.

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.

In 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.

Claudia Romano explains how to create a minimal and responsive newsletter form with the addition of some subtle CSS3 animations to enrich the user experience.

Chris Coyier demonstrates a number of ways to change the SVG icon that is displayed in an element on state change.

Ben 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.

In this article Aurelio De Rosa looks at the current state of position: sticky;

Parker is a stylesheet analysis tool. It runs metrics on your stylesheets and will report on their complexity.

smoothState.js is a tool that will unobtrusively enhance your website’s page loads to behave more like a single-page application framework. This allows you to add page transitions and create a nicer experience for your users.

A Rubik’s Cube made in HTML, JavaScript and CSS. Quite an interesting experiment by Gregor Adams.