/CSS

Designing Beautiful Shadows In CSS

- Josh Comeau tl;dr: "In this tutorial, we'll learn how to transform typical box-shadows into beautiful, life-like ones."

featured in #254


Images Are Hard

- Chris Coyier tl;dr: Certain things get overlooked when adding images to a site so Chris has created this checklist, starting with making "sure you use sentence-format alt text on the image to describe what the image depicts."

featured in #239


Giving Users And Developers More Control Over Focus

tl;dr: Two new features that improve both the user and developer experience when it comes to working with focus - the :focus-visible CSS selector and Quick Focus Highlight user preference.

featured in #204


The Languages Which Almost Became CSS

- Zack Bloom tl;dr: "I find it fascinating to think about the world that might have been. Even more surprisingly, it happens that many of these other options include features which developers would love to see appear in CSS even today." Zack outlines some of the directions CSS could have taken.

featured in #202


Some CSS Comics

- Julia Evans tl;dr: "I’ve been writing some comics about CSS this past week, and I thought as an experiment I’d post them to my blog instead of only putting them on Twitter."

featured in #198


Things I Wish I’d Known About CSS

- Dave Smyth tl;dr: Browsers have a default stylesheet, use relative units everywhere, and more.

featured in #195


Ten Modern Layouts In One Line Of CSS

- Una Kravets tl;dr: "This post highlights a few powerful lines of CSS that do some serious heavy lifting and help you build robust modern layouts."

featured in #191


Old CSS, New CSS

- Eevee tl;dr: The evolution of CSS from a personal perspective. Starting pre-CSS to the current use of flexbox. 

featured in #172


The Making Of An Animated Favicon

- Preethi Sam tl;dr: Perhaps, this is a good way of leveraging under utilized real estate. The author runs through how to animate your site's favicon.

featured in #154


My Favorite CSS Hack

- Gajus Kuizinas tl;dr: Code snippet that Gajus regularly embeds allows you to visualize elements on page, along with their margin and padding to identify inconsistencies.

featured in #153