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`:
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 π
Simon Willans retweeted
[β ,β ,β ,β ].map(β ββ) β [β,β,β,β]
[β ,β,β ,β²].filter(β βtrue) β [β ,β ]
[β ,β,β ,β²].find(ββtrue) β β
[β ,β,β ,β²].findIndex(ββtrue) β 1
[β ,β,β ,β²].fill(β) β [β,β,β,β]
[β ,β,β ,β²].some(ββtrue) β true
[β ,β,β ,β²].every(ββtrue) β false
Simon Willans retweeted
As a...
β website visitor on a mobile data connection
I want to...
β be presented with images optimised for 5k displays
so that...
β I can enjoy the anticipation
Simon Willans retweeted
We're excited to celebrate the 10th Global Accessibility Awareness Day today with a thread of 5 tips on how to bake accessibility into your digital product right from the start πͺ𧡠#GAAD @gbla11yday
Simon Willans retweeted
"Adding a βshow passwordβ option to GOV.UK Accounts seemed like a straightforward task, but the more we looked into it the more complicated and interesting it became. This is how we did it and some of the challenges we faced." technology.blog.gov.uk/2021/β¦
Simon Willans retweeted
I couldn't help myself...
Presenting...
The world's most overengineered (but actually accessible) "link": codepen.io/rmleg/pen/yLgdXPW
I made it look like a button for good measure. π
Please never ever ever do this.
Use an anchor tag.
