RSS.Social

Elly Loel

follow: @[email protected]

Posts

Sneak accessibility

Screen reader HTML support

Looking elsewhere - Robb Owen

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

Printing the web: making webpages look good on paper

how personal is my personal website?

In defense of unpolished personal websites — Oh Hello Ana

LLMs: From having thoughts to managing them

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

Beyond WCAG: Losing Spoons Online - TPGi

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

practicing is also a practice

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

Dungeons & Dragons taught me how to write alt text

Let me use the loo

Coming home | A Working Library

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

What Tumblr Taught Me About Accessibility - Nic Chan

The one about the web developer job market

Writing Is Hard / Coder’s block

The blog questions challenge

Future Web

Trust and faith in machine agents

Web Development Is Theater - Miriam Suzanne

Crip Technoscience Manifesto

Openness in Internet Standards: Necessary, but Insufficient

My dream list styles aren't allowed

Web feeds

Touched a nerve

It’s time to organize. — Ethan Marcotte

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

History of the Web: Chris Lilley

Tales from the CSS Working Group

browser-diff

Disability Dongle | Platypus

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

Bored of it

Techniques to Break Words — Adrian Roselli

WCAG SC 1.4.4 Resize Text & 1.4.10 Reflow · Eric Eggert

Popping preconceived popover ponderings | scottohara.me

Twittotage

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

How to get Cloudflare redirects to ignore index.html

The Art of Not Sharing

Fuck the Cult of Productivity

The web on mobile

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

Values · Eric Eggert

How Obsidian Fixes Note-Taking's Biggest Problem

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

Talk about the thing itself - annie's blog

Rudderless

Purpose, goals, and burnout

Why I Like Designing in the Browser

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

Why Personal Websites Matter More Than Ever

Overlay Timeline

Buttons shouldn't have a hand cursor part 2

Buttons shouldn't have a hand cursor

HTML for People

Why We Love Chaos

Document accessibility checklist | Digital NSW

Reimagining Fluid Typography

Simplify Nested Code

Tech continues to be political | Miriam Eric Suzanne

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

Epoch Semantic Versioning

Tooltips are presentational - TPGi

What is queer typography? | Paul Soulellis

Queer.Archive.Work Download Library

Inclusive Sans — O.K.

Why is everything binary?

DIY HRT: Everything I Can Legally Tell You

Some pointers on default cursors | hidde.blog

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

Truths about digital accessibility – Eric Bailey

aria-label

Color.js convert Raycast script

OddContrast Raycast script

The Garden vs The River

Conference line-ups

JSON Canvas

Is 2025 the Year of the ‘Design Engineer’?

BLÅHAJ Radar

hidden=until-found

Design outside the computer

The Google Antitrust Ruling: Proposed Remedies | Igalia

Atypography | art movement

Mad studies - Wikipedia

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

CSS wants to be a system

What RSS Needs

Hard Code & Soft Skills

against the dark forest

Ethical Web Principles

Filters

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

Authors Together

Easing Wizard - CSS Easing Editor

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

Quite A Strange.Website Indeed

CSS Wrapped 2024

How to start speaking at conferences • Josh W. Comeau

AI leads to working more, not less

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

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

If Not React, Then What? - Infrequently Noted

A Framework for Evaluating Browser Support • Josh W. Comeau

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

Yes, progressive enhancement is a fucking moral argument

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

Carving your space

a11y-syntax-highlighting has been updated

Semi-Annual Reminder to Learn and Hire for Web Standards

Browser support at Clearleft

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

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

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

Exploring the Human Mind with Hotdogs

The VR design paradox

Maybe Don’t Name That Landmark

Death by Experience · Jens Oliver Meiert

InstAI

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

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

Accessible QR Codes – The Ultimate Guide | Axess Lab

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

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

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

HTML, CSS and our vanishing industry entry points

Baseline progressive enhancement

Manifesto for a Humane Web

The Disenshittify Project

I want it all but, it is impossible

Catch me at Web Directions Code 24

Why Good Captioned Videos Are Important – Meryl.net home

Swearing and automatic captions

How social networks prey on our longing to be known

Interdisciplinary Website Maker

HTML attributes vs DOM properties - JakeArchibald.com

No Web Without Women

Web dev craftsmanship

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

Making version noir

Drive-by accessibility tweaks

Be anti-ableist · Eric Eggert

“AI” won’t solve accessibility · Eric Eggert

Should designers code?

My disabilities

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

Front-end development’s identity crisis

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

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

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

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

A letter to my younger self, as an accessibility advocate

How do I survive?

Design pattern for custom tooltips - HTMHell

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

The quiet, pervasive devaluation of frontend - Josh Collinsworth blog

Okay, Color Spaces — ericportis.com

Access by a thousand curb cuts · Eric Eggert

SVG Filter Maker

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

The Wax and the Wane of the Web

Generative. — ethanmarcotte.com

