bramus

bramus, 5 days ago to random

CSS
IS
A
W
E
S
O
M
E

— Great fix by @kizu 😂

#cssday

bramus, 5 days ago to random

But what are scroll-driven animations? @carmenansio is here to answer and blow us away with many exciting demos.

#cssday

bramus, 5 days ago to random

Very excited to see @SaraSoueidan cover how CSS affects the semantic accessibility of your HTML.

#cssday

Sara on stage.

bramus, 5 days ago to random

“Hello my frontend friends …” — @KevinJPowell opening day 2 of #CSSDay

Kevin on stage, saying his trademark opening sentence

bramus, 6 days ago to random

Hold up, IKEA is an abbreviation?!

https://www.ikea.com/us/en/this-is-ikea/about-us/our-heritage-pubde78e100#:~:text=Did%20you%20know%3F

(Also: OpenType features FTW. Great talk, @pixelambacht!)

#cssday

bramus, 6 days ago to random

Getting blown away by these characters made (and animated!) with CSS from the hand of @julia_miocene at #cssday.

AMAZING STUFF! 🤩🤯

bramus, 6 days ago to random

Yesterday I gave a talk about Cross-Document View Transitions for M̶u̶l̶t̶i̶-̶P̶a̶g̶e̶ A̶p̶p̶l̶i̶c̶a̶t̶i̶o̶n̶s̶ 𝘞𝘦𝘣𝘴𝘪𝘵𝘦𝘴 at the #cssday pre-event.

Cyd Stumpel made this wonderful summarizing sketchnote of both mine and Miriam’s talk.

(PS: the stacking order of the VT-pseudos is reversed, other than that it’s got it all)

bramus, 6 days ago (edited 2 days ago) to random

Excellent shout-out to @johnallsopp's “A Dao of Web Design” by @matthiasott.

A timeless masterpiece, well worth your time to read: https://alistapart.com/article/dao/

#cssday

bramus, 6 days ago to random

Okay, we're only 10 minutes into the first talk and it's already clear: @matthiasott wins at this year's #cssday 😂

bramus, 13 days ago to random

⭐️ Scroll-Driven Animations with CSS (2024.05.30 @ WebExpo)

Slides of the talk “Scroll-Driven Animations with CSS” I gave at @webexpo today.

https://www.bram.us/2024/05/30/scroll-driven-animations-with-css-webexpo/

#CSS #ScrollDrivenAnimations #PublicSpeaking

bramus, 13 days ago to random

Congrats to @webexpo on organizing their annual conference!

Things went very smooth and the talks I attended all smashed it.

It's been an honor to speak at this WONDERFUL venue and to have been part of the AMAZING line-up they had.

#WebExpo #ChromeDevRel #PublicSpeaking

View from the stage
Behind the scenes

bramus, 15 days ago to random

🥹

Very exciting news! This is the thing that gives Custom Properties their SUPERPOWERS.

Yes, you can use them to enforce type safety, limit their inheritance, and set up a default but what I like most about them is that YOU CAN ANIMATE/TRANSITION REGISTERED CUSTOM PROPERTIES.

https://botsin.space/@intenttoship/112519846001484140

bramus, 16 days ago to random

After a wonderful #JSHeroes2024 last week followed by a quick pit stop at home, I'm hopping onto the next plane to fly to Prague.

I'm scheduled to give a talk at #WebExpo on Thursday, covering Scroll-Driven Animations.

#ChromeDevRel #PublicSpeaking #ConferenceSeason

bramus, 19 days ago (edited 19 days ago) to random

📣 PSA: Time to update your MPA View Transitions demos!

The opt-in for Cross-Document View Transitions for MPA is done by means of the @​view-transition at-rule in CSS.

The meta tag from before was a temporary thing while the feature was still being developed behind a flag. The meta tag no longer does anything, you need the CSS opt-in.

bramus, 19 days ago to random

I came prepared … 🩳🩴

But turns out the pool wasn't expecting me 😅

#JSHeroes2024

bramus, 21 days ago to random

Did a rehearsal run of my deck for tomorrow's #jsheroes and now I'm suddenly busy overhauling the entire thing ... 😬

bramus, 21 days ago to random

Come hear @mia and me talk about some CSS/web things.

I'll be covering Cross-Document View Transitions for Multi-Page Applications (aka: "just websites") or maybe Scroll-Driven View Transitions which combines two of my favorite topics … still undecided.
https://social.vasilis.nl/@vasilis/112444587000998568

bramus, 27 days ago to random

What's new in view transitions? (Google I/O 2024 update)

In this video I introduce you to cross-document view transitions for MPA along with two improvements that allow you to more easily work with view transitions in general.

https://developer.chrome.com/blog/view-transitions-update-io24

#viewtransitions #googleio

bramus, 29 days ago to random

Just announced at #googleio : cross-document view transitions for multi-page applications are available in the upcoming Chrome 126 🎉

Expect a video (and blog post) with details to drop this Thursday.

In the meantime, check out the updated docs: https://developer.chrome.com/docs/web-platform/view-transitions

Recording of Jon Dahlke doing announcing MPA View Transitions at Google I/O.

bramus, 30 days ago to random

The joy of landing at SFO on time, but then having to wait an hour on the tarmac before your plane gets a gate assigned 🥲

bramus, 1 month ago to random

📣 Introducing “Unleash the Power of Scroll-Driven Animations”

I built a thing: a 10-part video course that teaches you all there is to know about scroll-driven animations with CSS or JavaScript.

https://developer.chrome.com/blog/scroll-driven-animations-video-course?hl=en

bramus, 1 month ago to CSS

📝 Misconceptions about CSS Specificity

To remove some of the confusion, here’s a list of misconceptions about Specificity in CSS …

https://www.bram.us/2024/05/05/misconceptions-about-css-specificity/

#CSS #Specificity

bramus, 1 month ago to random

Ooh, Airbnb released a very nice page that’s using Scroll-Driven Animations.

Here’s me doing an impromptu check of it using a Chrome DevTools extension I built to help you debug these.

https://www.youtube.com/watch?v=7DtzR-dWJCQ

bramus, 1 month ago (edited 1 month ago) to random

🎉🍾 View Transitions Excitement!

Intent to Ship: View Transitions Same-Origin Navigation

https://groups.google.com/a/chromium.org/g/blink-dev/c/LsA567xpe7k

Soon you'll no longer have to rearchitect your website to an SPA in order to use View Transitions, as Cross-Document View Transitions work with MPAs!

To be included in Chrome 127, which goes stable mid July 2024.

bramus, 1 month ago to random

Well, he didn't actually say this, but I'm sure he would have. 😉

(Yes, that's you @tunetheweb)