Patrick Catanzariti contacted a number of developers who have used BEM and SMACSS in their projects, and collected their thoughts on how they can be used effectively.
Jack Doyle outlines some interesting performance implications of using CSS animations that aren’t widely known. (Make sure you read the discussion in the comments as well, since a few things in article/video are not entirely accurate.)
From Our Sponsor
Generate CSS selectors from HTML code. CSS Selector eliminates manual mapping of CSS selectors for your HTML code and speeds up web coding process.
Articles & Tutorials
Osvaldas Valutis shows how to create an auto-hide sticky header, which makes site navigation easily accessible anywhere on the page and saves content space at the same time.
Ben Frain argues that an OOCSS architectural approach to a large scale, rapidly changing responsive web site or application is an ‘anti-pattern’. Quite an interesting read.
Writing all the markup and styles from the ground up for multiple brands wastes your time upfront and makes future changes even more cumbersome. Ethan Muller has a interesting Sassy solution to save your time and sanity.
This post serves as a detailed reference and rationale of how to name HTML classes and equivalent CSS selectors using a FUN CSS methodology.
Christian van Deursen gives a nice introduction to The Web Animations API.
Support CSS Weekly
As a supporter, you will get an ad-free newsletter, you will get the newsletter at least 12 hours before non-supporters, and your profile will be shown on CSS Weekly’s website.
Typesettings.css is the typography boilerplate for your minimal website or blog project.
Range.css is a handy tool that will help you style Range Inputs (<input type=”range”>).
This beautiful CSS animation by Nate Wiley could actually be used as a loader.
Until Next Week