Skip to postsThis is an archive of all my different posts, also avaliable in your favourite flavour of feed RSS, Atom or JSON.Linked posts graphIf Not React, Then What? - Infrequently NotedA Framework for Evaluating Browser Support • Josh W. ComeauWhy Can't We Make Simple Software? - Peter van HardenbergYes, progressive enhancement is a fucking moral argumentWeb Directions Developer Summit 24: View transitions in the real worldCarving your spacea11y-syntax-highlighting has been updatedSemi-Annual Reminder to Learn and Hire for Web StandardsBrowser support at ClearleftIn detail: 1.4.11 Non-Text Contrast (User Interface Components) · Eric EggertWeb Directions Code24: Front-end development's identity crisisThe deskilling of web dev is harming the product but, more importantly, it's damaging our health – this is why burnout happensExploring the Human Mind with HotdogsThe VR design paradoxMaybe Don’t Name That LandmarkDeath by Experience · Jens Oliver MeiertInstAIcontrast-color() is a good thing, but also solving the problem at the wrong layerOn compliance vs readability: Generating text colors with CSS • Lea VerouAccessible QR Codes – The Ultimate Guide | Axess LabAt this student encampment, Deaf protesters built a model for accessibilityDark mode & accessibility myth by Stéphanie Walter - UX Researcher & Designer.CSS :has(), the God Selector –Bruce Lawson's personal siteHTML, CSS and our vanishing industry entry pointsBaseline progressive enhancementManifesto for a Humane WebThe Disenshittify ProjectCatch me at Web Directions Code 24My disabilitiesFront-end development’s identity crisisHow do I survive?Design pattern for custom tooltips - HTMHellI worry our Copilot is leaving some passengers behind - Josh Collinsworth blogThe quiet, pervasive devaluation of frontend - Josh Collinsworth blogOkay, Color Spaces — ericportis.comAccess by a thousand curb cuts · Eric Eggert“AI” and accessible front-end components: is the nuance generatable?The Wax and the Wane of the WebGenerative. — ethanmarcotte.comEnergy makes time | everything changesCan generative AI help write accessible code? - TetraLogicalWhat is Utility-First CSS?: HeydonWorksAccessibility Not-Checklist | Brewed by team IntopiaAccessibility overlaysWhat I want/need from a jobIt’s the hope that kills you · Eric Eggertspider-pig Searches for Nodes that match a CSS Selector—zachleat.comIn Loving Memory of Square CheckboxKind of annoyed at ReactUsing abbr Element with title AttributeIt's 2023, here is why your web design sucks. – Brad FrostNuclear Anchored SidenotesFootnote Trouble – Tyler StickaYour MVP Must Be Accessible – Web AxeMy CSS resetsStop Closing Void Elements · Jens Oliver MeiertEveryone has JavaScript, right?Web Components and the Accessibility Object model (AOM) - 24 AccessibilityReact Server Components: the Good, the Bad, and the UglyWCAG 2: Guidelines and Guardrails · Eric EggertEmbrace the PlatformCSS Wrapped: 2023! | Blog | Chrome for Developersour interior worldsthe interestingness of our thoughtsHistorical TrailsChatGPT is not ready to handle web accessibility remediation - Karl GrovesMaking live regions easierLoss by Amy Hupe, content designer.Making data visualizations accessibleWriting with AIThe average AI criticism has gotten lazy, and that's dangerousRobin Rendle — I am a poem I am not softwareHTML: The Bad Parts - HTMHellOn the merits & limitations of React & single-page appspagefind-search Web Component—zachleat.comHTML Web Components are Just JavaScript?Psychology of Speed: A Guide to Perceived Performance - CalibreExclusive accordions exclude · Eric EggertCSS { In Real Life } | What to Blog About When You Don’t Know What to Blog AboutElectromechanical Refreshable Braille Module : HackadayPrize 2023It's 2023, here is why your web design sucks. – Heather Buchel“The Folly of Design System “Foundations”,” an article by Dan MallA (more) Modern CSS Reset - Andy BellBurn baby burnout by Amy Hupe, content designer.DEF CON 31 - An Audacious Plan to Halt the Internet's Ensh*ttification - Cory DoctorowFluid Design Tools for a Responsive Design System WorldDesigning for the autistic communityThe ideal viewport doesn’t existComplementary SpaceWeb: How to document the screen reader user experience - Accessibility, Your Team and YouCSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends — Smashing MagazineHow (NOT) To Use Writing AIMinimalism is Getting Absurd: Updating Dieter Rams' 10 PrinciplesThings you forgot (or never knew) because of React - Josh Collinsworth blogToggles suck! | Axess LabOddContrastAn intro to designing accessible data visualizations by Sarah L. FossheimIs Frontend Web Development Sexist?Blockquotes in Screen ReadersFormative postsFighting inter-component HTML bloatStick to boring architecture for as long as possibleDesigning services for people who need help with numbersDos and don'ts on designing for accessibilityBuilding for ADHD will make your product better for everyoneDyslexia friendly style guide - British Dyslexia AssociationWhat is self-documenting code?CSS { In Real Life } | Reducing Complexity in Front End DevelopmentTailwind and the Femininity of CSSReluctant Gatekeeping: The Problem With Full StackConverge London 2022 - Amy Hupe: Your design system contribution practice is doomed to failIs it accessible?Redesigning for Cognitive EaseThe only accessibility specialist in the room - TetraLogicalASpicy specificationsEnding design handoff: this is our fightThe Best Handoff Is No Handoff — Smart Interface Design PatternsThe five types of people who produce inaccessible codeDisability Visibility - Rachele DiTullio☁️ Define DefineCan You Be A Designer If You Have No Training? | Henry From OnlineWhat’s new in CSS - WWDC23 - Videos - Apple DeveloperHow drawing helps you think | Ralph AmmerThe Creative Switch - Ralph AmmerOpportunities for AI in Accessibility :: Aaron GustafsonThe devil you know | everything changesThe Risks of Staying PutDebunking the Tech Hype Cycle with Dan OlsonNo, ‘AI’ Will Not Fix AccessibilitySome blogging mythsNvidia Should Sell GeForce.Watch Out for Layout Shifts with ‘ch’ UnitsRe-evaluating px vs em in Media QueriesHow to use the placebo effect to (actually) feel betterThe Accessibility to Burnout PipelineA Richer Canvas - Mark BoultonResponsive design: seams & edgesCSS wishlist 2023codedisplay: contents/code considered harmfulShould vs Want | Matt Wilcox, Web Developer & TinkererMarkdown images are an anti-patternBoringness in Design SystemsThe Most Exciting Design Systems Are Boring | Big MediumToo scared to startThinking on ways to solve color palettesThe ongoing defence of frontend as a full-time jobThings You Should Never Do, Part IWhose web is it, anyway?On browser compatibility and support baselines · molilyMeeting WCAG Level AAA - TetraLogicalDesign Systems CollectionIt is not me who is bad, it is the machine, you see. - Chris CoyierSlow designBuild the ArchiveSometimes the job is an assembly lineAccessibility auditing tips from Nathan KnowlerIcon transcendence: customizing icons to complement fontsFunctional documentation: HeydonWorksRealtime ColorsDon’t use custom CSS scrollbarsGive it the Craigslist testThe webdev social schismBlue skies over Mastodon | Erin KissaneStickersInclusive Design PrinciplesDeveloper with ADHD? You’re not alone.A Design System Governance Process Chart WalkthroughAccessible design systems - TetraLogicalBut My Client Wants ...Simple Truths About Personal Websites · Matthias Ott – User Experience DesignerScott Kellum – Mapping Typography – btconf Düsseldorf 2023Sophie Koonin – This Website Is under Construction, a Love Letter to the Personal Website – btconfA Responsive Accessible TableCSS HD GradientsA Design System Governance ProcessHow A Screen Reader User Surfs The WebHome streamKilotypeCSS Custom Properties Beyond the :root · Matthias Ott – User Experience DesignerRead-only web appsA “Best viewed with…” GagThe power of protest with graphic designer Kemba EarleAdd punctuation to your alt textStarting design work in a spreadsheetContainer Query Units and Fluid Typography | Modern CSS SolutionsFigma: How to create fluid Typography Scales with Design Tokens - Tutorial with Jan SixCreating Themeable Design Systems with BRAD FROST - SmashingConf San Francisco 2022Wise DesignA look at CSS Resets in 2018 | bitsofcodeDesign-ish systems. — ethanmarcotte.comI could spend the rest of my life clearing the decks, if I'm not carefulChoosing a name for your design systemSandcastlesFoundations of Type DesignOH no Type SchoolGetting Started with Typeface Design — Jonathan HoeflerOrganizing the Eleventy config file | Lene SaileAn alt Decision TreeHandbookUsing text symbols in pseudo-elements accessiblyNeurodiversity Design SystemLearn ImagesVariable Font Course with TypeartureBuilding an accessible theme picker with HTML, CSS and JavaScript. by Sarah L. FossheimSibling Scopes in CSS, thanks to :has() and ~gridless.designHenry From Online | How To Make a WebsiteUnordered, incomplete list of things I want from a jobDesign systems and structured content by Amy Hupe, content designer.Speed for who?The Performance Inequality Gap, 2023 - Infrequently NotedUse the dialog element (reasonably) | scottohara.meModalz Modalz ModalzFront-end Developer, Designer, and CreativeJavaScript, Community—zachleat.comThe Great Divide Was Indeed Divisive - Chris CoyierLayout & Grid in Design SystemsAn iterative process to our agency website design - Set StudioCSS-only Widgets Are InaccessibleLife in WeeksDesign tokens are a language for communicating intent between disparate parts of a system" by Jeff EatonWhy do they ignore my awesome design documentation?Buster’s NotesWe need accessibility action — Now! · Eric EggertNaming Tokens in Design SystemsNot By AI — Add the 'Not By AI' Badge to Your Creative WorkSara JoyAlistair ShepherdChristopher Kirk-NielsenHow To READMEI Can’t BreatheWhy most design systems implodeThe Patchability of the Open WebMy therapist suggested I talk to my inner child. I thought she was joking – but it changed everythingBe Gay, Do Design T-ShirtState of Web Components August 2022On Using Web Component LibrariesInto the Personal-Website-VerseHow to fight fascism? - Mike MonteiroComponents Are Pure OverheadThe JS-industrial-complexDesign Systems For FigmaShould design systems include problematic components and patterns? by Amy Hupe, content designer.Design Systems at Scale // Episode 6: Maintaining and Evolving Your Design SystemDesign Systems at Scale // Episode 5: Proven Strategies for Scaling Your Design SystemDesign Systems at Scale // Episode 4: New Roles & Processes for Design SystemsDesign Systems at Scale // Episode 3: Applying Atomic Design and Choosing a PilotDesign Systems at Scale // Episode 2: Selling the Value of Your Design SystemDesign Systems at Scale // Episode 1: The Heartache of Design at ScaleSpacing in Design SystemsGenders.WTFSetting up a screen reader testing environment on your computerLandmarks and where to put them - HTMHellDesign Systems Handbook—from DesignBetter.CoWhere Web Components Went Wrong (And How We Can Turn It Around)Mastodon and federationHow to name your colors in a Design SystemDesigning for people with dyscalculia and low numeracyJSPM - ES Module Package Manager and CDNThere Is No Document Outline Algorithmforever like thisSeirdy's HomeAI-Generated Images from AI-Generated Alt TextPhoto editorVideo editorPhil Wolstenholme's personal website, blog and portfolioOpen Props okLCH beta · March 31, 2023Cascading Colors DocumentationLynne CartyIgalia Chats: Mega Safari releaseFonts Designed by Queer Type DesignersOpen FoundryPangram FoundryEveryone is racing to copy Apple. Here's why.Input types a11yCustom Open Graph Images, yet another wayGoogle fonts hate her, speed up your website with this one weird trick!DomainsCSS NestingDetails summary markerRaycast wrappedCSS mesh gradients generator: Mesher Tool by CSS HeroThe Spoon Theory written by Christine Miserandino - But You Dont Look Sick? support for those with invisible illness or chronic illnessThe Practical Accessibility CourseDesign after CapitalismA Whole Cascade of LayersThere is no character limit for “alt text”: Myth Debunked! · Eric EggerttweetbackLearn AccessibilityColor and Contrast.comLet's talk about web componentsElement.closest()Carol.ggOh Hello AnaInfinite CanvasCSS Grid vs Flexbox: How to decide (with examples)Medicare Item Numbers for GRSHarder than being disabledShadow DOM-less Web Component libraryJohn “Jovo” Voss, DesignerMy ADHD medication contains glutenCascade layersMeet the top layer: a solution to z-index:10000 - Chrome DevelopersPop-ups: They're making a resurgence! - Chrome DevelopersThe 88x31 GIF Collection | Part 1YAML is strictWeb Components as templatesDesign systems in an agencyThe right number of design tokensDesign engineeringAstroMy website is my only projectStop using active classesD3On ratings and meters – Lea VerouThe New York Times’ Natalya Shelburne: Bridging the designer and developer divide by building trust434: Natalya Shelburne on Design Engineering - ShopTalkDesign Engineering HandbookThis Content Won't Architect ItselfNo Demo [Website] RenoModern alternatives to BEMModern CSS resetStylized TextNo Comment 2: The WebmentioningGit xcrun errorResilient Web DesignThe “P” in Progressive Enhancement stands for “Pragmatism” - Andy BellStop Using ‘Pop-up’Stop Using ‘Drop-down’Adrian RoselliTroubles with backdrop-filter and SVG clippingColor.js: Let’s get serious about colorlocalghostWebsite Carbon Calculator | How is your website impacting the planet?Tabs vs. Spaces: It's an Accessibility Issue • Adam TuttleMin-Max-Value InterpolationFancy Border Radius GeneratorMutant StandardAndrew LisowskiI Dropped Out of My Computer Science Degree to Learn Codingusesnatto.dev - write JavaScript on a 2D canvasCSS underline/overlay animation - a Collection by Temani Afif on CodePenhome sweet homepageVariable FontsCSS Container Queries For Designers - Ahmad ShadeedVariable fonts in real life: how to use and love them — Martian ChroniclesTweaking In The Browser - Ahmad ShadeedKern TypeUnderstanding Layout AlgorithmsImplement a Skip Link for Navigation-Heavy SitesBen's Humane Guide to Technical BloggingComponent Spacing in a Design System | CSS-TricksTypography is impossibleBo Burnham vs. Jeff Bezos - Video EssayTom Critchlow - Move. Think. Create.Huetone • Make colors accessibleCreating Generative SVG Grids - Frontend HorseRelearn CSS layoutThe complete guide to CSS media queries | Polypane, The browser for ambitious developersCreating an SVG path drawing animation.Amelia WattenbergerJosh W ComeauAndy MatuschakA Brief History & Ethos of the Digital GardenMy blog is a digital garden, not a blogCSS Gradient GeneratorBrian LovinMake Atomic Git Commits | Aleksandr HovhannisyanThe BuzzFeedification of Mental Healthmelody.devComposition over InheritanceCreativity and imaginationEstimating time for tasksExecutive functionFinding the perfect appHabit CreationSpace to thinkThoughts on Web ComponentsAboutArchiveBlogBrag documentBookmarksCVFeedsGuestbookLuluMastodonDigital gardenMeWhat I'm Doing NowProjectsRésuméSalary historySearchSpeakingTILUsesWriting
The deskilling of web dev is harming the product but, more importantly, it's damaging our health – this is why burnout happens
Design tokens are a language for communicating intent between disparate parts of a system" by Jeff Eaton
My therapist suggested I talk to my inner child. I thought she was joking – but it changed everything
The Spoon Theory written by Christine Miserandino - But You Dont Look Sick? support for those with invisible illness or chronic illness