Feed - Elly Loel

This is a pattern from my pattern library <button type=button id=button aria-controls=list commandfor=list command=toggle-popover > Actions </bu [...]

Tabs 🔗

This is a pattern from my pattern library do NOT use them to change the main content of the page progressively enhance the tab roles and styles like G [...]

Accordion 🔗

This is a pattern from my pattern library https://yatil.net/blog/exclusive-accordions https://adrianroselli.com/2023/08/progressively-enhanced-html-ac [...]

Alert dialog 🔗

This is a pattern from my pattern library use .showModal() on this: <dialog role=alertdialog aria-labelledby=name aria-describedby=desc > <h2 [...]

Breadcrumb 🔗

This is a pattern from my pattern library Always place breadcrumbs at the top of a page, before the <main> element. Placing them here means that the [...]

Combobox 🔗

This is a pattern from my pattern library Okay, for starters, don’t. If you must, please remember the first rule of ARIA: <label for=select>Select</la [...]

Magic 🔗

View link [...]

AI is accidentally making documentation more accessible 🔗

View link [...]

Here’s how to instruct a LLM to reference the ARIA Authoring Practices Guide 🔗

View link [...]

Design systems are today’s cure and tomorrow’s cause of shitty software 🔗

View link [...]

The Power of 'No' in Internet Standards 🔗

View link [...]

On Discord Alternatives - Dhole Moments 🔗

View link [...]

Wishcessibility - Nic Chan 🔗

View link [...]

Disability Inclusion Requires More Than a Lanyard 🔗

View link [...]

Isomorphic Web Components | jakelazaroff.com 🔗

View link [...]

Accessible design is digital infrastructure — Anna E. Cook 🔗

View link [...]

Selfish AI | GarfieldTech 🔗

View link [...]

How Complex Systems Fail 🔗

View link [...]

Accessibility progress and healthy engineering teams 🔗

View link [...]

'AI' is a dick move, redux 🔗

View link [...]

We should all be Luddites | Brookings 🔗

View link [...]

Some Thoughts on the Open Web 🔗

View link [...]

Honoring Mobile OS Text Size 🔗

View link [...]

The Imperfectionist: Navigating by aliveness 🔗

View link [...]

The State of Modern AI Text To Speech Systems for Screen Reader Users 🔗

View link [...]

“WCAG is difficult to read, don’t read it” is a self-fulfilling prophecy · Eric Eggert 🔗

View link [...]

How an accessibility designer adds keyboard shortcuts to a web app 🔗

View link [...]

Try text scaling support in Chrome Canary - Josh Tumath 🔗

View link [...]

The Enshittifinancial Crisis 🔗

View link [...]

Design in code, get praise 🔗

View link [...]

Public design systems are worth it 🔗

View link [...]

See what is happening, not what is supposed to happen 🔗

View link [...]

3 + 4 🔗

View link [...]

A Website To End All Websites | Henry From Online 🔗

View link [...]

I Am An AI Hater 🔗

View link [...]

Landslide; a ghost story 🔗

View link [...]

Dissent | blarg 🔗

View link [...]

Uh Oh! The Infantilization of Failure 🔗

View link [...]

My HTML Web Component boilerplate for 2026 🔗

View link [...]

The “A” in “AI” Stands For Amnesia 🔗

View link [...]

Fuck AI; or, Trying to build a NAS in late 2025 🔗

I didn’t think I’d still be finding more ways to hate AI and big tech companies but here we are. posts tagged AI (mostly bookmarks). So yeah I want to [...]

Companies Could Use A Librarian - Edward Loveall 🔗

View link [...]

"Human in the loop" is a thought-terminating cliche 🔗

View link [...]

The only winning move is not to play – Gregg Bernstein 🔗

View link [...]

AI optimism is a class privilege 🔗

View link [...]

Meeting WCAG is an achievement · Eric Eggert 🔗

View link [...]

The Performance Inequality Gap, 2026 - Infrequently Noted 🔗

View link [...]

Building a Good Download... Button? 🔗

View link [...]

Accessible Usability Scale (AUS) 🔗

View link [...]

Shopify Needs a Mirrorfy 🔗

View link [...]

Don’t be afraid of a long list of radio buttons (and why I broke this UX law) 🔗

View link [...]

“Your” vs “My” in user interfaces 🔗

View link [...]

what does it take to hang on 🔗

View link [...]

OpenAI, ARIA, and SEO: Making the Web Worse 🔗

View link [...]

Write Code That Runs in the Browser, or Write Code the Browser Runs 🔗

View link [...]

Annotating designs using common language - TetraLogical 🔗

View link [...]

The App Store Was Always Authoritarian 🔗

View link [...]

work 😤👔📈 — pagemelt 🔗

View link [...]

be your own algorithm 🔗

View link [...]

A threat model for accessibility on the web - Alice 🔗

View link [...]

Is it time to look for a new job? And how do I start? 🔗

View link [...]

We all have a choice 🔗

View link [...]

Against the protection of stocking frames. — ethanmarcotte.com 🔗

View link [...]

Sneak accessibility 🔗

View link [...]

