Issue #438

Kilian Valkhof explains how to use the media query prefers-reduced-data to keep your sites accessible to everyone.

Jhey Tompkins will remind you that you should occasionally drop the ‘Why’ and ‘How’ and focus instead on the ‘What’ of weird, wonderful ideas to nurture a totally different side to your skill sets.

Are you ready to put your JavaScript skills to the test? Enter our JavaScript Speed Coding Challenge and see how you stack up among the world’s top developers. Speed through each challenge, and rack up points. New tasks will be added daily so you can achieve higher scores as you go. Compete as many times as you like! REWARDS:
1st Place: Apple AirPods
2nd – 5th Place: $100 Amazon gift card
6th – 20th Place: $20 Amazon gift card

James Ross demonstrates how to deliver new image formats to your users using progressive enhancement.

An article that showcases how the CSS Grid Layout makes it possible to make a calendar with only three lines of CSS.

Christian Heilmann shares how to show the source code on a page easily.

Umar Hansa outlines how to use CSS Overview Panel in Chrome DevTools to get interesting and useful information on your CSS.

Sheri Byrne-Haber explains why your first effort at accessibility is unlikely to be outstanding, and why even that will be better than 98% of what other people are doing in terms of accessibility.

Give your client’s site a cool festive look even if they have a tight budget.

A simple, minimalistic step by step tooltip helper to guide your users through site or app features.

Filmstrip is an online animation editor that exports CSS code ready to use on your site.

Laura Grassi created an adorable animation using CSS.