Bram.us (by @bramus)
@bramusblog
Followers
3K
Following
2K
Media
2K
Statuses
5K
A rather geeky/technical weblog, est. 2001, by @bramus 🔗 Site: https://t.co/vAoGrgmRPL 🔸 RSS: https://t.co/C0m1bpm4by
Joined September 2011
View Transitions Applied: Smoothly animating a border-radius with a View Transition, revisited. > Instead of duplicating an animation on the ::view-transition-group pseudo, you can also rely on CSS transitions on the original element.
0
3
17
RT @bramus: Polyfilling CSS features is extremely hard, mainly because the CSS Parser discards what it does not understand. Here’s a wild….
bram.us
In April I attended #BlinkOn, the conference for web platform contributors in the Chromium open source project. At the conference I gave a presentation about “CSS Parser Extensions”, a wild idea I...
0
15
0
RT @bramus: CSS Custom Functions are coming … and they are going to be a game changer!. 👉
0
79
0
View Transitions Snippets: Getting all Animations linked to a View Transition. 🔗 🏷️ #ViewTransitions #JavaScript #Animations
1
2
32
RT @frontenddogma: The Future of CSS: Construct “<custom-ident>” and “<dashed-ident>” Values With “ident()”, by @bramus@front-end.social (@….
bram.us
Uniquely name a bunch elements in CSS in one go! Instead of assigning 100 unique names through 100 declarations, write only 1 and use ident() to construct the names.
0
2
0
RT @bramus: 🔥 Remember Internet Explorer’s Page Transitions? THEY’RE BACK BABY!. 👾 Demo: ⌨ Repo: .
0
9
0
Re-imagine the web with View Transitions. > Video from Chrome’s 2024 EOY campaign, highlighting View Transitions. > I made sure the code snippets and animations that you see where Technically Correct™ + coded up a POC for this one.
bram.us
Video from Chrome’s 2024 EOY campaign, highlighting View Transitions. I made sure the code snippets and animations that you see where Technically Correct™ + coded up a POC for this one (link to demo...
0
2
10
Spot Non-Composited Animations in Chrome DevTools. > The animations track of a performance trace can now tell you if and why an animation was not composited.
bram.us
The animations track of a performance trace can now tell you why an animation was not composited.
0
0
6
Control the Viewport Resize Behavior on mobile with interactive-widget. > For this year’s HTMLHell Advent Calendar I contributed today’s post. It is all about viewports and virtual keyboards.
bram.us
For this year’s HTMLHell Advent Calendar I contributed today’s post. It is all about viewports and virtual keyboards – a topic I have researched before, as part of the Interop 2022 Viewport Investi...
0
0
4
Supercharge Web UX with View Transitions (2024.10.18 @ React Brussels). > Slides + recording of the talk “Supercharge Web UX with View Transitions” I gave at @BrusselsReact 2024. #CSS #ViewTransitions.
bram.us
Slides + recording of the talk “Supercharge Web UX with View Transitions” I gave at React Brussels 2024
0
6
25
đź“ť Scroll-driven animated card stack with scroll snap events. Dissecting and reworking a very nice demo by @paul_uiux. #CSS #ScrollDrivenAnimations #ScrollSnapping
0
15
68
📝 CSSNestedDeclarations is coming to all browsers to improve CSS Nesting!. CSS Nesting just got a whole lot better …. 🔗
1
7
37
📝 Feature detect Style Queries Support in CSS. Awaiting browser support for `at-rule()`, here’s how you do it.
1
13
46
Benchmarking the performance of CSS . > With @​property now being Baseline Newly Available, I thought it’d be a good time benchmark the impact – if any – it has on the performance of your CSS. 🔗 #CSS #Performance
0
0
4
đź“ť Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up. By adding a long transition-delay to a CSS property under certain conditions (with a Style Query), you can persist its value. Demo by @fcalderan
0
43
286
RT @bramus: 📝 The CSS Podcast 089: View Transitions. Last week I joined my colleagues @argyleink and @Una on the #CSSPodcast to talk about….
bram.us
Last week I joined my colleagues Adam and Una on The CSS Podcast to talk about View Transitions.
0
10
0
Observing Style Changes (2024.09.25 @ @DevsGent). Today I gave a talk at the September 2024 devs​.gent meetup on how to observe and respond to Computed Style Changes. Slides + write-up:
bram.us
Slides of the talk “Observing Style Changes” I gave at the September 2024 meetup of devs.gent at the Lemon Ghent offices.
0
2
5
RT @bramusblog: Feature detecting Scroll-Driven Animations with @​ supports in CSS: you want to check for `animation-range` too, in order t….
0
3
0