Screen reader HTML support 🔗

View link [...]

Looking elsewhere - Robb Owen 🔗

View link [...]

The orders of complexity of websites and what they imply for the design of web platform features 🔗

View link [...]

Printing the web: making webpages look good on paper 🔗

View link [...]

how personal is my personal website? 🔗

to be read as a conversation with my brain i feel very strongly that my personal website should be personal. it should be about me. it shouldn’t just [...]

In defense of unpolished personal websites — Oh Hello Ana 🔗

View link [...]

LLMs: From having thoughts to managing them 🔗

View link [...]

Rejoice! We are no longer responsible for losing our humanity. 🔗

View link [...]

Beyond WCAG: Losing Spoons Online - TPGi 🔗

View link [...]

Do Not Publish Your Designs on the Web with Figma Sites… 🔗

View link [...]

practicing is also a practice 🔗

View link [...]

What Happened to Separation of Concerns in Frontend Development · Jens Oliver Meiert 🔗

View link [...]

Dungeons & Dragons taught me how to write alt text 🔗

View link [...]

Let me use the loo 🔗

View link [...]

Coming home | A Working Library 🔗

View link [...]

Micro Zine: Tiny CSS template to produce folded 8-page zines 🔗

View link [...]

What Tumblr Taught Me About Accessibility - Nic Chan 🔗

View link [...]

The one about the web developer job market 🔗

View link [...]

Writing Is Hard / Coder’s block 🔗

View link [...]

The blog questions challenge 🔗

In case you haven’t already heard, this blog questions challenge was originally started by Ava and then adapted for everyone by Kev. Lots of love to S [...]

Future Web 🔗

View link [...]

Trust and faith in machine agents 🔗

View link [...]

Web Development Is Theater - Miriam Suzanne 🔗

View link [...]

Crip Technoscience Manifesto 🔗

View link [...]

Openness in Internet Standards: Necessary, but Insufficient 🔗

View link [...]

My dream list styles aren't allowed 🔗

I’ve been thinking about list styles. Specifically about list-style-position. The outside value lines things up nicely but can easily lead to the ::ma [...]

Web feeds 🔗

I’ve noticed that I tend to think that JSON Feed is the “best”. I’d say that’s because it’s newer and (I think) it has more features. But if I really [...]

Touched a nerve 🔗

View link [...]

It’s time to organize. — Ethan Marcotte 🔗

View link [...]

Disability Is Not a Single-Selection Field | Ashlee M Boyer 🔗

View link [...]

History of the Web: Chris Lilley 🔗

View link [...]

Tales from the CSS Working Group 🔗

View link [...]

browser-diff 🔗

View link [...]

Disability Dongle | Platypus 🔗

View link [...]

Why You Should Use px Units for margin, padding, & Other Spacing Techniques | Ashlee M Boyer 🔗

View link [...]

Bored of it 🔗

View link [...]

Techniques to Break Words — Adrian Roselli 🔗

View link [...]

WCAG SC 1.4.4 Resize Text & 1.4.10 Reflow · Eric Eggert 🔗

View link [...]

Popping preconceived popover ponderings | scottohara.me 🔗

View link [...]

Twittotage 🔗

View link [...]

How To Argue Against AI-First Research — Smart Interface Design Patterns 🔗

View link [...]

How to get Cloudflare redirects to ignore index.html 🔗

As you may or may not be aware I rearranged things around here a bit, and thus I needed to setup some redirects because Cool URIs don’t change. So I w [...]

The Art of Not Sharing 🔗

View link [...]

Fuck the Cult of Productivity 🔗

View link [...]

The web on mobile 🔗

View link [...]

Human-readable date formatting with vanilla JavaScript | Henry From Online 🔗

View link [...]

Values · Eric Eggert 🔗

View link [...]

How Obsidian Fixes Note-Taking's Biggest Problem 🔗

View link [...]

Let’s talk about the fediverse - annie's blog 🔗

View link [...]

Talk about the thing itself - annie's blog 🔗

View link [...]

Rudderless 🔗

View link [...]

Purpose, goals, and burnout 🔗

View link [...]

Why I Like Designing in the Browser 🔗

View link [...]

I'm Tired of Pretending Tech is Making the World Better 🔗

View link [...]

Why Personal Websites Matter More Than Ever 🔗

View link [...]

Overlay Timeline 🔗

View link [...]

Buttons shouldn't have a hand cursor part 2 🔗

View link [...]

Buttons shouldn't have a hand cursor 🔗

View link [...]

HTML for People 🔗

View link [...]

Why We Love Chaos 🔗

View link [...]

Document accessibility checklist | Digital NSW 🔗

View link [...]

Reimagining Fluid Typography 🔗

View link [...]

Simplify Nested Code 🔗

View link [...]

Tech continues to be political | Miriam Eric Suzanne 🔗

View link [...]

You are a better writer than AI. (Yes, you.) 🔗

View link [...]

Epoch Semantic Versioning 🔗

View link [...]

Tooltips are presentational - TPGi 🔗

View link [...]

What is queer typography? | Paul Soulellis 🔗

