Simon Willans retweeted
π And we're live! π
We just launched CSS Wrapped 2025: our annual recap of all things CSS & web UI that landed in Chrome over the course of the year. π
This is a big one! We highlighted 22 new features to help you build better on the web.
Check out: chrome.dev/css-wrapped-2025
Simon Willans retweeted
Animating an element along a circle (or the edge of any DOM element) is easier than I thought! The `offset-path` property in CSS can use the box model of the parent element with keywords easily.
(Back in the day we would apply two animations in different directions, it was a whole thing.)
codepen.io/chriscoyier/pen/Zβ¦
Simon Willans retweeted
I released a video on using one magical line of CSS to achieve a responsive CSS grid layout. πͺ
youtu.be/b9N1qLTVhvs
Simon Willans retweeted
In the `script setup` of a @vuejs component you can define a custom directive just by giving it a camelCase name that starts with `v`:
This is a pretty clever CSS :has() trick: robbowen.digital/wrote-aboutβ¦
Simon Willans retweeted
Flight attendant: Is there a doctor on board?
Dad: *nudging me* That could have been you.
Me: Not now Dad.
Dad: Not asking for an infosec consultant are they?
Me: Dad there's a medical emergency happening right now.
Dad: Why don't you say "it depends" and see if it helps?
Simon Willans retweeted
βοΈ CSS Style Queries
One of the CSS features that I'm excited to land in all browsers is style queries π
π ishadeed.com/article/css-conβ¦
Let's walkthrough some use-cases.
Simon Willans retweeted
We're hiring a remote WordPress & Laravel developer to join our team! More details in the link below.
π° Up to Β£40k salary, DOE
π Remote/flexible hours
π₯ 44 days holiday
theideabureau.co/about/join-β¦
RTs would be appreciated, DM's open to chat π
Incredible
Youβre unable to view this Post because this account owner limits who can view their Posts. Learn more
Short and to the point - "Every input needs a label" - a11y-collective.com/blog/eve⦠@RianRietveld #a11y
Simon Willans retweeted
[β ,β ,β ,β ].map(β ββ) β [β,β,β,β]
[β ,β,β ,β²].filter(β βtrue) β [β ,β ]
[β ,β,β ,β²].find(ββtrue) β β
[β ,β,β ,β²].findIndex(ββtrue) β 1
[β ,β,β ,β²].fill(β) β [β,β,β,β]
[β ,β,β ,β²].some(ββtrue) β true
[β ,β,β ,β²].every(ββtrue) β false
