Fvck FIFA and rotten Infantilo - Well done UEFA for being spot on in this case.
I love this site. It’s so well executed 🎨😍 ...and it has code too 🤓
David Aerne@meodai.bsky.social · last mo.one thing led to an other: rybitten.space
Do you have any examples of sticky headers that shrink when you start scrolling? In the wild, demos, whatever, any examples... Stuff like a bigger logo/ heading, but then when starting to scroll, it all shrinks up. If you don't know of any, reposts appreciated. Thank you! 🙏
CSS animation timelines does not account for transforms but you can use an anchor-positioned sentinel as proxy to bypass this restriction. @bram.us do you know if there is anything planned in regards to this? Example (chrome only) codepen.io/jakob-e/pen/...
Animation timeline proxy for translated elements
...
codepen.io
@una.im @bram.us Thank you for a great keynote - absolutely crazy 🤯 how much new niceness you managed to pack in there 🚀👊😎 www.youtube.com/live/OQK9XHT...
What's new in Web UI
YouTube video by Google for Developers
youtube.com
Q: How many Ukrainians does it take to change a light bulb? A: None.
Anyone who works with numbers in CSS is going to love this one. Trivially show numbers with decimal precision in content: codepen.io/propjockey/p... Bonus content: do the same thing with <length> codepen.io/propjockey/p... 100% CSS
A year or so too late to the game (I’m getting old) unicorn 🦄 stuff by @bram.us www.youtube.com/watch?v=90SK... @jakearchibald.com please, if you have time, get the funky foxes 🦊 on board with this one 🙏😘
Scroll Velocity Detection | Unleash the power of Scroll-Driven Animations (9/10)
YouTube video by Chrome for Developers
youtube.com
@bram.us I've been looking at your scroll-driven-animations.style demos 😎 🚀 Regarding the horizontal scroll scroll-driven-animations.style/demos/horizo... I was thinking you could make it adapt to content size using aspect-ratio codepen.io/jakob-e/pen/... Just a thought - great work!
Horizontal scroll using animation timeline
...
codepen.io
For my European friends, here are some alternatives if you want to move off US-centric software. 👇 meiert.com/blog/united-...
Bluesky community! This is my official NYC mayor account. I’ll be posting updates on what’s happening at City Hall and how we’re delivering for New Yorkers. It’s great to be here.
Blink: Intent to Prototype: CSS anchor positioning with transforms
Blink: Intent to Prototype: CSS anchor positioning with transforms
Blink: Intent to Prototype: CSS anchor positioning with transforms
groups.google.com
📹 Smart Layouts (CSS Day - 06.06.2025) - Video & Slides I published the video, slides, and demos of my talk at @cssday.nl and wrote a few words about the experience. ishadeed.com/article/smar...
Smart Layouts (CSS Day - 06.06.2025) - Video & Slides
I spoke at CSS Day 2025 in Amsterdam about Smart Layouts.
ishadeed.com
"The enthusiasm, the spirit, the soul, whatever you want to call it, where's the microphone for that?" geoffgraham.me/fighting-tec...
Fighting Technology - Geoff Graham
I latched onto a line in Keith Richards's autobiography, Life, because it overlaps with a lot of my current feelings about, well, stuff.
geoffgraham.me
It is a bit ironic apples new liquid glass effect can be somewhat reproduced in chrome but not safari (because their SVG implementation sucks so bad) Not surprising when they have unresolved bug reports from 2009 (tell me you don’t care without saying it)
15 years ago - time flies 😅 @ethanmarcotte.com alistapart.com/article/resp...
Responsive Web Design
Designers have coveted print for its precision layouts, lamenting the varying user contexts on the web that compromise their designs. Ethan Marcotte advocates we shift our design thinking to approp…
alistapart.com
Video on the web is not just about mp4/wmv/webm - do yourself a favor and read this if front end is your thing
David Bisset@davidbisset.com · last yr.How to make web videos "way smaller" using the AV1 codec (already supported by Chrome, Safari and Firefox). evilmartians.com/chronicles/b... #video #webdev #ffmpeg #frontend
If you are not living in Gulf of Trump land… martijnhols.nl/blog/the-eur...
The European Accessibility Act for websites and apps by Martijn Hols
Learn how the European Accessibility Act (EAA) impacts websites and apps, key accessibility requirements, deadlines, and tips to prepare for compliance.
martijnhols.nl
@codepen.io Would it be possible to add the option of using <script type="module"> on the pen JS 😊
While waiting be sure to check out this excellent article kizu.dev/cyclic-toggl... By @kizu.dev
kizu.dev
IntentToShip@intenttoship.dev · 2y agoBlink: Intent to Prototype: CSS if() function
Intent to ship for the upgraded customizable select element in Blink! It's happening! I2S: groups.google.com/a/chromium.o... Learn more: una.im/select-updat...
Intent to ship: Customizable select
groups.google.com
"Free background-image remover in the browser!" ⚡️ Excited to announce bg.addy.ie, a free little app that removes backgrounds from images directly in your browser! Privacy-friendly. Uses Transformers.js, RMBG-1.4 & MODNet.