Sign in

Olivia

@oliviac.dev
111 followers 132 following 61 posts

Front-end developer in Toronto 🍁 Web accessibility is a topic close to my heart. I write at oliviac.dev

PostsRepliesMedia
Reposted by Olivia
Sara Soueidan @sarasoueidan.com · 23/09/2026
I'm happy and honored to be taking part in this year's #id24! I'll be guest-hosting two presentations: @matuzo.at 's and Christof Hassler's—tomorrow morning (UTC) Check the schedule for your time zone: inclusivedesign24.org/2026/schedule/ & join the event online ✨
inclusivedesign24.org
Inclusive Design 24 (#id24)
A free 24-hour online community event on accessibility and inclusion
0176
Olivia @oliviac.dev · 16/09/2026
Just published some updates to improve nemcss DX with errors (and better report errors when using the Vite or postCSS plugin). A new version of the VSCode extension is out too (with diagnostics in the editor now 🤗)
VS Code showing nemcss.config.json with a red squiggle under "{colors.prmary}" in a semantic token, and a hover tooltip reading "unresolvable reference '{colors.prmary}'".
001
Olivia @oliviac.dev · 11/09/2026
Another dogfooding session working on nemcss 🐶 Just shipped a patch fixing some issues with the scale generator. It is fun to build a tool 😃 Next step: better surfacing errors in the Vite plugin and the LSP (the DX is not quite there yet 😅) #openSource github.com/liv7c/nemcss
github.com
GitHub - liv7c/nemcss: A design-token-driven CSS utility and custom properties generator
A design-token-driven CSS utility and custom properties generator - liv7c/nemcss
110
Olivia @oliviac.dev · 07/08/2026
Frontend dev with 7+ years experience, working mostly on B2B products for scale-ups in Paris. I love building accessible, user-friendly interfaces, and working with (and without) React. Looking for a full-time front-end role in Toronto or Vancouver. Moving to Toronto end of August 🇨🇦 oliviac.dev
oliviac.dev
Home - Olivia Coumans
Olivia Coumans, front-end developer in Paris, relocating to Toronto, Ontario in August 2026
010
Reposted by Olivia
Piccalilli @piccalil.li · 26/03/2026
This is not an article that Steve, the author, thinks should exist in a healthy industry, but the shape of our industry — especially right now — makes this sort of article very necessary and hopefully helpful to you in your job. piccalil.li/blog/applyin...
piccalil.li
Applying accessibility fixes with stealth for the greater good
This is not an article that Steve, the author, thinks should exist in a healthy industry, but the shape of our industry — especially right now — makes this sort of article very necessary and hopefully...
13414
Olivia @oliviac.dev · 24/03/2026
So cool!! Cannot wait to try it out 😀
010
Olivia @oliviac.dev · 13/03/2026
Starting the day tweaking the LSP for my little CSS custom properties / CSS utility generator project 😊 It is actually almost fun to hunt down those bugs and discover all the little differences between VSCode and Neovim at that level github.com/liv7c/nemcss #openSource #BuildInPublic
github.com
GitHub - liv7c/nemcss: A design-token-driven CSS utility and custom properties generator
A design-token-driven CSS utility and custom properties generator - liv7c/nemcss
041
Olivia @oliviac.dev · 11/03/2026
One of my favorite contrast checkers that supports lots of different color formats www.oddcontrast.com #a11y #webDev
oddcontrast.com
OddContrast
Color contrast checker with Oklch, Oklab, Display P3, and more – helping designers meet WCAG 2 accessibility standards.
020
Olivia @oliviac.dev · 08/03/2026
Happy birthday!! 🎂 Hope you have a lovely day!
010
Olivia @oliviac.dev · 07/03/2026
Projects like VitePress make it truly lovely to add documentation to a project 😍
vitepress.dev
What is VitePress? | Vite & Vue powered static site generator.
Vite & Vue powered static site generator.
020
Olivia @oliviac.dev · 02/03/2026
New blog post: "Improve your Git CLI experience with Git aliases, delta, and custom functions" 😊 oliviac.dev/blog/customi... #blog #devblog
oliviac.dev
Improve your Git CLI experience with Git aliases, delta, and custom functions - Olivia Coumans
Learn how to enhance your Git CLI experience with Git aliases, a better Git pager using delta, and custom shell functions.
000
Olivia @oliviac.dev · 09/02/2026
So glad it helped!
010
Reposted by Olivia
Laura Kalbag @laurakalbag.com · 27/01/2026
My book, Accessibility For Everyone, is now free and online as a website. accessibilityforeveryone.site The book was first published by A Book Apart in 2017 but it holds up! It covers web accessibility for designers, developers, content folks, and really everyone who works in tech.
accessibilityforeveryone.site
Accessibility For Everyone by Laura Kalbag
Read the book online for free.
9310193
Olivia @oliviac.dev · 15/01/2026
Brilliant article 🙌
010
Reposted by Olivia
Andy Bell @bell.bz · 07/01/2026
Drop your RSS feeds in the replies so people (including me) can find them 👇
15911832
Olivia @oliviac.dev · 07/01/2026
My little blog RSS feed 🙂: oliviac.dev/feed.xml
oliviac.dev
020
Olivia @oliviac.dev · 06/01/2026
Thank you Sebastian! Glad it was helpful
000
Reposted by Olivia
Sebastian @bachmann.wtf · 06/01/2026
@oliviac.dev Hi, just stumbled upon this blog post of yours, thanks for writing this up! oliviac.dev/blog/how-to-...
oliviac.dev
How to use jq with curl to explore an API’s JSON response - Olivia Coumans
This article explores how to use the command-line tool jq with curl to process, filter, and transform JSON responses from APIs.
121
Reposted by Olivia
henry ✷ @strange.website · 01/01/2026
you’re right! it feels mostly awful to Go Online™, these days. the internet in a sad state, for reason after reason after reason. but there is a way to fix it; to trade the voidful howling for a quiet & joyful song. here’s how to win the war for the soul of the internet, and build the Web We Want.
henry.codes
A Website To End All Websites | Henry From Online
How to win the war for the soul of the internet, and build the Web We Want.
10325125
Reposted by Olivia
Piccalilli @piccalil.li · 12/12/2025
We don't know about you but we are completely sick of soulless AI slop, so here's 5 stunning human made links as an antidote in The Index #150. Sponsored by the great folks at Saleor.
piccalil.li
The Index: Issue #150
We don't know about you but we are completely sick of soulless AI slop, so here's 5 stunning human made links as an antidote in The Index #150. Sponsored by the great folks at Saleor.
0215
Olivia @oliviac.dev · 17/11/2025
Just published a new blog post about a super practical tool called yalc 😊 If you are having trouble testing a library with npm link or yarn link, I hope this article helps oliviac.dev/blog/test-pa... #devblog #webdev #blog
oliviac.dev
How to test packages locally before publishing using yalc - Olivia Coumans
Learn how to use yalc to test a package locally without publishing it or pushing any changes. A straightforward alternative to npm link for testing packages in dependent applications.
010
Reposted by Olivia
Eric Bailey @ericwbailey.website · 29/10/2025
"The fastest path to improved accessibility is to stop defending patterns that already irritate non-disabled users. Those patterns are already creating friction." buttondown.com/access-abili...
buttondown.com
Sometimes the Best Accessibility Fix is a Usability Fix
AI cartoon of woman with long dark hair struggling to open a bottle, a common form of usability failure. Teams often arbitrarily divide work into two piles:...
33311
Reposted by Olivia
Eric Bailey @ericwbailey.website · 18/09/2025
Focus rings! Plural! I wrote for @piccalil.li about how to create a branded double ring focus effect that is dynamically generated based on the interactive element's text color. piccalil.li/blog/taking-...
piccalil.li
Taking a shot at the double focus ring problem using modern CSS
A double focus ring is really useful in general but especially so with complex, themed systems. Eric Bailey shows us how to develop a really smart system, using modern CSS.
04611
Olivia @oliviac.dev · 29/08/2025
Totally get it. I've been moving away from Cursor these past couple of weeks. It started to feel a bit overwhelming at times (too much noise). Gradually going back to Neovim for focus, with a little Claude Code on the side when needed 😀
010
Olivia @oliviac.dev · 20/08/2025
I have been using Alacritty for the past few years with neovim. I find it quite fast and not too hard to set up 👍
110
Reposted by Olivia
Cassidy @cassidoo.co · 18/08/2025
Hey buddy. You look like you could use something nice. Perhaps... a joke? Some coding practice? Several interesting links? A pretty keyboard to look at every week? Well, do I have the newsletter for you, with the latest issue heading your way now! cassidoo.co/newsletter/
cassidoo.co
rendezvous with cassidoo
A weekly newsletter with web development content for everyone, from beginners to pros.
7415
Reposted by Olivia
Mia [data-css=poetic] @miriam.codes · 08/08/2025
a web that isn't human-first is a web I want nothing to do with. I'm not going to "optimize the graph" of assertions, or whatever. I'm not a content farm for your algorithm. i'm here to build real relationships with real people - and if that's not what the web is for anymore, I'll be somewhere else.
315832
Olivia @oliviac.dev · 05/08/2025
Love resources like these! Such a fun way to learn more about how DNS works 🤩 howdns.works
howdns.works
How DNS works. What is DNS? Learn how step by step.
What is DNS? Introduction how DNS works and how DNS server enhances website speed, security, and reliability with our webcomic.
010
Olivia @oliviac.dev · 04/08/2025
New post ✍️ "Build Git helpers from scratch with fzf and Bash" Some of my first "aha" moments with the command line came from building small (imperfect) helpers for everyday tasks. If you're curious about Bash scripting, I hope this gives you some ideas 😀 oliviac.dev/blog/build-g... #blog
oliviac.dev
Build Git helpers from scratch with Bash and fzf - Olivia Coumans
Learn how to use fzf, the command-line fuzzy-finder, to build helpful Git utilities in Bash and enhance your workflow.
031
Reposted by Olivia
Marcy Sutton Todd @marcysutton.com · 21/07/2025
This should be a good event! "How to fix A11y debt without burning out" webinar coming up on Thursday with some all-time greats: @ericwbailey.website and @a11ymel.bsky.social 💜
2122
Reposted by Olivia
Sara Soueidan @sarasoueidan.com · 20/07/2025
📢 The State of HTML Survey is live survey.devographics.com/en-US/survey... The #HTML and #CSS surveys are the only web surveys I don't want to miss. Thank you @sachagreif.com for making them, and @lea.verou.me for curating. Please take a few minutes to fill the survey if/when you can. ✨
survey.devographics.com
State of HTML 2025
Take the State of HTML survey
36334
Olivia @oliviac.dev · 19/07/2025
Such a great read ❤️ This is a complex topic. This article explores it in a very nuanced and thoughtful way
020
Olivia @oliviac.dev · 18/07/2025
I had the exact same experience when I migrated my dev blog from Next to 11ty 3 years ago 😄 The migration was a great way to focus on what matters (the content, the design, etc.) with less noise (fewer files, dependencies and boilerplate)
031
Reposted by Olivia
ACLU @aclu.org · 17/07/2025
Alice Wong is a research consultant and disability rights activist who lives with spinal muscular atrophy. Alice co-founded a platform that amplifies the works of people with disabilities and advocates to improve public understanding of accessibility. Thank you Alice for your work!
A graphic featuring a photo of Alice Wong on the left, wearing an orange, pink and yellow top and pink pants. On the right, a quote in large purple text reads: “To me, disability is not a monolith, nor is it a clear-cut binary of disabled and nondisabled. Disability is mutable and ever-evolving. Disability is both apparent and nonapparent. Disability is pain, struggle, brilliance, abundance, and joy. Disability is sociopolitical, cultural and biological. Being visible and claiming a disabled identity brings risks as much as it brings pride.” Below the quote, in smaller purple text, is Wong’s title: “Founder of the Disability Visibility Project.” In the bottom right corner is a blue box with the text “Disability Pride Month” in purple. In the bottom left corner is the ACLU logo in white
1566135
Reposted by Olivia
Nic Chan @nicmakesstuff.bsky.social · 10/07/2025
📝 Please, can we have ARIA Notify Live regions suck and I hope we get a better solution soon! www.nicchan.me/blog/please-...
nicchan.me
Please, can we have ARIA Notify - Nic Chan
A hate letter to live regions.
11810
Reposted by Olivia
Cami @cafiffle.bsky.social · 09/07/2025
I think one of the saddest things about being a millennial is remembering a time when technology was advancing in a way that made life better and easier and more exciting instead of actively, intentionally worse
7075532740
Olivia @oliviac.dev · 30/06/2025
Great recap article about alt texts. It's a short, clear breakdown of the do's and don'ts axesslab.com/alt-texts/ #a11y #WebDevelopment
axesslab.com
Alt-texts: The Ultimate Guide | Axess Lab
This post contains everything you need to know about alt-texts! When to use them and how to perfectly craft them. By me, Daniel, a web…
021
Reposted by Olivia
Vale @vale.rocks · 29/06/2025
A personal website is a small but meaningful form of rebellion. #IndieWeb #SmallWeb
0718
Reposted by Olivia
Eric Bailey @ericwbailey.website · 25/06/2025
I wrote about why I'm tired of reading about takes on quality. ericwbailey.website/published/qu...
ericwbailey.website
Quality is a trap
It is a proxy phrase, often born of an inability or unwillingness to articulate other concerns.
64914
Olivia @oliviac.dev · 23/06/2025
Oh, thanks so much for checking it out and for the feedback 🙏 I’ve fixed the JSON quotes 🤦‍♀️ Really appreciate the links to dig deeper as well!
110
Olivia @oliviac.dev · 23/06/2025
Just published a new blog post on using jq with curl! It's a beginner-friendly introduction to this powerful command-line tool for working with JSON data. If you're curious about jq, here's a link to the post 😀 oliviac.dev/blog/how-to-... #writing #blog #webDevelopment
oliviac.dev
How to use jq with curl to explore an API’s JSON response - Olivia Coumans
This article explores how to use the command-line tool jq with curl to process, filter, and transform JSON responses from APIs.
120
Reposted by Olivia
Adrian Roselli, pH0 @aardrian.bsky.social · 04/06/2025
Apropos of yet another conversation today, I’m a big fan of using automation in WCAG testing. But I also know WCAG well enough to understand the limitations (and lies) the tools. adrianroselli.com/2025/04/auto... #accessibility #a11y
adrianroselli.com
Automated WCAG Testing Is Grrreat!
I’m a big fan of using automation in WCAG testing. I use bookmarklets, dev tools, browser features & reporting, and a pile of third-party products from assorted vendors. These save me time and effort,...
0104
Olivia @oliviac.dev · 02/06/2025
This is beautiful! Thanks for sharing 🏳️‍🌈💖
010
Reposted by Olivia
Rachel Lense is Professionally Curious @rachellense.bsky.social · 14/06/2024
I made this Pride flag using only NASA images and our team thought it would be cool to share on social (I work on the NASA heliophysics communications team), but it's getting all sorts of hate on the bird app and Fbook. Thought y'all might be more appreciative of it here. ☺️🏳️‍🌈💖
A pride flag with every color band represented by a NASA image. White is Earth clouds, pink is aurora, blue is the Sun in a specific wavelength, brown is Jupiter clouds, black is the Hubble deep field, red is the top of sprites, orange is a Mars crater, yellow is the surface of Io, green is a lake with algae, blue is Neptune, and purple is the Crab Nebula in a specific wavelength.
14225003019715
Reposted by Olivia
Cassidy @cassidoo.co · 02/06/2025
Happy June, Happy Pride, Happy Newsletter! I've got a fresh one rolling to your inboxes as we speak: cassidoo.co/newsletter/
cassidoo.co
rendezvous with cassidoo
A weekly newsletter with web development content for everyone, from beginners to pros.
11328
Olivia @oliviac.dev · 31/05/2025
Spent the last month taking a Coursera specialization called C and Go: Classical and Modern Programming by the University of Santa Cruz. It was a lot of fun exploring the C and Go languages ☺️ If you're looking for a friendly intro to them, these courses are great! www.coursera.org/specializati...
coursera.org
Coursera | Online Courses & Credentials From Top Educators. Join for Free | Coursera
Learn online and earn valuable credentials from top universities like Yale, Michigan, Stanford, and leading companies like Google and IBM. Join Coursera for free and transform your career with degrees...
000
Olivia @oliviac.dev · 29/05/2025
Just published a new blog post ☺️ How to set up a pre-commit Git hook with Husky and lint-staged oliviac.dev/blog/set_up_... #blog #WebDev #git
oliviac.dev
How to set up a pre-commit Git hook with Husky and lint-staged - Olivia Coumans
In this blog post, we’ll explore what Git hooks are. We’ll create Git hooks using Husky to add a pre-commit hook to your project.
000
Reposted by Olivia
Sara Joy ☠️ @sjoy.lol · 28/05/2025
Yes! The goodinternetmagazine.com is out! You want this. Order yourself a digital or physical copy. The "old web" never died. Join ussssssssss
goodinternetmagazine.com
Good Internet
A magazine for the non-corporate web, using code as an art medium, and web development enthusiasm of hobbyists and professionals alike.
25515
Reposted by Olivia
Una Kravets @una.im · 27/05/2025
CSS if() function landed today(!!!) in Chrome 137 🥳 along with another rad feature: reading-flow 🥳 So I put together a quick video showcasing both: youtu.be/Apn8ucs7AL0
youtu.be
CSS if() functions & reading-flow (in Chrome 137)
YouTube video by Una Kravets
2527156