Next-level frosted glass with backdrop-filter • Josh W. Comeau
Glassy headers have become a core part of the “slick startup” UI toolkit, but they’re all missing that final 10% that really makes it shine. In this tutorial, you’ll learn how to create the most reali...
One of my favourite UI patterns is using `backdrop-filter` to create a “frosted glass” effect.
When I see this effect in the wild, though, it’s almost never as lush and realistic as it could be. There’s an important optimization that nobody makes.
✨ I share the secret sauce in my brand-new post:
02.12.2024 18:18 — 👍 974 🔁 139 💬 46 📌 32
Astro is going to the moon!
02.12.2024 22:47 — 👍 0 🔁 0 💬 0 📌 0
Does it work with chrome on ios too?
23.11.2024 22:22 — 👍 0 🔁 0 💬 1 📌 0
Go for it. It’s easy enough to pin to an older version for legacy projects.
20.11.2024 17:24 — 👍 2 🔁 0 💬 0 📌 0
What gif pops up when you type in your name?
19.11.2024 06:29 — 👍 2 🔁 0 💬 1 📌 0
👋 I’d like to be added too! Tinkering with all kinds of digital maps.
18.11.2024 13:00 — 👍 1 🔁 0 💬 0 📌 0
👋
09.11.2024 23:17 — 👍 0 🔁 0 💬 0 📌 0
Great writeup! I think browser support is kind of too low though, is there any polyfills out there or is that impossible to achieve reliably?
04.11.2024 22:12 — 👍 1 🔁 0 💬 0 📌 0
Unified tooling for JavaScript
Creative data artist in the spatial industry.
We work with organisations and companies towards a sustainable and fair future. Beautifully crafting data to tell stories that matter.
vizzuality.com
Self-employed software engineer and consultant working on geospatial ☁ solutions. openEO, STAC and cloud-native geo. Also fixing my parents' computers. 🤪
North Road offers services and training to create intelligent and beautiful maps. Cartography. Spatial Analysis. Software Development. Experts in QGIS.
Increasing shared understanding of our world through community-led initiatives that make data easier to access and use.
radiant.earth
An innovative, woman-run (@alyolli.bsky.social) map design firm staffed with a combined experience of over 30 years in the fields of cartography and GIS. https://www.tombolomapsdesign.com/
Geospatial entrepreneur @Geomermaids, Cambridge, MA. Data wrangler and occasional developer. Open source advocate.
Helping French companies to operate in the US.
Licensed Real Estate agent in Massachusetts.
Your all-in-one map builder
Maps 🗺️ and software for building digital maps, which you can customize and integrate with websites and mobile apps. Join the revolution in web cartography!
Mapbox powers navigation for people, packages, and vehicles everywhere.
Register for BUILD with Mapbox: https://www.mapbox.com/build
Maps, Rust, DataViz, DBs, OSM. Co-founder of MapLibre. Author of Wikipedia API/maps/graphs. Former principle engineer at Elastic, now at Rivian.
Tracking the emerging scene of geospatial foundation models: www.geospatial.fm.
Official MapAction Bluesky Account. MapAction brings the power of professional mapping and geospatial analysis to humanitarian crises and preparedness. UK registered charity operating worldwide.
Follows don't equal endorsements.
Designer, developer, tinkerer.
Head of Data & Engineering: bamboonine.co.uk
Chief Tinkerer: gethorseman.app
/ defaced.dev
vuejs.org
Progressive JavaScript framework for building modern web interfaces. Created by @evanyou.me, maintained by https://vuejs.org/about/team.
What’s a Map in the Wild? It’s a map in a real-life context, a sign, a poster, an object, perhaps quirky, perhaps unexpected. What it isn’t is a screen grab from a web site, the output from a GIS or similar.
Climate data scientist @metoffice specialising in generating interactive websites and bespoke #dataviz. #climate #maps #GIS #mapping #Rstats
Views are my own
