Issue #290

November 21, 2017

How to use SVG as a Placeholder, and Other Image Loading Techniques

José M. Pérez explains how to create SVG-based placeholders (edges, shapes, and silhouettes).

Using CSS Grid: Supporting Browsers Without Grid

Rachel Andrew explores different approaches to dealing with browsers that don’t support CSS Grid.

HelloSign eSign API

Embed docs directly on your website with a few lines of code.

Test the API for free >

Articles & Tutorials

Take Control of Your Scroll: Customizing Pull-to-Refresh and Overflow Effects

The overscroll-behavior property is a new CSS feature that controls the behavior of what happens when you over-scroll a container (including the page itself).

Monitoring Unused CSS by Unleashing the Raw Power of the Devtools Protocol

Johnny shows how to use Chrome DevTools Protocol to track the percentage of unused CSS in the app programmatically.

CSS for Teams

Jenn Lukas explains how can CSS be the perfect collaboration tool for improving your team’s approach to web design.

CSS Environment Variables; How to Deal with the Software Bezel of iPhone X

Ben Frain shares some tips on dealing with the notch on the iPhone X.

Recreating the Apple Watch Breathe App Animation

Geoff Graham shows how to recreate the Apple Watch breathe app animation using CSS.

Now you can truly understand your web and mobile visitors

Hotjar is a new and easy way to truly understand your web and mobile site visitors.

Try it for free.

Tools

Firefox Quantum

Firefox Quantum is over twice as fast as Firefox from 6 months ago, built on a completely overhauled core engine with brand new technology, and a beautiful new look.

Check it out