Issue #329

September 4, 2018

An Intro to Web Site Testing with Cypress

Devon Campbell gives an introduction to Cypress, a test runner with features that take some of the friction out of end-to-end testing.

Rachel Andrew looks at CSS Shapes and how to create non-rectangular shapes using images, gradients, and basic shapes.

Digital Ocean

Digital Ocean is a reliable, easy-to-use cloud computing platform, with a control panel and API that will let you spend more time coding and less time managing your infrastructure.

Articles & Tutorials

The Benefits of Using CSS Grid for Web Form Layout

Craig Buckler discusses form layout in the age of CSS Grid, and explains how and why to take a progressive enhancement approach to form layout.

Super-Powered Grid Components with CSS Custom Properties

Michelle Barker shares some advice on using CSS Grid at the component level to keep your code maintainable.

Inspect and Style an Element in DevTools that Normally Disappears when Inactive

Elijah Manor demonstrates a simple trick with setTimeout & debugger that will help you inspect and style elements that disappear on mouse-leave, blur, or click-outside.

Accessible Breadcrumb Navigation Pattern

Scott O’Hara explains how to create breadcrumb navigation using aria-label to provide an accessible name, and aria-current to indicate the currently active link.

Conversational Semantics

Aaron Gustafson shows how we can—and should—use HTML and ARIA to make our content structured, sensible, and most importantly, meaningful.

Chat with your visitors and customers to collect actionable feedback, identify problems and increase conversions. Chatra is a modern live chat app, loved by designers and developers around the world. Get inquiries 24/7 and reply in your own time.