CSS Weekly
  • YouTube Channel
  • Archives
  • Supporters
  • Submit a link
  • Advertise
  • Contact

Issue #229

September 6, 2016

Slicing SVG 9 Ways

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.

Read more

Refactoring CSS: The Three I’s

Refactoring CSS: The Three I’s

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

Read more

From Our Sponsor

Set Your Web Skills Apart!

Set Your Web Skills Apart!

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.

Set Yourself Apart

Articles & Tutorials

The Case for Custom Elements

Rob Dodson on why you should consider using Custom Elements when building your pattern library.

Read more

A Few Different CSS Methods for Changing Display Order

George Martsoukos covers a few different CSS methods for reordering HTML elements.

Read more

Responsive Images In WordPress With Art Direction

Laurie Laforest shows how to set up a WordPress website for art direction by going through three progressive examples.

Read more

CSS Positioning Explained By Building An Ice Cream Sundae

Kevin Kononenko explains everything you need to know about CSS Positioning on an example of an ice cream sundae.

Read more

Setting up a Living Styleguide in Jekyll

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

Read more

Promoted Event

CSSConf US – September 26th & 27th in Boston, MA

CSSConf US – September 26th & 27th in Boston, MA

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!

Check out the full lineup and save $50 on your ticket with discount code “CSS_Weekly“

Tools

DevTools Timeline Viewer

A simple app that creates shareable URLs for your Chrome DevTools Timeline traces.

Check it out

Moeditor

A beautiful, simple, all-purpose, open source markdown editor.

Check it out

Inspiration

Inspiration for Navigation Indicators

Inspiration for Navigation Indicators

Manoela Ilic shares some navigation style ideas for slideshows, pages and other components that require a navigation.

Get inspired

Until Next Week

If you like this newsletter, please consider supporting us on Patreon. Thank you!

Happy coding,
Zoran Jambor

Issue #228 Issue #230

CSS Stickers!

CSS Stickers set.

A set of beautiful, cute, and funny CSS stickers to showcase your love for CSS.

Get Your Set Today »

Course Mastering Linting

Get proficient with the best linting tools, Prettier & Stylelint.

Enroll Now »

Follow CSS Weekly

YouTube 11,000 Subscribers X / Twitter 16,700 Followers Bluesky 3,900 Followers TikTok 1,600 Followers Facebook 2,400 Likes Codepen 150 Followers RSS 8,500 Subscribers
YouTube 11,000 Subscribers X / Twitter 16,700 Followers Bluesky 3,900 Followers TikTok 1,600 Followers Facebook 2,400 Likes Codepen 150 Followers RSS 8,500 Subscribers

CSS Weekly is curated, edited,
published and created by Zoran Jambor.