Energy makes time | everything changes

Can generative AI help write accessible code? - TetraLogical

What is Utility-First CSS?: HeydonWorks

Accessibility Not-Checklist | Brewed by team Intopia

Accessibility overlays

What I want/need from a job

It’s the hope that kills you · Eric Eggert

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

In Loving Memory of Square Checkbox

Kind of annoyed at React

Using abbr Element with title Attribute

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

Nuclear Anchored Sidenotes

Footnote Trouble – Tyler Sticka

Your MVP Must Be Accessible – Web Axe

My CSS resets

Stop Closing Void Elements · Jens Oliver Meiert

Everyone has JavaScript, right?

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

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

WCAG 2: Guidelines and Guardrails · Eric Eggert

Embrace the Platform

CSS Wrapped: 2023! | Blog | Chrome for Developers

our interior worlds

the interestingness of our thoughts

Historical Trails

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

Making live regions easier

Loss by Amy Hupe, content designer.

Making data visualizations accessible

Writing with AI

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

Robin Rendle — I am a poem I am not software

HTML: The Bad Parts - HTMHell

Naming things needn’t be hard

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

pagefind-search Web Component—zachleat.com

HTML Web Components are Just JavaScript?

Psychology of Speed: A Guide to Perceived Performance - Calibre

Exclusive accordions exclude · Eric Eggert

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

Electromechanical Refreshable Braille Module : HackadayPrize 2023

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

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

A (more) Modern CSS Reset - Andy Bell

Burn baby burnout by Amy Hupe, content designer.

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

Fluid Design Tools for a Responsive Design System World

Designing for the autistic community

The ideal viewport doesn’t exist

Complementary Space

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

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

How (NOT) To Use Writing AI

Minimalism is Getting Absurd: Updating Dieter Rams' 10 Principles

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

Toggles suck! | Axess Lab

OddContrast

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

Is Frontend Web Development Sexist?

Blockquotes in Screen Readers

Formative posts – Eric Bailey

Fighting inter-component HTML bloat

Stick to boring architecture for as long as possible

Designing services for people who need help with numbers

Dos and don'ts on designing for accessibility

Building for ADHD will make your product better for everyone

Dyslexia friendly style guide - British Dyslexia Association

What is self-documenting code?

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

Tailwind and the Femininity of CSS

Reluctant Gatekeeping: The Problem With Full Stack

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

Is it accessible?

Redesigning for Cognitive Ease

The only accessibility specialist in the room - TetraLogical

A

Spicy specifications

Ending design handoff: this is our fight

The Best Handoff Is No Handoff — Smart Interface Design Patterns

The five types of people who produce inaccessible code

Disability Visibility - Rachele DiTullio

☁️ Define Define

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

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

How drawing helps you think | Ralph Ammer

The Creative Switch - Ralph Ammer

Opportunities for AI in Accessibility :: Aaron Gustafson

The devil you know | everything changes

The Risks of Staying Put

Debunking the Tech Hype Cycle with Dan Olson

No, ‘AI’ Will Not Fix Accessibility

Some blogging myths

Nvidia Should Sell GeForce.

Watch Out for Layout Shifts with ‘ch’ Units

Re-evaluating px vs em in Media Queries

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

The Accessibility to Burnout Pipeline

A Richer Canvas - Mark Boulton

Responsive design: seams & edges

codedisplay: contents/code considered harmful

Should vs Want | Matt Wilcox, Web Developer & Tinkerer

Markdown images are an anti-pattern

Too scared to start

Boringness in Design Systems

The Most Exciting Design Systems Are Boring | Big Medium

Thinking on ways to solve color palettes

The ongoing defence of frontend as a full-time job

Things You Should Never Do, Part I

Whose web is it, anyway?

On browser compatibility and support baselines · molily

Meeting WCAG Level AAA - TetraLogical

Design Systems Collection

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

Slow design

Build the Archive

Sometimes the job is an assembly line

Accessibility auditing tips from Nathan Knowler

Icon transcendence: customizing icons to complement fonts

Functional documentation: HeydonWorks

Realtime Colors

Don’t use custom CSS scrollbars

Give it the Craigslist test

The webdev social schism

Blue skies over Mastodon | Erin Kissane

Inclusive Design Principles

Developer with ADHD? You’re not alone.

A Design System Governance Process Chart Walkthrough

Accessible design systems - TetraLogical

CSS wishlist 2023

But My Client Wants ...

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

Scott Kellum – Mapping Typography – btconf Düsseldorf 2023

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

A Responsive Accessible Table

CSS HD Gradients

A Design System Governance Process

How A Screen Reader User Surfs The Web

Home stream

Kilotype

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

Read-only web apps

A “Best viewed with…” Gag

The power of protest with graphic designer Kemba Earle

Add punctuation to your alt text

Starting design work in a spreadsheet

