@willans
 Leeds, UK
Joined June 2008
  • Tweets6.4K
  • Following189
  • Followers334
97Media
Simon Willans retweeted
Una 🇺🇦
@Una8 Dec 2025
🎉 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

CSS Wrapped 2025

Sculpt dynamic interfaces, stretch your imagination, and play with these 22 powerful new CSS features that landed in Chrome this year.

chrome.dev
26
172
33
1,019
361,962
Simon Willans retweeted
CodePen.IO
@CodePen26 Jul 2024
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…
3
30
1
248
14,360
Simon Willans retweeted
jhey ʕ•ᴥ•ʔ
@jh3yy3 Jun 2024
the perfect marketing social post doesn't exi...
5
4
214
31,934
I released a video on using one magical line of CSS to achieve a responsive CSS grid layout. 🪄 youtu.be/b9N1qLTVhvs
3
13
1
156
112,972
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`:
6
21
4
210
11,769
This is a pretty clever CSS :has() trick: robbowen.digital/wrote-about…

Locking scroll with :has() | Robb Owen

Now that :has has landed in all browsers, here's a quick tip for handling locked scroll

robbowen.digital
3
70
Simon Willans retweeted
Tom Quinn@TomQuinn83 Sep 2023
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?
27
226
26
2,234
205,563
Simon Willans retweeted
Ahmad Shadeed@shadeed916 Aug 2023
✍️ 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.
8
96
7
454
54,843
Simon Willans retweeted
Tom Warren
@tomwarren8 Aug 2023
the Baldur’s Gate 3 patch notes hit different 😅
156
4,751
399
64,792
3,833,694
Simon Willans retweeted
Erman Malak
@ermanmalak7 Aug 2023
There are two types of designers:
105
144
89
1,483
202,027
Simon Willans retweeted
Aleks
@aleksliving5 Aug 2023
quick tip for nested radii → your corners will look a lot better if you set the outer radius to the sum of the inner radius + padding
123
1,752
290
15,474
4,271,592
Simon Willans retweeted
Ben Everard@_beneverard5 May 2023
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 🙂
1
12
10
2,135
Look out for each other. Steve.
202
1,463
688
4,241
Simon Willans retweeted
Addy Osmani
@addyosmani11 Oct 2021
Tip: @ChromeDevTools has a CSS Shadow Editor!
51
1,210
126
6,012
Incredible
You’re unable to view this Post because this account owner limits who can view their Posts. Learn more
3
Short and to the point - "Every input needs a label" - a11y-collective.com/blog/eve… @RianRietveld #a11y
5
A rare photo of Schrödinger's cat 📸 🐈📦 🤣
434
31,215
947
188,690
[■,■,■,■].map(■→●) ⇒ [●,●,●,●] [■,●,■,▲].filter(■→true) ⇒ [■,■] [■,●,■,▲].find(●→true) ⇒ ● [■,●,■,▲].findIndex(●→true) ⇒ 1 [■,●,■,▲].fill(●) ⇒ [●,●,●,●] [■,●,■,▲].some(●→true) ⇒ true [■,●,■,▲].every(●→true) ⇒ false
50
2,271
137
12,554
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
16
179
22
1,837
Load more