Adam Argyle
@argyleink
Followers
58K
Following
38K
Media
4K
Statuses
21K
ex-Googler, ex-Chrome, ex-CSSWG member, ex-co-host: #CSSpodcast. @badatcss, maker of VisBug, @OpenProps, https://t.co/lb3SDxByP4 and much more
Seattle
Joined April 2010
Now works in Safari and Firefox (with a flag enabled).
Bring a rad clip-path transition to your light/dark toggle switch with a progressively enhanced view transition. Try it . Source .
1
2
103
RT @utilitybend: 🚀 In part number 4 of my customizable select series, I'd like to highlight a demo that pushes the boundaries with scroll s….
0
6
0
this will make "highlighting the section of an article in a sidebar navigation" wayyyyyy easier.
Blink: Intent to Ship: CSS scroll-target-group property.
0
5
64
RT @Una: Have you heard of scrollbar-color?. It's a nice little progressive enhancement for making scrollbars feel more intentional and int….
0
19
0
RT @argyleink: user adaptive frosted glass 😎. ```#css. adaptive-glass {. --glass-lightness: 100%;. background: hsl(0 0% var(--glass-li….
0
236
0
Also reduce carbon emissions!.Go tell browsers you want this.
user in data saver mode?.skip the media, save loads!. ```css.@media (prefers-reduced-data: reduce) {. img, video {. display: none;. }.}.```.(Canary behind a flag only). enjoy NICE page performance boosts and $$ data savings as the user is mostly browsing text. wins for all!
1
17
108
RT @argyleink: typography and copy editing 🔥 tip.✅ word break with <wbr> and/or ­. ```html.<h1>superlongword</h1> <h1>super<wbr>long<w….
0
443
0
This inset scrollbar CSS trick with full vertical bleed scrolling, was very popular today.
2
11
189
my #cssday talk was all about building beautiful and meaningful scroll experiences. here's the Switch Homescreen recreation.
1
16
171
RT @Una: CSS if() function landed today(!!!) in Chrome 137 🥳. along with another rad feature: reading-flow 🥳. So I put together a quick vid….
0
77
0
I don't think many folks knew this was already in browsers, I think they thought I was suggesting a scrollbar size keyword for the web.
textarea {. scrollbar-width: thin;.}. thoughts?.
6
11
119