CSS Weekly 227

Using Feature Queries in CSS

Jen Simmons shows how to use @supports to see whether or not a particular feature (CSS property or value) is supported in the current browser. Read more

Smooth as Butter: Achieving 60 FPS Animations with CSS

José Rosário shares some tips on achieving performant animations in CSS. Read more

From Our Sponsor

FullStory

See what your users see. Capture everything, and we mean everything (including the full DOM and console logs), about your customer experience with one easy-to-install script.  Try it for free!

Articles & Tutorials

`font-display` for the Masses

Jeremy Wagner digs into a brand new CSS feature, that once it percolates through the browser ecosystem, will be great for performance. Read more

Flexible Typography with CSS Locks

Tim Brown shows how to use `CSS locks` when you need specific fluid behavior, contained within certain boundaries. Read more

Writing Efficient CSS

In this talk, Joe Reeve gives an introduction to browser implementations of CSS selectors and explains what that means for you. Watch video

Setting up a Living Styleguide in Jekyll

Hugo Giraudel looks at how to put together a styleguide of components for your design using Jekyll and the Liquid template engine. Read more

Jobs

Simplify Your Job Search with Hired (SF, NYC, London, & 14 more Tech Hubs)

With Hired, companies apply to hire you – get salary and equity offers up front from companies like Facebook, Postmates, & Square. Try Hired Today

Tools

SVGInjector

A fast, caching, dynamic inline SVG DOM injection library. Check it out

image-diff

A handy tool that lets you create image differential between two images. Check it out

Inspiration

CSS 3D Box with Mock Shadow

A simple (but beautiful) CSS animation created by Laurence Archer. Get inspired

Until Next Week