Issue #362

May 8, 2019

Understanding Shadow DOM v1

Faraz Kelhini gives a nice introduction to Shadow DOM.

Oh, the Many Ways to Make Triangular Breadcrumb Ribbons!

Silvestar Bistrović shows a variety of different ways to create triangular breadcrumb ribbons.

Create Stunning Websites Even When You Have Limited Resources

Be Theme offers you 430+ pre-built websites that you can customize in a matter of hours, so you can build an intuitive, responsive, and beautiful website without overworking yourself.

Check out Be Theme

Articles & Tutorials

Building a Pure CSS Animated SVG Spinner

Glenn McComb shows how to level up your loading indicators with a pure-CSS animated SVG loader.

Revisiting prefers-reduced-motion, the Reduced Motion Media Query

Eric Bailey provides some background about the reduced motion media query, and explains why we need it.

Digging Into The Display Property: Box Generation

Rachel Andrew takes a look at the display values which control box generation.

Breaking to a New Row With Flexbox

Tobias Bjerrome Ahlin shows how you can break to a new flexbox row or column without setting the size of an item, by adding a collapsed element between two flex items.

What Does Dark Mode’s “supported-color-schemes” Actually Do?

Thomas Steiner gives a quick intro to color-scheme meta tag.

Get Your Free .design Domain Name!

Thinking of building your portfolio? A .design domain name is like .com and .net, but it’s more relevant to what you do as a designer.

Claim Your .design Domain Name, Before It's Gone!

Tools

Computed Variables is a JavaScript plugin that allows CSS variables to subscribe to events happening in the browser, and have their values updated by simple JavaScript functions on an as-needed basis.

Check it out