Category Archives: Web Development

How to Animate the Details Element

Here’s a nice simple demo from Moritz Gießmann on animating the triangle of a <details> element, which is the affordance that tells people…
Continue reading

The State Of Mobile And Why Mobile Web Testing Matters

Things have changed quite a bit over the last decade when we just started exploring what we could do on a tiny, shiny…
Continue reading

The Best Font Loading Strategies and How to Execute Them

Zach Leatherman wrote up a comprehensive list of font loading strategies that have been widely shared in the web development field. I took…
Continue reading

The “Gray Dead Zone” of Gradients

Erik D. Kennedy notes an interesting phenomenon of color gradients. If you have a gradient between two colors where the line between them…
Continue reading

How to Map Mouse Position in CSS

Let’s look at how to get the user’s mouse position and map it into CSS custom properties: --positionX and --positionY. We could do…
Continue reading

State Of GDPR In 2021: Cookie Consent For Designers And Developers

Last week, I gave you an update on everything that’s happened with GDPR since 2018. (TL;DR: A lot has changed.) In this article,…
Continue reading

Next.js on Netlify

(This is a sponsored post.) If you want to put Next.js on Netlify, here’s a 5 minute tutorial¹. One of the many strengths…
Continue reading

CSS Border Font

Every letter in this “font” by Davor Suljic is a single div and drawn only with border. That means employing some trickery like…
Continue reading

Fresh Inspiration For March And A Smashing Winner (2021 Wallpapers Edition)

More than ten years ago, we embarked on our monthly wallpapers adventure to provide you with new and inspiring wallpaper calendars each month…
Continue reading

Weekly Platform News: Reduced Motion, CORS, WhiteHouse.gov, popups, and 100vw

In this week’s roundup, we highlight a proposal for a new <popup> element, check the use of prefers-reduced-motion on award-winning sites, learn how…
Continue reading