Issue #153

March 10, 2015

Quantity Queries for CSS

Heydon Pickering walks you through a new idea for creating style breakpoints for quantities of HTML elements.

More Transparent UI Code with Namespaces

Harry Roberts explains in detail how to employ a suite of namespaces to make your UI code more readable and transparent.

From Our Sponsor

UI/UX Designer Bundle

This amazing UX bundle contains 6 courses with more than 30 hours of UX Training that will enable you to delight your users.

Check it out

Articles & Tutorials

Side Effects in CSS

The hardest problem in CSS is eliminating side effects: base rule changes, naming collisions and subtree matches. Philip Walton looks at how can BEM help you eliminate these side effects.

In this article Kevin Lorenz will walk you through all the steps required in order to set up a basic Grunt front end project: creating the project structure, compiling Sass to CSS, setting up a local server, live reloading and minifying JavaScript.

Caching SVG Sprite in localStorage

Osvaldas Valutis explains how to use localStorage for storing SVG sprites.

The State of Web Type

Bram Stein looks at some of the typographic features we need on web for an optimal and beautiful reading experience.

Automating Style Guide-Driven Development

Varya Stepanova and Juuso Backman show how to generate living style guides directly from the style definition sources, using the SC5 Style Guide Generator.

Support CSS Weekly

Become a CSS Weekly Supporter

As a supporter, you will get an ad-free newsletter ahead of time and your profile will be shown on CSS Weekly’s website.

Become a Supporter

Tools

Favico.js

Favico.js is a handy tool that will help you add badges, images or videos to your favicons.

DOMListener

DOMListener is a simple tool that provides convenient interface for observing DOM changes (node removal and addition, attribute and text modifications).