Issue #347

January 23, 2019

Designing the Flexbox Inspector

Victoria Wang shares a behind-the-scenes look at the UX patterns and processes that drove the design of the Flexbox Inspector for Firefox DevTools.

Houdini Tutorial: CSS Painting and Custom Properties

Nate Jacobs explains how Houdini gives developers the power to extend CSS, including how to use two recently available APIs: “CSS Paint” and “Properties and Values.”

Free Visual Testing with Percy

Replace time-consuming manual QA to catch visual UI bugs automatically.

Percy’s all-in-one visual testing solution makes it easy to test your UI across browsers and responsive breakpoint widths and review all visual changes with a single click.

Articles & Tutorials

Browser Rendering Optimizations for Frontend Development

Jordan Irabor explores the conditions that can enable and prevent a web application to run optimally at 60 frames per second and looks at several optimizations that you can plug into the browser’s rendering pipeline.

Baseline Rules for Scrollbar Usability

Adrian Roselli shares some advice on creating accessible custom scrollbars.

Web Performance Mini Series: Responses

Paul Lewis on demonstrates why you shouldn’t optimize everything, but just the things people are going to notice.

Watch video

Use the :lang pseudo-class over the lang attribute selector for language-specific styles

Ire Aderinokun explains why you should use :lang pseudo-class over the lang attribute selector for language-specific styles.

Piecing Together Approaches for a CSS Masonry Layout

Chris Coyier explores different approaches to creating masonry layout.

Find the perfect pre-built website for any design project (400+ examples)

Browse through 400+ pre-built websites that cover 40+ industries and businesses. From corporate websites to blogs and portfolios, you’ll find exactly what you need to the tiniest detail.

Check them out