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

nomster.bsky.social

Web platform engineer @ Chrome

112 posts 846 followers 657 following

Posts 20 Comments 30

📝 New CSS Article! The fun continues using shape()! For this second part, we are drawing more CSS shapes while exploring the arc command. It's a very tricky command if you don't fully understand it. 👇

submitted 6 days ago • 0 comments

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 13 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 14 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 34 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 23 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 24 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 28 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 28 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 31 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 50 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 55 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 58 days ago • 4 comments

@bram.us #BlinkOn

submitted 58 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 58 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 59 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 61 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 65 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 75 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 91 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 106 days ago • 1 comment