View link [...]

Queer.Archive.Work Download Library 🔗

View link [...]

Inclusive Sans — O.K. 🔗

View link [...]

Why is everything binary? 🔗

View link [...]

DIY HRT: Everything I Can Legally Tell You 🔗

View link [...]

Some pointers on default cursors | hidde.blog 🔗

View link [...]

Treat your to-read pile like a river | Oliver Burkeman 🔗

View link [...]

Truths about digital accessibility – Eric Bailey 🔗

View link [...]

aria-label 🔗

aria-label is a code smell by Eric Bailey My Priority of Methods for Labeling a Control by Adrian Roselli The “Other” C in CSS by Sara Soueidan Don’t [...]

Color.js convert Raycast script 🔗

Similar to my OddContrast Raycast script, I built this for myself but again I figured others would find it useful as well. Color.js convert is my pref [...]

OddContrast Raycast script 🔗

I built this for myself but I figure others will likely find it useful too. OddContrast is my preferred contrast checker and I use Raycast for almost [...]

The Garden vs The River 🔗

View link [...]

Conference line-ups 🔗

View link [...]

JSON Canvas 🔗

View link [...]

Is 2025 the Year of the ‘Design Engineer’? 🔗

View link [...]

BLÅHAJ Radar 🔗

View link [...]

hidden=until-found 🔗

Don’t use [hidden] { display: none } as it will break hidden=until-found. Instead use [hidden]:not([hidden="until-found"]) { display: none } if you mu [...]

Design outside the computer 🔗

View link [...]

The Google Antitrust Ruling: Proposed Remedies | Igalia 🔗

View link [...]

Atypography | art movement 🔗

View link [...]

Mad studies - Wikipedia 🔗

View link [...]

Utility: Convert SVG path to all-relative or all-absolute commands • Lea Verou 🔗

View link [...]

CSS wants to be a system 🔗

View link [...]

What RSS Needs 🔗

View link [...]

Hard Code & Soft Skills 🔗

View link [...]

against the dark forest 🔗

View link [...]

Ethical Web Principles 🔗

View link [...]

Filters 🔗

View link [...]

Web Design Engineering With the New CSS | Matthias Ott | CSS Day 2024 🔗

View link [...]

Authors Together 🔗

View link [...]

Easing Wizard - CSS Easing Editor 🔗

View link [...]

Visually hidden content is a hack that needs to be resolved, not enshrined | scottohara.me 🔗

View link [...]

Quite A Strange.Website Indeed 🔗

View link [...]

CSS Wrapped 2024 🔗

View link [...]

How to start speaking at conferences • Josh W. Comeau 🔗

View link [...]

AI leads to working more, not less 🔗

The Luddites knew wtf was up. Productivity is pointless to us workers because we live in a capitalist system predicated on continual growth. The Vers [...]

Miriam Suzanne – Hints and Suggestions: The Design of Web Design – beyond tellerrand Berlin 2024 🔗

View link [...]

Next-level frosted glass with backdrop-filter • Josh W. Comeau 🔗

View link [...]

If Not React, Then What? - Infrequently Noted 🔗

View link [...]

A Framework for Evaluating Browser Support • Josh W. Comeau 🔗

View link [...]

Why Can't We Make Simple Software? - Peter van Hardenberg 🔗

View link [...]

Yes, progressive enhancement is a fucking moral argument 🔗

View link [...]

Web Directions Developer Summit 24: View transitions in the real world 🔗

Recording You can check out the recording with this free gift link for the recording on Conffab. The recording also has closed captions and a transcri [...]

Carving your space 🔗

View link [...]

a11y-syntax-highlighting has been updated 🔗

View link [...]

Semi-Annual Reminder to Learn and Hire for Web Standards 🔗

View link [...]

Browser support at Clearleft 🔗

View link [...]

In detail: 1.4.11 Non-Text Contrast (User Interface Components) · Eric Eggert 🔗

View link [...]

Web Directions Code24: Front-end development's identity crisis 🔗

This is a more accessible and self hosted version of my publicly available slides on Notist. Checkout the recording of my talk on Conffab: Elly Loel a [...]

The deskilling of web dev is harming the product but, more importantly, it's damaging our health – this is why burnout happens 🔗

View link [...]

Exploring the Human Mind with Hotdogs 🔗

View link [...]

The VR design paradox 🔗

View link [...]

Maybe Don’t Name That Landmark 🔗

View link [...]

Death by Experience · Jens Oliver Meiert 🔗

View link [...]

InstAI 🔗

View link [...]

contrast-color() is a good thing, but also solving the problem at the wrong layer 🔗

View link [...]

On compliance vs readability: Generating text colors with CSS • Lea Verou 🔗

View link [...]

Accessible QR Codes – The Ultimate Guide | Axess Lab 🔗

View link [...]

At this student encampment, Deaf protesters built a model for accessibility 🔗

View link [...]

Dark mode & accessibility myth by Stéphanie Walter - UX Researcher & Designer. 🔗

View link [...]

CSS :has(), the God Selector –Bruce Lawson's personal site 🔗

View link [...]

