Issue #422

August 12, 2020

Designing Adaptive Components, Beyond Responsive Breakpoints

Stéphanie Walter on designing systems of reusable components that adapt to responsive layouts, containers, work with different content states and adapt to user needs, behavior, and context.

Computed Values: More Than Meets the Eye

Jemimah Omodior looks at the computed tab of DevTools and explains how inheritance fits into the browser’s style computation process.

Learn what’s next in front-end development

Explore the latest in CSS advances, best practices in design principles, surviving audits, improving performance, and more at An Event Apart Online Together: Front-End Focus—a one-day online conference coming to a device near you Monday, August 17.

Save $50 with promo code AEAOTCSSW

See the agenda and register now.

Articles & Tutorials

Introspecting CSS via the CSS OM: Getting Supported Properties, Shorthands, Longhands

Lea Verou demonstrates how to introspect CSS via the CSS OM.

The Making of: Netlify’s Million Devs SVG Animation Site

Sarah Drasner captures the process of building the Million Developers microsite for Netlify.

@property: Giving Superpowers to CSS Variables

Una Kravets explains how the Properties and Values API supercharges CSS Custom Properties by giving them semantic meaning (defined by a syntax) and even fallback values, enabling CSS testing.

What Does 100% Mean in CSS?

Amelia Wattenberger shares a guide on what percentage means in what context.

Digging Into the Flex Property

Ahmad Shadeed goes through the shorthand and the longhand flex properties and explains when and why to use them with practical and visual examples.

Create an Animated 3D Book in CSS, Step by Step

Sébastien Castiel shows how to create an animated 3D book in CSS.

How To Use Styled-Components In React

Adebiyi Adedotun Lukman explains the basics of styled-components and how to properly apply them to your React applications.

Rethinking Accessible Drop Caps

Justin Gagne shares an alternative approach to designing accessible drop caps.

Social Media Marketing Strategies Course

With the Social Media Marketing Strategies Course, you’ll learn how to drive sales, attract new customers and master social media the right way. Besides getting an introduction to social media marketing strategies, you’ll learn key marketing strategies for Facebook, Twitter, Instagram, Pinterest and Reddit.

Buy now