
Slicing SVG 9 Ways
Paul Lewis explains how to use SVG + 9-slicing to achieve a dynamically-sized shadow that can be animated performantly, and independently of the element it’s shadowing, and that can be easily edited.
Learn how to use SVG + 9-slicing to achieve a dynamically-sized shadow, how to approach CSS refactoring, why you should consider using Custom Elements when building your pattern library, and more.

Paul Lewis explains how to use SVG + 9-slicing to achieve a dynamically-sized shadow that can be animated performantly, and independently of the element it’s shadowing, and that can be easily edited.

Harry Roberts shares an approach to refactoring CSS (or any language) that he calls The Three I’s: Identify, Isolate, Implement.

Set your web and interaction design skills Apart. Save $100 on any 2- or 3-day An Event Apart conference in 2016—including DC, Chicago, San Francisco, and our 3-day Special Edition at Disney World Orlando—with discount code AEACSS, only for CSS Weekly readers.
Rob Dodson on why you should consider using Custom Elements when building your pattern library.
George Martsoukos covers a few different CSS methods for reordering HTML elements.
Laurie Laforest shows how to set up a WordPress website for art direction by going through three progressive examples.
Kevin Kononenko explains everything you need to know about CSS Positioning on an example of an ice cream sundae.
Kitty Giraudel looks at how to put together a styleguide of components for your design using Jekyll and the Liquid template engine.

CSSConf US is back and shipping up to Boston! The conference will feature 16 talks & 3 workshops from a diverse lineup of CSS pros, including keynotes from Sara Soueidan and Sarah Drasner. With topics like SVG, Flexbox, React, Sass, and Webpack, there’s sure to be something for the CSS lover in you!
A simple app that creates shareable URLs for your Chrome DevTools Timeline traces.

Manoela Ilic shares some navigation style ideas for slideshows, pages and other components that require a navigation.
If you like this newsletter, please consider supporting us on Patreon. Thank you!
Happy coding,
Zoran Jambor

A handy online tool that will let you easily show Baseline Status in your videos.

A short, friendly roundup of the most useful tools, ideas, and real-world examples—curated specifically for developers like you.

