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

Good CTA by @kizu: (If you have time), get your hands dirty with experimental web platform features and try to bend them in all sorts of ways … and then share your feedback and findings (blog post, CSSWG issues, browser bugs, …).

Together we can make the web better.

#cssday

bramus, 5 days ago to TodayILearned

Psst, #cssday folks! I've got a free course that teaches you all there is to know about scroll-driven animations.

In 10 episodes you'll become familiar with the core concepts and how some demos were built.

https://scroll-driven-animations.style/#learn

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, 7 days ago to random

What infinite layout loops in CSS look like — @mia

joshtumath, 7 days ago to random

Woohoo! It's #CSSDay in Amsterdam again tomorrow. Looking forward to seeing everyone there and for some more awesome talks!

And I've just found out my hotel that @hdv recommended to me has hot tubs on the roof! Yesss.

bramus, 8 days ago to random

This is the non-grid-based version that is getting prototyped.

See https://developer.chrome.com/blog/masonry?hl=en for some backstory and https://tabatkins.github.io/specs/css-masonry/ for an unofficial proposal draft.
https://botsin.space/@intenttoship/112555546428987427

argyleink, 8 days ago to random

Hi Amsterdam

bramus, 8 days ago to random

Happening this week! See you there?
https://mastodon.social/@KrijnHoetmer/112531444107452403

mia, 9 days ago to random

Heading to Amsterdam. I wonder if there will be anyone else there, maybe for a conference or something? You never know.

It would be impossible to predict. 🤷🏻‍♀️

#cssday

marcamos, 12 days ago to random

@bramus Have you come across anyone using the technique you've written up here ( https://scroll-driven-animations.style/demos/scroll-shadows/css/ ), but on the x-axis?

I'm trying to adjust and utilize your wonderful code for horizontally-scrolling table wrappers, but failing to make it work.

I appreciate the YT video playlist on the topic!

bramus, 12 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

pixelambacht, 16 days ago to Fashion

✨FASHION FACT✨ I'm not sure exactly what I'll wear to #CSSDay, but I know it's going to be covered in cat hair.

#fashion #update