Arpit Agrawal
@arpit.codes
š¤ 134
š„ 537
š 131
Web designer-developer
> I think the way we currently write CSS subtly shapes the way we think about components. By having the visual styles completely decoupled from the semantic meaning, accessibility is easy to forget, because we canāt physically see missing attributes.
www.craigabbott.co.uk/blog/2026/ou...
loading . . .
Our CSS isn't opinionated enough
Why styling on semantics and roles could make accessibility harder to skip
https://www.craigabbott.co.uk/blog/2026/our-css-isnt-opinionated-enough/
about 5 hours ago
1
0
0
reposted by
Arpit Agrawal
David Bushell šŖæ
25 days ago
enjoy CSS Day and the other web/tech events for those who are visiting Amsterdam
1
27
2
reposted by
Arpit Agrawal
Stef Walter
25 days ago
Train Your Judgement: a small quiz to decide which UI animation āfeelsā better. The interesting part is the explanation as to why one feels better than the other. I donāt always agree though, and some are really potato potato, and some would both trigger my motion sickness so my answer is ānoneā.
loading . . .
Train Your Judgement
Settling for good enough is not good enough.
https://emilkowal.ski/ui/train-your-judgement
0
2
1
reposted by
Arpit Agrawal
Jim Nielsen
26 days ago
š Rather than judging by some number, Iād say if you can do something with consistency, discipline, and perseverance, Iād say youāre good at it (without even seeing the result).
blog.jim-nielsen.com/2026/good-at...
loading . . .
Being āGoodā at Things
Writing about the big beautiful mess that is making things for the world wide web.
https://blog.jim-nielsen.com/2026/good-at-things/
0
6
1
reposted by
Arpit Agrawal
Ben Werdmuller
26 days ago
If weāre building pro-social, democracy-supporting technology, how can we combine our ideals with being able to earn a living? Should we?
werd.io/its-not-enou...
loading . . .
It's not enough to have better ideals.
You also need to build a better product.
https://werd.io/its-not-enough-to-have-better-ideals/
1
20
8
I wish I could be at
#CSSday
this year. Last year's CSS Day was incredible and I'm so sad to be missing it. Best of luck to all the speakers. And to the first time attendees like I was last year, I found my people there. I hope it does the same for you.
26 days ago
1
2
0
I beat today's CSS Wordle in 3/5 tries. Can you beat the Fairman?
css-questions.com/css-wordle
#CSSQuestions
#CSSWordle
loading . . .
CSS Wordle
A daily CSS property guessing game from CSS-Questions.
https://css-questions.com/css-wordle
29 days ago
0
1
2
reposted by
Arpit Agrawal
Jim Nielsen
about 1 month ago
Be as proud of what you *didnāt* do to the codebase, as what you did do to it.
notes.jim-nielsen.com/n/2026-06-04...
2
16
4
reposted by
Arpit Agrawal
Manuel MatuzoviÄ
about 1 month ago
Exciting news: Dynamic or context-aware headings in HTML may become a thing.
matuzo.at/blog/2026/co...
loading . . .
Context-aware headings in HTML - Manuel Matuzovic
I'm a frontend developer in Graz, specialized in HTML, accessibility, and CSS layout and architecture.
https://matuzo.at/blog/2026/content-aware-headings
0
30
10
reposted by
Arpit Agrawal
Firefox for Web Developers
about 1 month ago
Ever struggled to get heading tags right in includes/components? headingoffset could be the answerā¦
loading . . .
10
248
79
reposted by
Arpit Agrawal
CSS-Tricks*
about 1 month ago
Seeing a lot of discouragement in technical writing circles the past week. And I've got some thoughts on what technical writing means in this AI age. I'm rooting for you and for all of us. š§”
css-tricks.com/technical-wr...
loading . . .
Technical Writing in the AI Age | CSS-Tricks
This isnāt totally about AI. Itās about technical writing in the age of AI. I have some thoughts on this and I hope itās helpful to you humans reading.
https://css-tricks.com/technical-writing-in-the-ai-age/
1
31
9
Today I learned that CSS text decorations propagate to their descendants, they arenāt inherited, via
@pawelgrzybek.com
ās post on Mastodon, where
@css-only.dev
pointed it out. I wrote more about it on my blog:
arpit.blog/notes/2026/0...
loading . . .
25 May 2026, 08:47 am - Notes | Arpit's Blog
The online home of Arpit Agrawal, a web designer-developer from India.
https://arpit.blog/notes/2026/05/text-decorations-propagate-to-descendants/
about 1 month ago
0
4
0
reposted by
Arpit Agrawal
Mark Tomlinson
about 2 months ago
Forgot to mention: this shipped in
@sugarcube.sh
last week! No more back-and-forth between sugarcube and
utopia.fyi
. Thanks to
@arpit.codes
for helping push me to actually implement this. Check out the fluid space & type docs for more:
add a skeleton here at some point
4
22
7
reposted by
Arpit Agrawal
Michael G
about 2 months ago
What I love about this, that the source is human readable and it's actually an interesting read if you want to catch up with modern web development.
add a skeleton here at some point
0
24
4
reposted by
Arpit Agrawal
Firefox for Web Developers
about 2 months ago
Chrome shipped an LLM Prompt API to the web platform. At Mozilla, we oppose this API. Here's why:
loading . . .
18
419
138
reposted by
Arpit Agrawal
Dave Rupert
about 2 months ago
The tool border-image has needed for over a decade.
maxbittker.github.io/broider/
loading . . .
broider
https://maxbittker.github.io/broider/
2
41
8
reposted by
Arpit Agrawal
Vale
about 2 months ago
Make print stylesheets folks! They're still in *style*! I'll see myself out.
add a skeleton here at some point
1
31
4
reposted by
Arpit Agrawal
Anna E. Cook
about 2 months ago
āCan you make a list of accessibility checks that are just easy and basic?ā Iām sorry but this shit is complex okay?? I canāt reduce it to a sentence without removing meaning. Like itās taken me years to learn and Iām still wrong all of the time š
9
44
5
reposted by
Arpit Agrawal
WebDesignMuseum
2 months ago
Happy 23rd Birthday CSS Zen Garden! In May 2003 the Canadian web designer Dave Shea launched a community gallery of websites called CSS Zen Garden.
#WebDesignHistory
5
173
55
reposted by
Arpit Agrawal
Jake Archibald
2 months ago
So, Chrome's "web standard" Prompt API: Mozilla: Opposed WebKit: Opposed Microsoft: Several concerns W3C TAG: Several concerns Developers: Mostly negative Chrome: Ships anyway. A sad time for web standards. But, I guess someone at Google will get promoted, so 'every cloudā¦'
43
1004
204
reposted by
Arpit Agrawal
Mark Tomlinson
2 months ago
Utopia.fyi
but in your tokens indeed.
add a skeleton here at some point
2
27
5
reposted by
Arpit Agrawal
Sara Soueidan
2 months ago
"A developer who builds accessible interfaces is more skilled. Say this out loud. Repeat it often. A developer who creates accessible interfaces isn't doing extra work; they're doing the work the right way."
newsletters.feedbinusercontent.com/3c2/3c2d0562...
šš»šš»šš»šš»šš»
loading . . .
Getting Developers to Care about Accessibility: Carrots and Sticks
https://newsletters.feedbinusercontent.com/3c2/3c2d05627e0418738d2f92b0c6b028c11fd491c4.html
2
103
25
reposted by
Arpit Agrawal
Stuart Robson
2 months ago
ā New Blogpost ā Design Token naming conventions explained. It covers the 3-tier model, 5 common naming patterns (CPM, OPM, tier-based, context-first), plus practical rules for handling variants, states, and modes. Make your tokens scalable from day one.
www.alwaystwisted.com/articles/des...
šš¤
loading . . .
Design Token Naming Conventions: A Practical Guide
A practical guide to naming design tokens, including token tiers, common conventions, and rules that keep systems consistent and scalable.
https://www.alwaystwisted.com/articles/design-token-naming-conventions
1
34
7
reposted by
Arpit Agrawal
Dave Rupert
2 months ago
I would happily trust Netlify with my data layer. They've been the greatest hosting provider I've ever had. My only feedback note would be to rebuild the kickass devrel team. I think we all benefitted from their outwardness and creativity.
add a skeleton here at some point
10
85
7
Great talk by Kimya Gandhi on designing for Devanagari, a script I grew up reading. One of her slides said "representation matters". Ngl, I felt that one.
#btconf
2 months ago
0
0
0
What a great start to day 2 of
@beyondtellerrand.com
!
@andremichelle.bsky.social
demoed openDAW and
@bastianallgeier.com
jumped in on live guitar.
#btconf
opendaw.studio
loading . . .
openDAW Studio Prototype
openDAW is a next-gen web-based digital audio workstation designed to democratize music production.
https://opendaw.studio/
2 months ago
0
6
1
reposted by
Arpit Agrawal
Annie Sexton
2 months ago
just a reminder that AI graphics in your tech blog posts still look lame āŗļø ā¤ļø
8
316
53
reposted by
Arpit Agrawal
CodePen
2 months ago
"shape() in shape-outside" by Una Kravets
codepen.io/una/pen/ogzR...
loading . . .
0
30
3
reposted by
Arpit Agrawal
charli xkcd
2 months ago
I wrote about why I quit my job, and how weird and tiring tech feels these days.
loading . . .
Do I belong in tech anymore?
On quitting, the spread of AI, and the loss of an ideal.
https://ky.fyi/posts/ai-burnout
129
1771
755
reposted by
Arpit Agrawal
Timothy Snyder
3 months ago
Hungarians showing how to win big in an unfair election: organize AND protest AND vote AND demand profound change.
124
9650
2637
Just watched the latest
@whiskey.fm
episode with
@nerdy.dev
, Robbie Wagner,
@chriscoyier.net
and
@davatron5000.bsky.social
. No one would've guessed that I was watching a web dev podcast from how much I was laughing.
www.youtube.com/watch?v=64Py...
loading . . .
Flogging Margins With The Dropcap Murphys
YouTube video by Whiskey Web and Whatnot
https://www.youtube.com/watch?v=64PypG4gh6U
3 months ago
3
10
2
reposted by
Arpit Agrawal
Pavel Laptev
4 months ago
Been thinking about how much JavaScript we ship for basic UI patterns. Wrote it up. Anchor positioning, Popover API, Scroll-Driven Animations and more ā what they replace and what's still missing š
blog.gitbutler.com/the-great-cs...
loading . . .
The Great CSS Expansion
CSS now does what Floating UI, GSAP ScrollTrigger, Framer Motion, and react-select used to require JavaScript for. Here is exactly how much that saves, why these libraries were painful beyond their si...
https://blog.gitbutler.com/the-great-css-expansion
4
44
25
reposted by
Arpit Agrawal
Julia B. Chan
3 months ago
losing contact with the earth for 40 minutes sounds nice
119
10890
1659
reposted by
Arpit Agrawal
Harry Roberts
3 months ago
šØ I gotta say, my latest is a little treasure trove: what even is `contain`?!
csswizardry.com/2026/04/what...
loading . . .
What Is CSS Containment and How Can I Use It? ā CSS Wizardry
CSS containment lets you isolate layout and paint work to self-contained āislandsā. Hereās what each contain value does and how to use it safely.
https://csswizardry.com/2026/04/what-is-css-containment-and-how-can-i-use-it/
2
27
7
Fun game! My JND is 0.0040
www.keithcirkel.co.uk/whats-my-jnd...
loading . . .
What's My JND?
Find your Just Noticeable Difference in colour perception. How small a colour difference can you actually see?
https://www.keithcirkel.co.uk/whats-my-jnd/?r=AZQjKP____6s
3 months ago
0
1
0
reposted by
Arpit Agrawal
David Bushell šŖæ
4 months ago
blogged: Top ten Figma betrayals
dbushell.com/2026/03/23/t...
loading . . .
Top ten Figma betrayals
The one where I discuss classic Figma mistakes (not a listicle)
https://dbushell.com/2026/03/23/top-ten-figma-betrayls/
0
12
5
reposted by
Arpit Agrawal
Jeremy Keith
3 months ago
Journal: Mistrust How Appleās penchant for breaking the web has given me more empathy towards developers who are suspicious of the web platform. š
https://adactio.com/journal/22507
1
8
3
reposted by
Arpit Agrawal
MDN Web Docs
3 months ago
CSS nesting is now Baseline š Write nested selectors directly in CSS ā just like Sass, but natively. .card { color: black; &:hover { color: blue; } .title { font-weight: bold; } } No preprocessor needed. Learn more š
developer.mozilla.org/en-US/docs/...
7
327
73
reposted by
Arpit Agrawal
Una Kravets
4 months ago
Open UI has been working on speccing out the focusgroup attribute: a declarative way to support roving focus & add keyboard nav to composite widgets like toolbars/menus We'd love your feedback! Learn more & see open questions:
developer.chrome.com/blog/focusgr...
H/t to Edge folks for prototyping
loading . . .
Request for developer feedback: focusgroup Ā |Ā Blog Ā |Ā Chrome for Developers
Try out focusgroup and comment on the proposal.
https://developer.chrome.com/blog/focusgroup-rfc
8
74
27
reposted by
Arpit Agrawal
Matthias Ott
3 months ago
āļø New post: This, Still Not for Everyone A few thoughts on the new WebAIM Million report. And why we will only improve
#accessibility
on the Web together.
matthiasott.com/notes/this-s...
loading . . .
This, Still Not for Everyone Ā· Matthias Ott
Web design engineer, UX designer, teacher, and speaker ā helping teams build websites and digital products with a focus on CSS, accessibility, and performance.
https://matthiasott.com/notes/this-still-not-for-everyone
0
5
4
reposted by
Arpit Agrawal
Bramus
3 months ago
If youāve ever tried to build a data table with a sticky header and a sticky first column, you know the pain: the reality was that only one of both would stick. A recent change to CSS fixes this: `position: sticky` now plays nice with _single-axis scrollers_.
loading . . .
CSS position: sticky now sticks to the nearest scroller on a per axis basis!
If youāve ever tried to build a data table with a sticky header and a sticky first column, you know the pain. Youād think a simple position: sticky with top: 0 and left: 0 would be enough, but the rea...
https://www.bram.us/2026/03/30/css-sticky-per-axis/
1
77
12
reposted by
Arpit Agrawal
Mia [data-css=poetic]
3 months ago
I've been caught by this before, and I've seen other experienced
#CSS
devs get stuck on it: * { color: deepPink; } html#high-specificity { color: teal !important; } If we put that ID on the root, and some text in our document, what color will the text be?
7
13
5
I built a visual explainer of the CSS Cascade, the algorithm that determines the "winning value" from a list of competing declarations. It's built on work by
@bram.us
and
@miriam.codes
.
cascade.arpit.codes
I wrote about how it came together on my blog:
arpit.blog/notes/2026/0...
loading . . .
CSS Cascade
A visual explainer of the CSS Cascade, the algorithm that determines the 'winning value' from a list of competing declarations.
https://cascade.arpit.codes/
3 months ago
0
50
16
reposted by
Arpit Agrawal
Twonks
3 months ago
The Jetsons lied to us
83
18107
5324
reposted by
Arpit Agrawal
Firefox for Web Developers
3 months ago
The CloseWatcher API landed in Firefox 149, making it easy to listen for platform-specific 'dismiss' signals. Here's how it works:
loading . . .
8
141
33
reposted by
Arpit Agrawal
London Web Standards
3 months ago
The recording of
@kitation.co.uk
talk āThe Plateau of Accessibility Compliance: Where do we go from here?ā is now available to watch online!
2026.stateofthebrowser.com/speaker/chad...
loading . . .
Chad Gowler | State of the Browser
Chad is a user researcher and accessibility advocate based in Sheffield in the UK. They have been working in tech for over a decade as a developer, user researcher and accessibility consultant. They d...
https://2026.stateofthebrowser.com/speaker/chad-gowler/
1
6
9
reposted by
Arpit Agrawal
Scott Jehl
3 months ago
Spec proposal merged. HTML video and audio lazy loading is now a web standard.
github.com/whatwg/html/...
html.spec.whatwg.org#the-video-el...
html.spec.whatwg.org#the-audio-el...
6
146
34
@beyondtellerrand.com
Hi Marc, I'd love to attend
#btconf
Düsseldorf remotely via a streaming pass. Does the scholarship form also cover streaming passes, or is that only for in-person tickets?
4 months ago
1
0
1
I couldnāt make it to
#WebDayOut
. Thankfully,
@adactio.com
wrote about it and linked to a bunch of online talk about it. Special shout out to
@joshtumath.uk
who live-blogged each talk.
adactio.com/journal/22465
loading . . .
That was Web Day Out
An excellent day of talks in Brighton exactly 37 years after the birth of the World Wide Web.
https://adactio.com/journal/22465
4 months ago
1
2
0
reposted by
Arpit Agrawal
Zach Leatherman
4 months ago
The 49MB Web Page
thatshubham.com/blog/news-au...
loading . . .
The 49MB Web Page
A look at modern news websites. How programmatic ad-tech, huge payloads and hostile architecture destroyed the reading experience.
https://thatshubham.com/blog/news-audit
3
34
12
Load more
feeds!
log in