Container Query Units and Fluid Typography | Modern CSS Solutions

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

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

Wise Design

A look at CSS Resets in 2018 | bitsofcode

Design-ish systems. — ethanmarcotte.com

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

Choosing a name for your design system

Sandcastles

Foundations of Type Design

OH no Type School

Getting Started with Typeface Design — Jonathan Hoefler

Organizing the Eleventy config file | Lene Saile

An alt Decision Tree

Design Technologist Handbook

Using text symbols in pseudo-elements accessibly

Neurodiversity Design System

Learn Images

Variable Font Course with Typearture

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

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

gridless.design

Henry From Online | How To Make a Website

Unordered, incomplete list of things I want from a job

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

Speed for who?

The Performance Inequality Gap, 2023 - Infrequently Noted

Use the dialog element (reasonably) | scottohara.me

Modalz Modalz Modalz

JavaScript, Community—zachleat.com

The Great Divide Was Indeed Divisive - Chris Coyier

Layout & Grid in Design Systems

An iterative process to our agency website design - Set Studio

CSS-only Widgets Are Inaccessible

Life in Weeks

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

Why do they ignore my awesome design documentation?

We need accessibility action — Now! · Eric Eggert

Naming Tokens in Design Systems

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

How To README

I Can’t Breathe

Why most design systems implode

The Patchability of the Open Web

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

Be Gay, Do Design T-Shirt

State of Web Components August 2022

On Using Web Component Libraries

Into the Personal-Website-Verse

How to fight fascism? - Mike Monteiro

Components Are Pure Overhead

The JS-industrial-complex

Design Systems For Figma

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

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

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

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

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

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

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

Spacing in Design Systems

Genders.WTF

Setting up a screen reader testing environment on your computer

Landmarks and where to put them - HTMHell

Design Systems Handbook—from DesignBetter.Co

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

Mastodon and federation

How to name your colors in a Design System

Designing for people with dyscalculia and low numeracy

JSPM - ES Module Package Manager and CDN

There Is No Document Outline Algorithm

AI-Generated Images from AI-Generated Alt Text

Photo editor

Video editor

Open Props okLCH beta · March 31, 2023

Cascading Colors Documentation

Igalia Chats: Mega Safari release

Fonts Designed by Queer Type Designers

Open Foundry

Pangram Foundry

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

Input types a11y

Custom Open Graph Images, yet another way

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

Domains

CSS Nesting

Details summary marker

CSS mesh gradients generator: Mesher Tool by CSS Hero

The Practical Accessibility Course

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

Design after Capitalism

A Whole Cascade of Layers

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

tweetback

Learn Accessibility

Color and Contrast.com

Let's talk about web components

Stickers

Element.closest()

Infinite Canvas

Medicare Item Numbers for GRS

Harder than being disabled

Shadow DOM-less Web Component library

My ADHD medication contains gluten

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

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

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

The 88x31 GIF Collection | Part 1

Cascade layers

Web Components as templates

The right number of design tokens

Astro

Design engineering

Design systems in an agency

My website is my only project

Stop using active classes

D3

On ratings and meters – Lea Verou

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

434: Natalya Shelburne on Design Engineering - ShopTalk

Design Engineering Handbook

This Content Won't Architect Itself

No Demo [Website] Reno

Modern alternatives to BEM

No Comment 2: The Webmentioning

Git xcrun error

Stylized Text

Resilient Web Design

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

Stop Using ‘Pop-up’

Stop Using ‘Drop-down’

YAML is strict

Troubles with backdrop-filter and SVG clipping

Color.js: Let’s get serious about color

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

Modern CSS reset

Tabs vs. Spaces: It's an Accessibility Issue • Adam Tuttle

Min-Max-Value Interpolation

Fancy Border Radius Generator

Mutant Standard

uses.tech

natto.dev - write JavaScript on a 2D canvas

CSS underline/overlay animation - a Collection by Temani Afif on CodePen

I Dropped Out of My Computer Science Degree to Learn Coding

home sweet homepage

Variable Fonts

CSS Container Queries For Designers - Ahmad Shadeed

Variable fonts in real life: how to use and love them — Martian Chronicles

Tweaking In The Browser - Ahmad Shadeed

Kern Type

Understanding Layout Algorithms

Implement a Skip Link for Navigation-Heavy Sites

Ben's Humane Guide to Technical Blogging

Component Spacing in a Design System | CSS-Tricks

Typography is impossible

Bo Burnham vs. Jeff Bezos - Video Essay

Huetone • Make colors accessible

Creating Generative SVG Grids - Frontend Horse

Relearn CSS layout

The complete guide to CSS media queries | Polypane, The browser for ambitious developers

Creating an SVG path drawing animation.

A Brief History & Ethos of the Digital Garden

CSS Gradient Generator

Make Atomic Git Commits | Aleksandr Hovhannisyan

The BuzzFeedification of Mental Health