That Time I Tried Browsing the Web Without CSS — This is very much a ‘what if’ experiment, but Jon explains how the exercise can highlight some accessibility considerations — concluding that “CSS is really a layer of progressive enhancement”.

Jon Kantner

Revisiting prefers-reduced-motion, The 'Reduced Motion' Media Query — Most major desktop browsers (except Edge) now support prefers-reduced-motion, a type of media query that lets you style things differently for users for whom things like elaborate animations, flashing images, or parallax effects may be disruptive.

Eric Bailey

Design for Developers ✨ New Course by Sarah Drasner — Become more self-sufficient for the entire process for execution, from concept to design to implementation. Understand the rules for designing and learn to create complex and beautiful front-end experiences.

Frontend Masters sponsor

Digging Into the display Property: Box Generation — A look at the values for CSS’s display property that control ‘box’ generation and particularly those instances where you don’t want any boxes at all.

Rachel Andrew

Perceived Velocity through Version Numbers — How version numbering effects technology choices, plus why the author thinks we need HTML6 and CSS4.

Dave Rupert

Google Docs Showing Edge Chromium Users 'Unsupported Browser' Message? — Our guess is that this is accidental, but the idea of certain (modern) browsers not being supported by mainstream webapps makes many developers bristle.

Tom Warren on Twitter

Frontend Developer at X-Team (Remote) — Join the most energizing community for developers. Work from anywhere with the world's leading brands.

X-Team

Senior Web Engineer - Onefootball (Berlin, Germany) — Join our team of engineers and help redesign and/or improve our main website and services to enhance our user experience.

Onefootball

Have You Tried Vettery? — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started.

Vettery

Oh, The Many Ways to Make Triangular Breadcrumb Ribbons — This design element is quite common on multi-step forms and processes. This post goes into rather extreme depth on four ways to produce them.

Silvestar Bistrović

Essential Guide for Web Performance Optimization — This first in a series focuses on optimizations for the “number one cause of bloat on the web” — images.

Nick Babich

Create An Animated Scroll Cue — Sites often have a subtle cue at the bottom of a page to hint at scrollable content - here’s how to animate it with CSS to draw attention.

CSS Animation

How I Failed the <a> — Use JavaScript to make links do magical things, sure, but don’t break them altogether.

Remy Sharp

Tips for Technical Interviews — Advice on how best to prepare for and survive a technical interview.

Harry Roberts

How to Create and Animate Rotated Overlays — Creating an experimental “reveal” element for interesting page transition effects.

Mary Lou

Fontanello: See Font Info from Web Pages on the Fly — A browser extension (for Chrome and Firefox) that makes it easy to see the typographic styles of any text in the browser via the context menu. I use this a lot on pages where I like the text.

Oktavilla

save-page-state: A Chrome Extension to Save The State of A Page for Further Analysis — Provides an image of the viewport, any metadata, and a snapshot of the DOM. Here’s the direct Chrome Web Store link.

Wing Leung

Get the Fastest Website Deployments. Get Started Free

Buddy sponsor

Essential Technical SEO Audit Tools — A detailed resource with info on plenty of in-depth website analysis tools (organised by their primary function).

James Hubbard

GradPad: A CSS Gradient Generator and Gallery

Our Own Thing

Introducing CSSBattle: The First CSS 'Code-Golfing' Game — The aim of the game is to replicate an image with the smallest possible amount of CSS (and climb the leaderboards). You can play here.

Kushagra Gour