HTML, CSS and our vanishing industry entry points 🔗

View link [...]

Baseline progressive enhancement 🔗

View link [...]

Manifesto for a Humane Web 🔗

View link [...]

The Disenshittify Project 🔗

View link [...]

I want it all but, it is impossible 🔗

View link [...]

Catch me at Web Directions Code 24 🔗

I’ve got some incredibly exciting news to share! Recently, I was extended an invitation by John Allsopp to present at Web Directions Code. It’s an inc [...]

Why Good Captioned Videos Are Important – Meryl.net home 🔗

View link [...]

Swearing and automatic captions 🔗

View link [...]

How social networks prey on our longing to be known 🔗

View link [...]

Interdisciplinary Website Maker 🔗

View link [...]

HTML attributes vs DOM properties - JakeArchibald.com 🔗

View link [...]

No Web Without Women 🔗

View link [...]

Web dev craftsmanship 🔗

View link [...]

:focus-visible-within, the missing pseudo-class 🔗

View link [...]

Making version noir 🔗

View link [...]

Drive-by accessibility tweaks 🔗

View link [...]

Be anti-ableist · Eric Eggert 🔗

View link [...]

“AI” won’t solve accessibility · Eric Eggert 🔗

View link [...]

Should designers code? 🔗

View link [...]

My disabilities 🔗

This is a post that I’m going to continually update with more thoughts and information over time. I thought about different ways to order this post bu [...]

The More Things Change… (or: What’s in a Job Title?) 🔗

View link [...]

Front-end development’s identity crisis 🔗

I’m not a “[full-stack] developer”, regardless of what my last job title says. I’m not even a front-end developer, thanks to the JavaScript–industrial [...]

Work Will Not Save Us: An Asian American Crip Manifesto | Disability Studies Quarterly 🔗

View link [...]

Apple Annie’s Weblog · Working for a Living When Your Living isn't Working, Part III 🔗

View link [...]

Apple Annie’s Weblog · Working for a Living When Your Living isn't Working, Part II 🔗

View link [...]

Apple Annie’s Weblog · Working for a Living When Your Living isn't Working, Part I 🔗

View link [...]

A letter to my younger self, as an accessibility advocate 🔗

View link [...]

How do I survive? 🔗

I thought I’d share my current musings. With the hope that it might either find me some answers from those in similar situations or maybe help someone [...]

Design pattern for custom tooltips - HTMHell 🔗

View link [...]

I worry our Copilot is leaving some passengers behind - Josh Collinsworth blog 🔗

View link [...]

The quiet, pervasive devaluation of frontend - Josh Collinsworth blog 🔗

View link [...]

Okay, Color Spaces — ericportis.com 🔗

View link [...]

Access by a thousand curb cuts · Eric Eggert 🔗

View link [...]

SVG Filter Maker 🔗

View link [...]

“AI” and accessible front-end components: is the nuance generatable? 🔗

View link [...]

The Wax and the Wane of the Web 🔗

View link [...]

Generative. — ethanmarcotte.com 🔗

View link [...]

Energy makes time | everything changes 🔗

View link [...]

Can generative AI help write accessible code? - TetraLogical 🔗

View link [...]

What is Utility-First CSS?: HeydonWorks 🔗

View link [...]

Accessibility Not-Checklist | Brewed by team Intopia 🔗

View link [...]

Accessibility overlays 🔗

View link [...]

What I want/need from a job 🔗

This post was inspired by Lynn Fisher’s post Unordered, incomplete list of things I want from a job and my lovely former colleague Joanne Osbourne-Tay [...]

It’s the hope that kills you · Eric Eggert 🔗

View link [...]

spider-pig Searches for Nodes that match a CSS Selector—zachleat.com 🔗

View link [...]

In Loving Memory of Square Checkbox 🔗

View link [...]

Kind of annoyed at React 🔗

View link [...]

Using abbr Element with title Attribute 🔗

View link [...]

It's 2023, here is why your web design sucks. – Brad Frost 🔗

View link [...]

Nuclear Anchored Sidenotes 🔗

View link [...]

Footnote Trouble – Tyler Sticka 🔗

View link [...]

Your MVP Must Be Accessible – Web Axe 🔗

View link [...]

My CSS resets 🔗

View link [...]

Stop Closing Void Elements · Jens Oliver Meiert 🔗

View link [...]

Everyone has JavaScript, right? 🔗

View link [...]

Web Components and the Accessibility Object model (AOM) - 24 Accessibility 🔗

View link [...]

React Server Components: the Good, the Bad, and the Ugly 🔗

View link [...]

WCAG 2: Guidelines and Guardrails · Eric Eggert 🔗

View link [...]

Embrace the Platform 🔗

View link [...]

CSS Wrapped: 2023! | Blog | Chrome for Developers 🔗

View link [...]

our interior worlds 🔗

View link [...]

the interestingness of our thoughts 🔗

View link [...]

Historical Trails 🔗

View link [...]

ChatGPT is not ready to handle web accessibility remediation - Karl Groves 🔗

View link [...]

Making live regions easier 🔗

View link [...]

