nomster.bsky.social - Profile | ThreadSky | a Reddit-style client for Bluesky

nomster.bsky.social

Web platform engineer @ Chrome

110 posts 841 followers 657 following

Posts 20 Comments 30

Move Modal in on a… shape() Got an old "modal" design? Now might be the time to upgrade it to a , as we can do both open & close animations now.

submitted 2 days ago • 1 comment

There's a lot to unpack with the Long Animation Frames (LoAF) API! This excellent guide from @andydavies.me includes: 🎞️ Why animation frame rate matters for #webperf & #ux 🎞️ Anatomy of a LoAF 🎞️ How to get started! www.speedcurve.com/blog/guide-l... #corewebvitals #sitespeed #pagespeed

submitted 3 days ago • 0 comments

Jotting down a few notes on the new CSS shape() function and the commands it supports. It's incredible how dense this stuff is, but it's still a lot easier to grok than working with SVG paths by hand! css-tricks.com/css-shape-co...

submitted 23 days ago • 2 comments

So much great new content about CSS shape()! I love it where we can release a feature without too much noise and the users of the feature are the ones to tell its story.

submitted 12 days ago • 0 comments

⚙️ New CSS Generator! Save this link for the future. A tool to easily convert any SVG shape into a CSS one in no time. Powered by the new shape() function! 🤩 css-generators.com/svg-to-css/ ✅ Single-element ✅ Responsive ✅ No more ViewBox headaches

submitted 13 days ago • 9 comments

Some history of how the shape() function started: techblog.wikimedia.org/2020/11/23/w... Tl;dr: I was annoyed that the wikipedia popup balloons were JS-sized SVGs.

submitted 17 days ago • 0 comments

shape(): A New Powerful Drawing Syntax in CSS from @chriscoyier.net on @frontendmasters.com frontendmasters.com/blog/shape-a... #CSS #FrontEnd #WebDev #WebDesign

submitted 17 days ago • 3 comments

The @codepen.io logo using the new shape() function. codepen.io/t_afif/full/... Do you think SVG is hard? Wait until this beast becomes widely supported 😈

submitted 20 days ago • 1 comment

💡 CSS Tip! Shapes with rounded corners are a nightmare in CSS but it's now easy with the new shape() function! 🥳 Let's start with a classic: The Hexagon css-tip.com/rounded-hexa... Yes, you can animate the radius and rotate the shape. Modern CSS is cool!

submitted 39 days ago • 4 comments

So sad... One of the happiest things about building new CSS features was having Adam build cool stuff with them.

submitted 44 days ago • 0 comments

I’m at #BlinkOn. I gave a presentation about CSS Parser Extensions, a wild idea I have to fix CSS polyfilling once and for all. Slides: slidr.io/bramus/css-p... (Personal idea, nothing official about this)

submitted 47 days ago • 4 comments

@bram.us #BlinkOn

submitted 47 days ago • 0 comments

The CSS shape() function is available in Chrome M135 and Safari 18.4. Here is some short documentation of how it can be used with clip-path for responsive clipping: developer.chrome.com/blog/css-sha...

submitted 47 days ago • 1 comment

My brother is playing St. Peter in Scorcese's "The Saints" www.youtube.com/watch?v=uZ86... (trailer @ 0:37) So proud little bro!

submitted 48 days ago • 0 comments

Animating corner-shapes in chrome canary (137.0.7109.0 with experimental features turned on): codepen.io/noamr/pen/Kw...

submitted 50 days ago • 1 comment

I didn't know you could already try this in Safari TP. Sweet! Also a very initial version available in Chrome Canary with experimental features turned on.

submitted 54 days ago • 0 comments

This Saturday I spent time building a model train track with my son and cleaning the coffee grinder. Both tasks oddly resemble software engineering.

submitted 64 days ago • 1 comment

Playing around with how CSS corner-shape (squircles and friends) is going to end up looking like: noamr.github.io/squircle-tes... Fleshed out a lot of details, it's coming along! (Note that overlaps don't work yet in the proto but a lot of other things do) Thanks @smfr.bsky.social and @fserb.com 👏

submitted 80 days ago • 0 comments

Playing with how stroking squircla/superellipse should work with CSS corner-shape by implementing it in canvas: codepen.io/noamr/pen/Wb...

submitted 95 days ago • 1 comment

A voice in my dream last night said "what you really want is to be a teacher but you're afraid of being poor". Do you think there's a hidden message in there somewhere about my future that I should pay attention to?

submitted 116 days ago • 2 comments