Issue #307

March 20, 2018

CSS in the Age of React: How We Traded the Cascade for Consistency

Theresa Ma explains how to utilize CSS Modules in React.

Overlap on the Web, Graphic Design Made Easy with CSS Grid

Jen Simmons shows how to create fully responsive, robust, and resilient layouts with overlapping items using CSS Grid.

Watch video

From Our Sponsor

CSS Secrets: Better Solutions to Everyday Web Design Problems

In this practical guide, CSS expert Lea Verou provides 47 undocumented techniques and tips to help intermediate-to advanced CSS developers devise elegant solutions to a wide range of everyday web design problems.

Buy on Amazon

Articles & Tutorials

Theming with Variables: Globals and Locals

Andrés Galante shares some tips on theming using Global and Component variables.

Using Chrome’s ‘Local Overrides’ to Test Performance Hypotheses

Harry Roberts created a quick screencast to demonstrate the power of Chrome DevTools’ Local Overrides, and what exactly it means for performance engineers.

Watch video

Notched Boxes

Chris Coyier shows how to create cut-off corner effect using clip-path.

Loading Third-Party JavaScript

Addy Osmani and Arthur Evans explain how to optimize the loading of third-party scripts to reduce their impact on performance.

A DIY Web Accessibility Blueprint

Beth Raduenzel provides a guide to making and maintaining accessible websites.

Thinking of building your portfolio?

Grab a FREE .design domain to showcase your work. .design reflects what you do as a designer and helps give you better branding.

Take me to my FREE .design domain name!

Tools

CSS Gradient

CSS Gradient is an online tool that lets you create gradients for the web.

Check it out

Dragon Drop

Dragon Drop is an accessible drag and drop list reorder module.

Check it out

Inspiration

Respect Always Comes First

Vitaly Friedman on why we should treat privacy, security, inclusivity, authenticity, personality, and ethics as crucial parts of our design and development process.

Get inspired