Loss by Amy Hupe, content designer. 🔗

View link [...]

Making data visualizations accessible 🔗

View link [...]

Writing with AI 🔗

View link [...]

The average AI criticism has gotten lazy, and that's dangerous 🔗

View link [...]

Robin Rendle — I am a poem I am not software 🔗

View link [...]

HTML: The Bad Parts - HTMHell 🔗

View link [...]

Naming things needn’t be hard 🔗

View link [...]

On the merits & limitations of React & single-page apps 🔗

View link [...]

pagefind-search Web Component—zachleat.com 🔗

View link [...]

HTML Web Components are Just JavaScript? 🔗

View link [...]

Psychology of Speed: A Guide to Perceived Performance - Calibre 🔗

View link [...]

Exclusive accordions exclude · Eric Eggert 🔗

View link [...]

CSS { In Real Life } | What to Blog About When You Don’t Know What to Blog About 🔗

View link [...]

Electromechanical Refreshable Braille Module : HackadayPrize 2023 🔗

View link [...]

It's 2023, here is why your web design sucks. 🔗

View link [...]

“The Folly of Design System “Foundations”,” an article by Dan Mall 🔗

View link [...]

A (more) Modern CSS Reset - Andy Bell 🔗

View link [...]

Burn baby burnout by Amy Hupe, content designer. 🔗

View link [...]

DEF CON 31 - An Audacious Plan to Halt the Internet's Ensh*ttification - Cory Doctorow 🔗

View link [...]

Fluid Design Tools for a Responsive Design System World 🔗

View link [...]

Designing for the autistic community 🔗

View link [...]

The ideal viewport doesn’t exist 🔗

View link [...]

Complementary Space 🔗

View link [...]

Web: How to document the screen reader user experience - Accessibility, Your Team and You 🔗

View link [...]

CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends — Smashing Magazine 🔗

View link [...]

How (NOT) To Use Writing AI 🔗

View link [...]

Minimalism is Getting Absurd: Updating Dieter Rams' 10 Principles 🔗

View link [...]

Things you forgot (or never knew) because of React - Josh Collinsworth blog 🔗

View link [...]

Toggles suck! | Axess Lab 🔗

View link [...]

OddContrast 🔗

View link [...]

An intro to designing accessible data visualizations by Sarah L. Fossheim 🔗

View link [...]

Is Frontend Web Development Sexist? 🔗

View link [...]

Blockquotes in Screen Readers 🔗

View link [...]

Formative posts – Eric Bailey 🔗

View link [...]

Fighting inter-component HTML bloat 🔗

View link [...]

Stick to boring architecture for as long as possible 🔗

View link [...]

Designing services for people who need help with numbers 🔗

View link [...]

Dos and don'ts on designing for accessibility 🔗

View link [...]

Building for ADHD will make your product better for everyone 🔗

View link [...]

Dyslexia friendly style guide - British Dyslexia Association 🔗

View link [...]

What is self-documenting code? 🔗

View link [...]

CSS { In Real Life } | Reducing Complexity in Front End Development 🔗

View link [...]

Tailwind and the Femininity of CSS 🔗

View link [...]

Reluctant Gatekeeping: The Problem With Full Stack 🔗

View link [...]

Converge London 2022 - Amy Hupe: Your design system contribution practice is doomed to fail 🔗

View link [...]

Is it accessible? 🔗

View link [...]

Redesigning for Cognitive Ease 🔗

View link [...]

The only accessibility specialist in the room - TetraLogical 🔗

View link [...]

A 🔗

View link [...]

Spicy specifications 🔗

View link [...]

Ending design handoff: this is our fight 🔗

View link [...]

The Best Handoff Is No Handoff — Smart Interface Design Patterns 🔗

View link [...]

The five types of people who produce inaccessible code 🔗

View link [...]

Disability Visibility - Rachele DiTullio 🔗

View link [...]

☁️ Define Define 🔗

View link [...]

Can You Be A Designer If You Have No Training? | Henry From Online 🔗

View link [...]

What’s new in CSS - WWDC23 - Videos - Apple Developer 🔗

View link [...]

How drawing helps you think | Ralph Ammer 🔗

View link [...]

The Creative Switch - Ralph Ammer 🔗

View link [...]

Opportunities for AI in Accessibility :: Aaron Gustafson 🔗

View link [...]

The devil you know | everything changes 🔗

View link [...]

The Risks of Staying Put 🔗

View link [...]

Debunking the Tech Hype Cycle with Dan Olson 🔗

View link [...]

No, ‘AI’ Will Not Fix Accessibility 🔗

View link [...]

Some blogging myths 🔗

View link [...]

Nvidia Should Sell GeForce. 🔗

View link [...]

Watch Out for Layout Shifts with ‘ch’ Units 🔗

View link [...]

Re-evaluating px vs em in Media Queries 🔗

View link [...]

How to use the placebo effect to (actually) feel better 🔗

View link [...]

The Accessibility to Burnout Pipeline 🔗

View link [...]

A Richer Canvas - Mark Boulton 🔗

View link [...]

Responsive design: seams & edges 🔗

