Issue #319

June 13, 2018

How to Start with Variable Fonts on the Web

Oliver Schöndorfer gives an excellent primer on variable fonts on the web.

David Gwyer gives an in-depth review of some interesting CSS selectors (that will be available in the future).

Earn your merit badge.

Scouting for the best web conference around? You found it. An Event Apart brings together the leading minds in UX, design & development for three days of inspiration and enlightenment. From progressive web apps to performance, revolutionary new CSS-Grid-based web layouts to UI animation, it’s everything you need to know. Scout’s honor.

Set yourself apart. Attend An Event Apart near you.

Articles & Tutorials

1 Element CSS Rainbow Gradient Infinity

Ana Tudor explains how she created a stunning, animated rainbow gradient infinity image using one HTML element and CSS.

Practical Tips for Working with CSS Variables

Michelle Barker shares a few tips for integrating CSS Variables into your workflow.

15+ Experts Share Their Web Performance Advice for 2018

Web performance experts reveal which practices are outdated in 2018 and give some suggestions for optimising your sites and apps.

UTC Is Enough for Everyone...Right?

A fascinating read on dealing with timezones by Zach Holman.

Accessible Landmarks

Scott O’Hara explains how landmarks can be useful to screen reader users as they help orient a user to an appropriately structured web page or application screen.

Become a CSS Weekly Supporter

As a supporter, you will get an ad-free newsletter ahead of time, your profile will be shown on CSS Weekly’s website, and you will get a warm, fuzzy feeling knowing that you’re supporting your favorite newsletter.

Support CSS Weekly

Tools

Landmarks

Landmarks is a browser extension (for Firefox, Chrome and Opera) that allows you to navigate a web page via WAI-ARIA landmarks, using the keyboard or a pop-up menu.

Check it out