A Lesson on Rendering Trees, Emerging Technologies and Tacos
Marcy Sutton explains that Web Components act just as other elements in terms of accessibility. In other words, to make Web Components accessible to all users, write accessible code.
Issue #97
Learn how to make Web Components accessible, how to avoid long compilation times by using sprockets instead of @imports in Sass, how to optimize Web Font rendering performance and more.
A Tale of Front-end Sanity: Beware the Sass @import
Chris Michel shows how to avoid long compilation times by using sprockets instead of @imports when working with Sass partials.
From our sponsor
DigitalOcean - Simple Cloud Hosting
We take the complexities out of cloud hosting by offering blazing fast, on-demand SSD cloud servers, straightforward pricing, a simple API, and an easy-to-use control panel. You’ll be amazed at how fast and easy it is to create a cloud server. Setup is super quick and painless.
Articles & Tutorials
Making the Web Sweeter with Food Network and Cupcakes
CJ Gammon explains how Food Network’s Cupcakes! app was created using a variety of CSS standards.
Optimizing Web Font Rendering Performance
Ilya Grigorik looks into Web Font Rendering and what can be done to improve its performance.
Learning SVG
Learn how to get started using SVG to build scalable and animated images from Joe Wegner.
What Nobody Told You About Sass’s @extend
Kitty Giraudel sheds some light on Sass @extend directive.
A case for CSS helper classes
A nice tip that will help you keep your application stylesheets lightweight and modular.
A counter statement: Putting the CSS in the head
Hans Christian Reinl explains that inlining CSS in the head is smart only in some cases (in files smaller than ~1 KB).
Inspiration
CSS A/Z
An entirely HTML/CSS animated sketch for each letter of the alphabet. Quite impressive.
Until next week
Happy coding,
Zoran Jambor
CSS Stickers
A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.