View link [...]

codedisplay: contents/code considered harmful 🔗

View link [...]

Should vs Want | Matt Wilcox, Web Developer & Tinkerer 🔗

View link [...]

Markdown images are an anti-pattern 🔗

View link [...]

Too scared to start 🔗

I have so many ideas but I’m too scared to actually turn them into anything. I’m scared of getting stuck. I’m scared. I know I shouldn’t be scared of [...]

Boringness in Design Systems 🔗

View link [...]

The Most Exciting Design Systems Are Boring | Big Medium 🔗

View link [...]

Thinking on ways to solve color palettes 🔗

View link [...]

The ongoing defence of frontend as a full-time job 🔗

View link [...]

Things You Should Never Do, Part I 🔗

View link [...]

Whose web is it, anyway? 🔗

View link [...]

On browser compatibility and support baselines · molily 🔗

View link [...]

Meeting WCAG Level AAA - TetraLogical 🔗

View link [...]

Design Systems Collection 🔗

View link [...]

It is not me who is bad, it is the machine, you see. - Chris Coyier 🔗

View link [...]

Slow design 🔗

View link [...]

Build the Archive 🔗

View link [...]

Sometimes the job is an assembly line 🔗

View link [...]

Accessibility auditing tips from Nathan Knowler 🔗

View link [...]

Icon transcendence: customizing icons to complement fonts 🔗

View link [...]

Functional documentation: HeydonWorks 🔗

View link [...]

Realtime Colors 🔗

View link [...]

Don’t use custom CSS scrollbars 🔗

View link [...]

Give it the Craigslist test 🔗

View link [...]

The webdev social schism 🔗

View link [...]

Blue skies over Mastodon | Erin Kissane 🔗

View link [...]

Inclusive Design Principles 🔗

View link [...]

Developer with ADHD? You’re not alone. 🔗

View link [...]

A Design System Governance Process Chart Walkthrough 🔗

View link [...]

Accessible design systems - TetraLogical 🔗

View link [...]

CSS wishlist 2023 🔗

I know I’m late, but hey why not! To be polished… This is a bit of a messy brain dump, poke me on Mastodon to clean it up. Things that don [...]

But My Client Wants ... 🔗

View link [...]

Simple Truths About Personal Websites · Matthias Ott – User Experience Designer 🔗

View link [...]

Scott Kellum – Mapping Typography – btconf Düsseldorf 2023 🔗

View link [...]

Sophie Koonin – This Website Is under Construction, a Love Letter to the Personal Website – btconf 🔗

View link [...]

A Responsive Accessible Table 🔗

View link [...]

CSS HD Gradients 🔗

View link [...]

A Design System Governance Process 🔗

View link [...]

How A Screen Reader User Surfs The Web 🔗

View link [...]

Home stream 🔗

View link [...]

Kilotype 🔗

View link [...]

CSS Custom Properties Beyond the :root · Matthias Ott – User Experience Designer 🔗

View link [...]

Read-only web apps 🔗

View link [...]

A “Best viewed with…” Gag 🔗

View link [...]

The power of protest with graphic designer Kemba Earle 🔗

View link [...]

Add punctuation to your alt text 🔗

View link [...]

Starting design work in a spreadsheet 🔗

View link [...]

Container Query Units and Fluid Typography | Modern CSS Solutions 🔗

View link [...]

Figma: How to create fluid Typography Scales with Design Tokens - Tutorial with Jan Six 🔗

View link [...]

Creating Themeable Design Systems with BRAD FROST - SmashingConf San Francisco 2022 🔗

View link [...]

Wise Design 🔗

View link [...]

A look at CSS Resets in 2018 | bitsofcode 🔗

View link [...]

Design-ish systems. — ethanmarcotte.com 🔗

View link [...]

I could spend the rest of my life clearing the decks, if I'm not careful 🔗

View link [...]

Choosing a name for your design system 🔗

View link [...]

Sandcastles 🔗

View link [...]

Foundations of Type Design 🔗

View link [...]

OH no Type School 🔗

View link [...]

Getting Started with Typeface Design — Jonathan Hoefler 🔗

View link [...]

Organizing the Eleventy config file | Lene Saile 🔗

View link [...]

An alt Decision Tree 🔗

View link [...]

Design Technologist Handbook 🔗

View link [...]

Handbook 🔗

View link [...]

Using text symbols in pseudo-elements accessibly 🔗

View link [...]

Neurodiversity Design System 🔗

View link [...]

Learn Images 🔗

View link [...]

Variable Font Course with Typearture 🔗

View link [...]

Building an accessible theme picker with HTML, CSS and JavaScript. by Sarah L. Fossheim 🔗

View link [...]

Sibling Scopes in CSS, thanks to :has() and ~ 🔗

View link [...]

gridless.design 🔗

View link [...]

Henry From Online | How To Make a Website 🔗

View link [...]

Unordered, incomplete list of things I want from a job 🔗

View link [...]

Design systems and structured content by Amy Hupe, content designer. 🔗

View link [...]

Speed for who? 🔗

View link [...]

The Performance Inequality Gap, 2023 - Infrequently Noted 🔗

