4 ways to create CSS that's modular and scalable
Steven Bradley
Steven Bradley gives a nice overview of methods for writing modular and scalable CSS. He looks at OOCSS, SMACSS, DRY CSS and BEM.
Issue #76
Headlines
A Web Designer’s Typographic Boilerplate
Ian Yates
Ian Yates shows how to create a nice CSS typographic boilerplate that you can reuse and extend for your own projects.
From our sponsor
Frontend Masters: New CSS3 In-Depth Course from Estelle Weyl
Learn how deep the CSS3 rabbit hole goes in this jam-packed, 6+ hour course with CSS luminary Estelle Weyl.
Try a free preview lesson with Estelle where she uses the analogy of fish “CSS SpeciFISHity” to explain how to think about CSS selector specificity!
Articles & Tutorials
Client-side full-text search in CSS
François ZaninottoFrançois Zaninotto demonstrates a really cool technique for creating client-side full-text search in CSS (without the use of JavaScript).
Cloning the UI of iOS 7 with HTML, CSS and JavaScript
Côme CourteaultCôme Courteault shares what he learned while creating an app that looks as close as a native iOS7 app as possible.
CSS Length Explained
Tim Chien and Robert Nyman give a nice overview of various CSS units. If pixel density, retina resolution and similar concepts are giving you headaches, you should definitely read this article.
CSS Regions, and why you’ll be using them before you know it
Lee MallaboneA visual demo of CSS Regions followed by a description of the browser support, an example of how to use them, and why they’re important for the future.
Corey Ford from the Platform team presents "h2 {position: sticky}"
Yes, you heard it right, position:sticky is now available in Gecko.
CSS3 Animation Not Working in IE10
John B. HartleyBeware, CSS animations are not working if you put them inside of a media query.
Jobs
Frond End Developer
Are you interested in building the best accommodation website used by millions of customers? Do you have solid experience developing with HTML/CSS/JS? Booking.com is looking for an experienced Front End Developer that is passionate about desktop and mobile web development. This position is based in our Amsterdam office.
Recommended Conference
October 21—23: The CSS Dev Conf at Stanley Hotel in Colorado, USA!
Dive deep into CSS in the Rocky Mountains with Chris Coyier, Nicole Sullivan, Jonathan Snook, and many more as the first CSS face-to-face conference for web builders returns for its second year.
Taking place on Oct. 21-22 with advanced workshops on Oct. 23, use discount code CSSWEEKLY for $50 off.
Inspiration
CSS Gameboy
Anton Essential
The amount of details that went into this experiment is absolutely astonishing. Well done, mr. Anton.