View link [...]

Use the dialog element (reasonably) | scottohara.me 🔗

View link [...]

Modalz Modalz Modalz 🔗

View link [...]

JavaScript, Community—zachleat.com 🔗

View link [...]

The Great Divide Was Indeed Divisive - Chris Coyier 🔗

View link [...]

Layout & Grid in Design Systems 🔗

View link [...]

An iterative process to our agency website design - Set Studio 🔗

View link [...]

CSS-only Widgets Are Inaccessible 🔗

View link [...]

Life in Weeks 🔗

View link [...]

"Design tokens are a language for communicating intent between disparate parts of a system" by Jeff Eaton 🔗

View link [...]

Why do they ignore my awesome design documentation? 🔗

View link [...]

We need accessibility action — Now! · Eric Eggert 🔗

View link [...]

Naming Tokens in Design Systems 🔗

View link [...]

Not By AI — Add the 'Not By AI' Badge to Your Creative Work 🔗

View link [...]

How To README 🔗

View link [...]

I Can’t Breathe 🔗

View link [...]

Why most design systems implode 🔗

View link [...]

The Patchability of the Open Web 🔗

View link [...]

My therapist suggested I talk to my inner child. I thought she was joking – but it changed everything 🔗

View link [...]

Be Gay, Do Design T-Shirt 🔗

View link [...]

State of Web Components August 2022 🔗

View link [...]

On Using Web Component Libraries 🔗

View link [...]

Into the Personal-Website-Verse 🔗

View link [...]

How to fight fascism? - Mike Monteiro 🔗

View link [...]

Components Are Pure Overhead 🔗

View link [...]

The JS-industrial-complex 🔗

View link [...]

Design Systems For Figma 🔗

View link [...]

Should design systems include problematic components and patterns? by Amy Hupe, content designer. 🔗

View link [...]

Design Systems at Scale // Episode 6: Maintaining and Evolving Your Design System 🔗

View link [...]

Design Systems at Scale // Episode 5: Proven Strategies for Scaling Your Design System 🔗

View link [...]

Design Systems at Scale // Episode 4: New Roles & Processes for Design Systems 🔗

View link [...]

Design Systems at Scale // Episode 3: Applying Atomic Design and Choosing a Pilot 🔗

View link [...]

Design Systems at Scale // Episode 2: Selling the Value of Your Design System 🔗

View link [...]

Design Systems at Scale // Episode 1: The Heartache of Design at Scale 🔗

View link [...]

Spacing in Design Systems 🔗

View link [...]

Genders.WTF 🔗

View link [...]

Setting up a screen reader testing environment on your computer 🔗

View link [...]

Landmarks and where to put them - HTMHell 🔗

View link [...]

Design Systems Handbook—from DesignBetter.Co 🔗

View link [...]

Where Web Components Went Wrong (And How We Can Turn It Around) 🔗

View link [...]

Mastodon and federation 🔗

View link [...]

How to name your colors in a Design System 🔗

View link [...]

Designing for people with dyscalculia and low numeracy 🔗

View link [...]

JSPM - ES Module Package Manager and CDN 🔗

View link [...]

There Is No Document Outline Algorithm 🔗

View link [...]

AI-Generated Images from AI-Generated Alt Text 🔗

View link [...]

Photo editor 🔗

View link [...]

Video editor 🔗

View link [...]

Open Props okLCH beta · March 31, 2023 🔗

View link [...]

Cascading Colors Documentation 🔗

View link [...]

Igalia Chats: Mega Safari release 🔗

View link [...]

Fonts Designed by Queer Type Designers 🔗

View link [...]

Open Foundry 🔗

View link [...]

Pangram Foundry 🔗

View link [...]

Everyone is racing to copy Apple. Here's why. 🔗

View link [...]

Input types a11y 🔗

TL;DR See here for a list of every single input type. The bad ones: date datetime-local month number reset search time week The good ones: button chec [...]

Custom Open Graph Images, yet another way 🔗

Creating a page for every page ⚠️ This probably isn’t the best way to do this! If you’re following along keep this in mind, and if you kno [...]

Google fonts hate her, speed up your website with this one weird trick! 🔗

Jokes aside, I have spent a fair amount of time and effort figuring out how to improve my font situation. Like many others, my “font setup” consisted [...]

Domains 🔗

ellyloel.com is my main domain. elly.to is for my personal URL shortener. elly.lol is for fun, it’s painfully close to my actual name but just a tiny [...]

CSS Nesting 🔗

First nesting syntax survey XHelp pick a syntax for CSS nesting | Blog | Chrome for DevelopersTwo competing syntaxes need your help in determining whi [...]

Details summary marker 🔗

By default, <summary> inside <details> gets a display: list-item;, that’s where the lil triangle ::marker comes from. So it follows that if you change [...]

CSS mesh gradients generator: Mesher Tool by CSS Hero 🔗

View link [...]

The Practical Accessibility Course 🔗

View link [...]

The Spoon Theory written by Christine Miserandino - But You Dont Look Sick? support for those with invisible illness or chronic illness 🔗

View link [...]

Design after Capitalism 🔗

View link [...]

A Whole Cascade of Layers 🔗

View link [...]

There is no character limit for “alt text”: Myth Debunked! · Eric Eggert 🔗

View link [...]

tweetback 🔗

Over the weekend, I turned my twitter archive into something useful over at twitter.ellyloel.com using tweetback, which is a great little tool. If you [...]

Learn Accessibility 🔗

View link [...]

Color and Contrast.com 🔗

View link [...]

Let's talk about web components 🔗

View link [...]

Stickers 🔗

So I designed some lil stickers 😛 [...]

Element.closest() 🔗

MDN Web DocsElement: closest() method - Web APIs | MDNThe closest() method of the Element interface traverses the element and its parents (heading tow [...]

Infinite Canvas 🔗

View link [...]

Medicare Item Numbers for GRS 🔗

View link [...]

Harder than being disabled 🔗

Content warning Future Elly here, I don’t like how I worded this post. I wrote this in anger. The anger should’ve been solely directed at the ableist [...]

Shadow DOM-less Web Component library 🔗

I don’t know if this is a dumb idea, but with my current knowledge, this seems like a good idea. Maybe it’s best for non-atomic components, like layou [...]

My ADHD medication contains gluten 🔗

This means next to nothing for anyone else but, UGH!! WTF, like whyyyyy 🫠 As I have Coeliac disease I can’t eat anything containing gluten, so I’m go [...]

Meet the top layer: a solution to z-index:10000 - Chrome Developers 🔗

View link [...]

Pop-ups: They're making a resurgence! - Chrome Developers 🔗

View link [...]

CSS Grid vs Flexbox: How to decide (with examples) 🔗

Should you use a hammer or a screwdriver? Of course that would depend on the job! The same is true when comparing CSS Grid vs Flexbox. No one layout m [...]

The 88x31 GIF Collection | Part 1 🔗

View link [...]

Cascade layers 🔗

👷🏼‍♀️ Under construction 🚧 Heads up! This post is under construction, so take it with a grain of salt. Coming up with a layer stack My current laye [...]

Web Components as templates 🔗

I need a way of being able to use web components as just plain HTML templates/components without JavaScript. EnhanceEnhanceThe HTML first full stack w [...]

The right number of design tokens 🔗

Something I’ve been thinking about for a while now is, how many design tokens is the right amount? I often see roughly around 10 for each colour, whet [...]

Astro 🔗

I’ve been hearing lots about Astro, I really want to try it out. I need to think of a project to use it on, because I’m definitely not rebuilding my w [...]

Design engineering 🔗

This post is old Read it if you want, though I’d recommend my essay front-end development’s identity crisis instead. There really is a difference betw [...]

Design systems in an agency 🔗

Multi layered design system With different levels of abstraction. [...]

My website is my only project 🔗

Every time I want to try something new out, it’s always on my website. I never have projects outside my website. It’s really annoying because I want t [...]

Stop using active classes 🔗

Semantic/stateful/accessible selectors are really important! I strongly recommend these articles for anyone, especially if you’re still using .is-acti [...]

D3 🔗

Learnt a bit about D3.js today, specifically force-directed graphs. I setup a graph view on post hub pages, to visualise posts and links between posts [...]

On ratings and meters – Lea Verou 🔗

View link [...]

The New York Times’ Natalya Shelburne: Bridging the designer and developer divide by building trust 🔗

View link [...]

434: Natalya Shelburne on Design Engineering - ShopTalk 🔗

View link [...]

Design Engineering Handbook 🔗

View link [...]

This Content Won't Architect Itself 🔗

View link [...]

No Demo [Website] Reno 🔗

View link [...]

Modern alternatives to BEM 🔗

View link [...]

No Comment 2: The Webmentioning 🔗

View link [...]

Git xcrun error 🔗

This is for my future self. xcode-select --install https://apple.stackexchange.com/questions/254380/why-am-i-getting-an-invalid-active-developer-path- [...]

Stylized Text 🔗

Warning! This project is deprecate/unmaintained, do not use it. A Web Component that makes stylised text a less horrible experience for screen reader [...]

Resilient Web Design 🔗

View link [...]

The “P” in Progressive Enhancement stands for “Pragmatism” - Andy Bell 🔗

View link [...]

Stop Using ‘Pop-up’ 🔗

View link [...]

Stop Using ‘Drop-down’ 🔗

View link [...]

YAML is strict 🔗

If you’ve never written YAML before, one common issue, and one that I ran into myself making this blog, is using tabs rather than spaces 🤯 ❌ This doe [...]

Troubles with backdrop-filter and SVG clipping 🔗

Navigation menu story While building the navigation menu for a past version of this site, I had some troubles getting it to work. I wanted it to have [...]

Color.js: Let’s get serious about color 🔗

View link [...]

Website Carbon Calculator | How is your website impacting the planet? 🔗

View link [...]

Modern CSS reset 🔗

I put together a CSS Reset that uses modern CSS features such as :where(), logical properties, prefers-reduced-motion, etc. :sparkles: Lots of inspira [...]