Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

“2022” News Archive (2)

Entry (Sources) and Additional TopicsDate#
Digital Accessibility—Ask Me Anything (tpg)1,639
videos, accessibility
Applying the 8 Golden Rules of User-Interface Design (uxm)1,638
design, usability, consistency
Common ARIA Mistakes and How to Avoid Them (ale)1,637
accessibility, html, aria, mistakes
CSS Specificity for Beginners (nic)1,636
css, selectors, cascade
Data-Oriented Django (ada)1,635
videos, django, algorithms
Designing for Users With Disabilities: 10 Factors to Consider (uxm)1,634
accessibility, design, usability
Edit Someone Else’s Website: “contenteditable” and “designMode” (aus)1,633
html
Forging Successful Partnerships With Software Developers (uxm)1,632
collaboration, design
The Proprietary Syndication Formats (chr)1,631
syndication, rss
Hands-On Guide to Color Fonts and “@font-palette-values” (zor/css)1,630
videos, guides, css, fonts
Secure JavaScript URL Validation1,629
javascript, validation, urls, security
Introducing html.to.design (div)1,628
introductions, html, design, figma, plugins, browser-extensions
Google on Alt Text SEO and Accessibility (joh+/sea)1,627
google, seo, accessibility, writing, alt-text, images
Don’t Be Arrogantly Ignorant: Don’t Flame1,626
career, communication
Next.js Crash Course1,625
videos, crash-courses, nextjs
The Wasted Potential of CSS Attribute Selectors1,624
css, attributes, selectors, bem
Why We’re Breaking Up With CSS-in-JS1,623
css, javascript, css-in-js
How to Rebase Stacked Git Branches (ada)1,622
how-tos, git
Introduction to WebC (5t3)1,621
introductions, webc
Moving From React to htmx (htm)1,620
migrating, react, htmx
Accessibility Checkers—a Good Start, Not a Solution (kno)1,619
accessibility, testing, tooling
Container Queries: Style Queries (bra)1,618
css, style-queries, container-queries
Utility Framework UnoCSS1,617
unocss, presentational-html, css
Design for Them Not for You (nng)1,616
videos, design, usability
New Brutalism and Web Accessibility: What You Need to Know1,615
design, brutalism, accessibility
Scoop: Meta Ending Support for Instant Articles1,614
facebook+meta, support
Microfrontends: Microservices for the Frontend1,613
micro-frontends, microservices
A Pure CSS Gallery Focus Effect With “:not” (css)1,612
css, selectors
Augmenting Node.js With WebAssembly (nea)1,611
videos, nodejs, webassembly
CDN (htt)1,610
web-almanac, studies, research, metrics, performance, content-delivery, tooling
Intro to Why Accessibility Is Important for Good SEO (deq)1,609
introductions, accessibility, seo
Should We Hire Junior Developer Advocates? (bla)1,608
hiring, advocacy, developer-relations, dei
Some Things I Took Away From an Event Apart 2022 in Denver (geo/css)1,607
web, accessibility, css
Two JavaScripts (rem)1,606
javascript
What I Learned About SVG Accessibility (Among Other Things) From NBC News’ Senate “What If” Project1,605
accessibility, svg, images, lessons
Why You Should Prefer Using pnpm Over npm and Yarn?1,604
pnpm, npm, yarn, comparisons
Upgrading Colors to HD on the Web (bra)1,603
css, colors
Representation in “alt” Text (aar)1,602
accessibility, dei, writing
Speeding Up Async Snippets (css)1,601
performance, javascript, asynchronicity
Early Days of Container Style Queries (geo/css)1,600
css, container-queries, style-queries
Create a Passkey for Passwordless Logins (age)1,599
authentication, security, passkeys
The Web’s Next Transition (ken)1,598
web-apps, multi-page-apps, single-page-apps, progressive-enhancement
How to Animate CSS Box Shadows and Optimize Performance1,597
how-tos, css, animations, shadows, performance
Design Specifications Template1,596
design, templates
Sustainable Web Development Strategies Within an Organization (mic/sma)1,595
sustainability, performance, optimization
The Border Property You Never Knew You Needed (kev)1,594
videos, css
Tree Views in CSS (kat)1,593
css
Wired.com: 20 Years Later (sto)1,592
design, retrospectives, case-studies
Quick Tip: How to Use the Ternary Operator in JavaScript1,591
how-tos, javascript, operators, tips-and-tricks
Bun? Deno? Node.js? Creating Your Own JavaScript Runtime Using V8, Libuv, and More1,590
videos, javascript, runtimes, v8
A Little Semantic HTML Trick for React Components1,589
react, html, semantics, components, tips-and-tricks
Delightful UI Animations With Shared Element Transitions API II (cod/sma)1,588
javascript, animations, transitions, apis
How to Write Good Alt Text (cfe)1,587
how-tos, accessibility, writing, alt-text, images
HTML 2022: 20 Additional Observations From Analyzing the Web Almanac Data (j9t)1,586
html, metrics, web-almanac
SVG Sprites: Old-School, Modern, Unknown, and Forgotten (pep)1,585
svg, images, sprites, performance
WCAG 2.2 Success Criteria1,584
accessibility, wcag
When New CSS Features Collide: Possibility and Complexity at the Intersections (rac)1,583
slides, css, complexity, interoperability
:where :is CSS?1,582
css, selectors
New Patterns for Amazing Apps (tom)1,581
web-apps
Landing the Second Click: A Guide to Designing Better Landing Pages1,580
guides, design, landing-pages, user-conversion
Challenges of Multi-Brand Design Systems1,579
design-systems, branding, theming
Turn Around Your Git Mistakes in 17 Ways1,578
git, productivity, mistakes
Personas: Study Guide (nng)1,577
guides, personas, usability, training, link-lists
Usability Heuristic Frameworks: Which One Is Right for You?1,576
usability, research
4 Required Tests Before Shipping New Features (5t3)1,575
accessibility, testing
Layout Breakouts With CSS Grid1,574
css, grids, layout
Prioritizing Technical Debt With Hotspots1,573
videos, technical-debt, visualization, prioritization
Understanding “async” and “await”1,572
javascript, asynchronicity
2022 Web Almanac Report Finds WordPress Adoption Is Growing, Adds New Page Builder Data (sar)1,571
studies, research, web-almanac, wordpress, content-management
A Short Story of the Google Error Page (j9t)1,570
history, google, error-pages
Adding Components to Eleventy With WebC (zac)1,569
eleventy, components, webc
Awesome Tools for Open Source Contributions1,568
tooling, foss, documentation
Debugging CSS, No Extensions Required (kev)1,567
videos, css, debugging, browsers, browser-extensions
Five Months Worth of Takes on the Digital Accessibility Space1,566
accessibility, testing, tooling
How to Safely Pass Data to JavaScript in a Django Template (ada)1,565
how-tos, javascript, django
How to Safely Share Your Email Address on a Website (css)1,564
how-tos, communication, email
The Future of Rendering in React (psu)1,563
react, client-side-rendering, server-side-rendering
Unless You’re in the Mafia, Your Company Isn’t Your Family (cod)1,562
career
WordPress.org Plugin Developers Demand Transparency Regarding the Removal of Active Install Growth Data (sar)1,561
wordpress, plugins, metrics
How to Optimize Resource Loading With the “fetchpriority” Attribute (mat/deb)1,560
how-tos, html, performance, optimization
The Future of the Web Is on the Edge (den)1,559
deno, edge-computing
AI Code Completion Is Like Cruise Control—and That’s Great News for Bigger Teams (cod)1,558
ai, code-completion, productivity, collaboration
Front-End Development Is Like… (geo)1,557
career
Patching the Open Web (jim)1,556
open-web
Use “npm query” and jq to Dig Into Your Dependencies1,555
videos, npm, dependencies, auditing
Using Web Components With Next (or Any SSR Framework) (ada/css)1,554
web-components, nextjs, server-side-rendering
Easy Fluid Typography With “clamp()” Using Sass Functions (uti/sma)1,553
liquid-design, typography, css, sass, functions
Foundations: HTML Semantics (ihe/tet)1,552
accessibility, fundamentals, html, semantics
Top 10 CSS One Liners That Will Blow Your Mind1,551
videos, css
Quick Tip: How to Use the Spread Operator in JavaScript1,550
how-tos, javascript, operators, tips-and-tricks
A CSS Class-Naming Convention Might Still Be Your Best Choice (ben)1,549
css, naming, conventions
CSS Grid vs. Flexbox: How to Decide (With Examples) (ell)1,548
css, grids, flexbox, layout, comparisons, examples
Designing a Secure API1,547
software-design, apis, security
Four Ways to Pick the Right UX Method1,546
user-experience, research
When Going Somewhere Does a Thing: On Links and Buttons (kil)1,545
accessibility, html, links, buttons, semantics
Where Are the Accessibility Statements? Digital Accessibility Shouldn’t Be a Surprise (deq)1,544
accessibility, documentation
Component-Level Design Tokens: Are They Worth It?1,543
design-tokens, components
CSS Halftone Patterns (mic)1,542
css, effects, halftone
The Missing Math Methods in JavaScript1,541
javascript, math, methods
3 Things to Consider Before You Implement CAPTCHA for Accessibility1,540
accessibility, captcha
Can Consistency Harm Your Product?1,539
design, consistency
One Formula to Rule Them All: The ROI of a Design System1,538
design-systems
A Beginner’s Complete Guide to Form Accessibility: The 5 Things Accessible Forms Need and How to Fix Common Errors (pop)1,537
guides, accessibility, forms
Busting the Myths About Agile Development and User Research (uxm)1,536
agile, user-experience, research, myths
CSS-Only Type Grinding: Casting Tokens Into Useful Values1,535
css, design-tokens
Delightful UI Animations With Shared Element Transitions API (cod/sma)1,534
javascript, animations, transitions, apis
I Changed My Mind About Writing New JavaScript Frameworks (whi)1,533
javascript, frameworks
I Turned JS Into a Compiled Language (for Fun and Wasm) (sur)1,532
javascript, compiling, webassembly
Jenkins Best Practices Every Developer Must Know1,531
jenkins, best-practices
Minimalism as Narcissism1,530
minimalism
Mobile UX Design in 2022 (uxm)1,529
user-experience, mobile, design
The Difference Between “undefined” and “not defined” in JavaScript1,528
javascript
Phylum Detects Active Typosquatting Campaign Targeting npm Developers1,527
npm, dependencies, security
Software Engineering Practices (sim)1,526
best-practices, documentation, testing, migrating, formatting, environments, automation
Ten Years of TypeScript (dan/typ)1,525
typescript
What Is Website Minimalism?1,524
minimalism, design
A Web Component Story1,523
web-components, design-systems
Building Delight in Your Design System (lur/zer)1,522
design-systems, user-experience
depngn1,521
packages, npm, nodejs, dependencies
Getting Started With WordPress Block Development (css)1,520
wordpress, introductions
How to Scale SVG (ame/css)1,519
how-tos, scaling, svg, images
Templating in HTML (kit)1,518
html, javascript
Why UX? (nng)1,517
videos, user-experience
Choosing the Best Node.js Docker Image1,516
nodejs, docker
Learn Accessibility (car)1,515
courses, accessibility
Optimize Long Tasks (mal)1,514
performance, javascript, optimization
CSS Selectors—Cheat Sheet for Class, Name, Child Selector List (fre)1,513
css, selectors, examples, cheat-sheets
“:has()” Opens Up New Possibilities With CSS (kev)1,512
videos, css, selectors
Intersectionality, Accessibility, and Inclusion (int)1,511
videos, accessibility, dei
State of CSS 2022 (sac+/dev)1,510
surveys, css
Yes, Accessibility Is Also a Backend Concern (eri)1,509
accessibility
Software Development Has No Gatekeeping (fla)1,508
programming
How to Center a Div Using CSS Grid1,507
how-tos, css, grids, centering
Why You Should Care About Design in Uncertain Times1,506
design
Getting the Power of Vim in WebStorm and Other JetBrains IDEs (jet)1,505
code-editors, jetbrains, webstorm, vi+vim
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)1,504
performance, multimedia, images, gif, html
How to Make Your Designs Scannable (and Why You Should) (web)1,503
how-tos, design, usability
How to Return Multiple Values From a Function in JavaScript (ami)1,502
how-tos, javascript, functions
Let Me Understand How JavaScript Works Under the Hood1,501
javascript
Performance Budgets: The Easiest Way to a Faster Site (fox/cal)1,500
performance, performance-budgets
This Site’s Type Is Now Variable (ell)1,499
typography, fonts, variable-fonts, css
Websites Need to Be Accessible to Be Inclusive1,498
accessibility, dei
7 Things to Consider When Working On a Personal Project1,497
career, learning
Dear Console… (cod)1,496
console, javascript
Don’t Worry, Nobody Is Replacing Node, Not Even Bun and Even Less Deno1,495
nodejs, bun, deno
Five Data-Loading Patterns to Boost Web Performance (sma)1,494
performance
Named Element IDs Can Be Referenced as JavaScript Globals (css)1,493
javascript, html
Closing a 30 Pixel Gap Between Native and Web (pat)1,492
web-apps, browsers, web, native
Learn HTML (est)1,491
courses, html
A Deep Dive Into WCAG 2.2—and Beyond (yat)1,490
podcasts, accessibility, wcag, deep-dives
Useful JavaScript Math Functions and How to Use Them1,489
javascript, math, functions
100 Days of More or Less Modern CSS (mat)1,488
css
6+5 Ways to Make a Two-Column Layout: From Pretty Reasonable to Completely Wrong (pep)1,487
layout, css
CMS (htt)1,486
web-almanac, studies, research, metrics, content-management
CSS (rac/htt)1,485
web-almanac, studies, research, metrics, css
Fonts (htt)1,484
web-almanac, studies, research, metrics, fonts
How to Create Wavy Shapes and Patterns in CSS (css/css)1,483
how-tos, css, effects
How to Get All Sibling Elements of a Link or Button With Vanilla JavaScript (cfe)1,482
how-tos, links, buttons, javascript
HTTP (htt)1,481
web-almanac, studies, research, metrics, http, protocols
I Am Not That Excited About New CSS Features (cit)1,480
css
Interoperability (bka/htt)1,479
web-almanac, studies, research, metrics, interoperability
Markup (j9t/htt)1,478
web-almanac, studies, research, metrics, html
Media (htt)1,477
web-almanac, studies, research, metrics, multimedia, images
The New Wave of JavaScript Web Frameworks1,476
javascript, frameworks, react, vuejs, svelte, solidjs
Security (htt)1,475
web-almanac, studies, research, metrics, security
Accessibility (htt)1,474
web-almanac, studies, research, metrics, accessibility
JavaScript (mal/htt)1,473
web-almanac, studies, research, metrics, javascript
Sustainability (htt)1,472
web-almanac, studies, research, metrics, sustainability
SEO (htt)1,471
web-almanac, studies, research, metrics, seo
Page Weight (jam/htt)1,470
web-almanac, studies, research, metrics, performance
K-Means Clustering Visualization Using D3.js1,469
visualization, javascript
Continue Using .env Files as Usual1,468
environments, security
Streamable HTML Fragments (dev)1,467
html, streaming
Two Things I Learned by Validating My HTML Again1,466
html, conformance, lessons
Writing Composable SQL Using JavaScript1,465
javascript, databases, sql
Audience-Based Website Navigation (nng)1,464
videos, usability, navigation
A Designer’s Guide to Documenting Accessibility (ste)1,463
videos, design, accessibility, documentation
Attitudes to Digital Accessibility Survey 20221,462
surveys, accessibility, dei
Quick Reminder: HTML5 “required” and “pattern” Are Not a Security Feature (cod)1,461
html, forms, security
The Indisputable Truth About Accessibility1,460
videos, accessibility
Things I Wish I Had Known About Angular When I Started (sma)1,459
angular
Top Task Analysis: Make It Fast and Efficient (boa)1,458
processes
Use Cases for CSS Comparison Functions (sha)1,457
css, functions
Randomness in CSS1,456
css, randomness
Blind People Need to Be Considered More When Making Data Visualizations1,455
accessibility, information-design
Speedy CSS Tip! Animated Loader (jhe)1,454
css, tips-and-tricks
Testing Web Design Color Contrast (arg)1,453
testing, colors, contrast
5 Ways That UX Developers Influence SEO (web)1,452
user-experience, seo
Creative Section Breaks Using CSS “clip-path” (zor/css)1,451
videos, css, masking, clipping
Designing Better Inline Validation UX (vit/sma)1,450
forms, validation, user-experience
Element Timing: One True Metric to Rule Them All? (spe)1,449
performance, time, apis, metrics
Rest vs. Spread Syntax in JavaScript (ami)1,448
javascript, comparisons
Will Serving Real HTML Content Make a Website Faster? Let’s Experiment!1,447
studies, research, html, performance
Inspect and Modify CSS Animation Effects (pat+)1,446
browsers, microsoft, edge, dev-tools, css, animations, debugging
A “details” Element as a Burger Menu Is Not Accessible (ger/clo)1,445
html, disclosure-widgets, semantics, accessibility
Accessibility Is Systemic (ada)1,444
accessibility
Clarifying Color Contrast and Font Size Guidelines (mar)1,443
accessibility, colors, contrast, readability
Container Queries Are Going to Change How We Make Layouts (kev)1,442
videos, css, container-queries, layout
CSS Rules vs. CSS Rulesets (lou)1,441
css, comparisons
It’s Good to Make Mistakes (tem)1,440
accessibility, design, mistakes
Prototyping to Learn (dav)1,439
prototyping, learning
React I Love You, but You’re Bringing Me Down1,438
react
Type-Level TypeScript1,437
websites, typescript
The Web Is Good Now (chr/cas)1,436
videos, web
Shell Scripting With Node.js (rau)1,435
books, nodejs, shells
Making Your Web Pages Printer-Friendly With CSS (cra)1,434
css, print
Why Designers Quit1,433
design, career
How to Generate Random Numbers in JavaScript With “Math.random()”1,432
how-tos, javascript, math, randomness
5 Ways to Use Data Visualization in Your Content to Increase Traffic (uxm)1,431
visualization, content, traffic, optimization
Building a Retro Draggable Web Component With Lit (and/sma)1,430
web-components, javascript
CSS Drawings (alv)1,429
css, art
How Rapid Usability Testing Is Changing UX Research (uxm)1,428
usability, user-experience, research, testing
Stop Using .env Files Now1,427
environments, security
Rethinking a Design System1,426
design-systems
Web Sustainability and the Ethical Dilemma (mic)1,425
sustainability, ethics, web
How to Get the Current Timestamp in JavaScript1,424
how-tos, javascript
5 Tips for Prioritizing Dependabot Alerts1,423
dependabot, alerting, tips-and-tricks
Design 4.0: Leading Design in the New Industry1,422
design
Debunking Myths About HTTPS1,421
http, security, myths
Accidental Dismissal of Overlays: A Common Mobile Usability Problem (nng)1,420
usability, mobile, overlays
The Git Commands I Use Every Day1,419
git, command-line
Accessibility Is for Every One1,418
accessibility
Brief Note on Super- and Subscript Text (aar)1,417
html, accessibility, support, assistive-tech
How to (Not) Make a Button1,416
how-tos, accessibility, buttons, semantics, html
When Design Systems Lie (css)1,415
videos, design-systems
7 Must Know JavaScript Tips and Tricks1,414
javascript, tips-and-tricks
Accessibility in Times of Headless (sma)1,413
accessibility, content-management, headless
Buttons and the Baader–Meinhof Phenomenon (mat)1,412
buttons, accessibility
Design Tokens 1011,411
design-tokens
Designing for People With Cognitive Disabilities and Everyone Else1,410
videos, accessibility, design
How to Substantially Slow Down Your Node.js Server1,409
how-tos, performance, nodejs
I Never Thought This Would Be Possible With CSS (kev)1,408
videos, css, selectors
Invalid CSS (cit)1,407
css, conformance
Let’s Get Logical (ada)1,406
css, logical-properties
Total Blocking Time: A Short and Sweet Guide for Happier Users (ben/cal)1,405
performance, javascript
Why the Number Input Is the Worst Input1,404
html, forms, validation, accessibility
Five Things You Can Do to Be More Inclusive (dbo)1,403
dei, accessibility
Why Are Vanity Metrics Still Problematic?1,402
metrics
The Rise of the TikTok Pattern1,401
design, social-media
Container Queries in Browsers! (mia)1,400
css, container-queries, support
JavaScript APIs You Don’t Know About (mon/sma)1,399
javascript, apis
On Better Browsers: Arbitrary Media Queries and Browser UIs (kil)1,398
css, media-queries, accessibility
Quick Tip: Embedding YouTube Videos in GitHub Pages (cod)1,397
embed-code, youtube, social-media, github-pages, tips-and-tricks
Secure Your Node.js App With JSON Web Tokens (app)1,396
nodejs, json-web-tokens, security
The State of Digital Accessibility: Three Key Challenges (moz)1,395
accessibility, legal, web
W3C TAG Ethical Web Principles1,394
ethics, principles, w3c
When Is It OK to Disable Text Selection? (dxn/css)1,393
css, usability, accessibility
3 Problems Scrum Doesn’t Solve1,392
agile, scrum, processes
A Guide to Rounding Numbers in JavaScript1,391
guides, javascript
Better Accessible Names (hdv)1,390
accessibility, naming
Conditionally Spreading Objects in JavaScript (ami)1,389
javascript, objects
Disability Is Not a Dirty Word1,388
accessibility, communication
First Batch of Color Fonts Arrives on Google Fonts1,387
google, fonts, typography, colors
Intrinsic CSS With Container Queries and Units (mia)1,386
videos, intrinsic-design, css, container-queries, units
Making Sense of WAI–ARIA: A Comprehensive Guide (sma)1,385
guides, accessibility, aria, html
Node.js Native Binary Compilation Using Vercel pkg1,384
nodejs, compiling, vercel
PureComponents vs. Functional Components With Hooks (ade)1,383
react, components, hooks, comparisons
The Basics of Remix (css)1,382
fundamentals, frameworks, remix
The Power of CSS Blend Modes (spa/clo)1,381
css, blend-modes
What Is Data Engineering? (ger)1,380
concepts, data-engineering
Wtf Is an Island and Why Is It in My Website?1,379
frameworks, html, architecture, concepts
Detecting CSS Selector Support (mic)1,378
css, selectors, support, feature-detection
2022: 0 of the Global Top 100 Websites Use Valid HTML (j9t)1,377
html, css, conformance, metrics, quality, craft
Justin Yarbrough Talks About Alt Text1,376
podcasts, accessibility, writing, alt-text, images
Ladybird: A New Cross-Platform Browser Project1,375
ladybird, browsers
The “details” and “summary” Elements, Again (sco)1,374
html, disclosure-widgets, accessibility
The Seventh Way to Call a JavaScript Function Without Parentheses1,373
javascript, functions
Which Fonts to Use for Your Charts and Tables1,372
fonts, information-design, tables
My Five Biggest Design System Mistakes1,371
design-systems, mistakes
Best Practices for Creating a Modern npm Package1,370
best-practices, npm
Nuclear Footnotes (mey)1,369
footnotes, html, css
When Life Gives You Lemons, Write Better Error Messages1,368
user-experience, writing
How to Run Qodana CI in Backend and Frontend Sub-Folders of a Monorepo1,367
how-tos, jetbrains, qodana, ci-cd, monorepos, github-actions
Mastering DOM Manipulation With Vanilla JavaScript1,366
javascript, dom
Your Next.js Bundle Will Thank You1,365
nextjs, bundling, performance
Antipersonas: What, How, Who, and Why? (nng)1,364
usability, personas
Mastering These 7 Basics CSS Skills Will Make You a Frontend Wizard1,363
fundamentals, css
Converting PNG Images to WebP Using PHP (ami)1,362
conversion, images, png, webp, php
Make It Short—Make It Better1,361
javascript, minimalism
A Guide to Choosing the Right React State Management Solution (log)1,360
guides, react, state-management
Button Minimum Width (sha)1,359
css, buttons
CSS “line-height” (mar)1,358
css, typography
How I Made a Pure CSS Puzzle Game (css/css)1,357
css
How to Monitor a Next.js Application1,356
how-tos, nextjs, monitoring
Node Version Manager—nvm Install Guide (fre)1,355
guides, installing, nvm
Keeping Your CSS Small: Scopes, Containers, and Other New Stuff (tab/css)1,354
videos, css, scope, complexity
12 Modern UI Components to Inspire Your Future Designs1,353
design, components
A Quick Primer on Testing JavaScript (cfe)1,352
introductions, javascript, testing
Fresh 1.1—Automatic JSX, Plugins, DevTools, and More (lca/den)1,351
release-notes, fresh
Lightning CSS (dev)1,350
websites, css, lightning-css
Me and React: 5 Years in 15 Minutes1,349
react
Text Is the Universal Interface1,348
apis
What’s New With Forms in 2022? (oll/css)1,347
forms, javascript, html
Towards a Factory Model of Designing User Interfaces—Slotted Systems in Figma1,346
design, design-systems, figma
An Overview of Node.js: Architecture, APIs, Event Loop, Concurrency (rau)1,345
overviews, nodejs, architecture, apis, event-loop, events, concurrency
Are Modals in Web Design a UX Disaster? (web)1,344
design, user-experience, accessibility, modals
Detect When Users Switch Tabs Using JavaScript1,343
javascript
How Your Favourite UI Libraries Manage Their Icons (and)1,342
libraries, images, icons, maintenance
Rewriting Tests From Cypress to Playwright Using GPT31,341
testing, cypress, playwright, ai, code-completion, refactoring
WCAG 2.2 Hits Candidate Recommendation—but What Does It Mean? (int)1,340
wcag, standards
Building the Main Navigation for a Website (mat)1,339
navigation, html, css
Dependabot Unlocks Transitive Dependencies for npm Projects1,338
dependencies, npm, security, dependabot
A Whole Cascade of Layers (mia)1,337
css, cascade
An Attempt at Outlining the Many Factors Influencing Developer Experience (j9t)1,336
developer-experience, overviews
Hacking CSS Animation State and Playback Time (css)1,335
css, animations
How to Improve Largest Contentful Paint for Faster Load Times (fox/cal)1,334
how-tos, performance, web-vitals, optimization
Introducing Signals1,333
introductions, preact, state-management, signals
Rewrite Your Git History in 4 Friendly Commands (whi)1,332
git, command-line
So Your Designer Wants Stuff to Overlap (hui)1,331
design, css
The Realities and Myths of Contrast and Color (sma)1,330
accessibility, contrast, colors, myths
The Stubborn Computing Manifesto1,329
manifestos
W3C Accessibility Maturity Model (w3c)1,328
accessibility, processes, culture, leadership
How to Build Event-Driven Architecture on AWS? (has)1,327
how-tos, architecture, events, aws
Critical CSS? Not So Fast! (css)1,326
css, performance, critical-path
5 Reasons to Invest in User Experience (uxm)1,325
user-experience
Dreamy Blur1,324
css, svg, effects
Getting Started With MathML (mdn)1,323
introductions, mathml
Top 5 Technology Trends in UX Design (uxm)1,322
user-experience, design, trends
Understanding Regulatory Compliance and Making It Work on Your Web Site (uxm)1,321
compliance, legal
The Art of Writing Secrets: Encryption for JavaScript Developers (wom)1,320
cryptography, javascript, encryption
A/B Testing in 7 Steps to Quickly Improve Your Conversions (uxm)1,319
a-b-testing, user-conversion, optimization
HTML Markup Tips for Developing Accessible Websites (low)1,318
html, accessibility, aria
A Content Warning Component (kit)1,317
components, html, css
Infinite Scrolling: When to Use It, When to Avoid It (nng)1,316
usability, user-experience, scrolling
Prestige Is the Designer’s Achilles’ Heel1,315
design
A Beginner’s Guide to Design Tokens1,314
guides, design-tokens
Dear Oracle, Please Release the JavaScript Trademark (tin)1,313
javascript, licensing, legal, oracle
Disabled JavaScript Turns Off Native Lazy Loading (ste)1,312
javascript, html, performance, lazy-loading
Git Cheatsheet1,311
git, command-line, cheat-sheets
Big O Notation Basics Made Dead Simple1,310
fundamentals, algorithms
Focus Appearance Explained (tem)1,309
accessibility, wcag, forms, focus
The Accessibility and Usability Journey of Drupal’s Primary Navigation (sma)1,308
drupal, accessibility, usability
What Is a Webmention and How Do I Use It in WordPress?1,307
webmentions, wordpress
Is It “:modal”? (jhe)1,306
css, selectors, modals
“Accessibility at the Edge” W3C CG Is an Overlay Smoke Screen (aar)1,305
accessibility, overlays, w3c, history
Accessible Lists and Tables (pop)1,304
accessibility, html, lists, tables
Beginner’s Guide to Lists and How to Make Them Accessible (pop)1,303
guides, html, lists, accessibility
Comparing JAWS, NVDA, and VoiceOver (css)1,302
accessibility, screen-readers, comparisons, jaws, nvda, apple, voiceover
Default Exports in JavaScript Modules Are Terrible1,301
javascript
Don’t Overwrite Visual Labels With “aria-label” (ash)1,300
accessibility, html, aria, labels
How I Maintain OSS Projects1,299
foss, maintenance
How Is This Possible With CSS Only?! (kev)1,298
videos, css, custom-properties, selectors, animations
Useful JavaScript Data Grid Libraries (sma)1,297
javascript, libraries, grids, information-design, comparisons
DevTools Tips: How to Inspect and Debug CSS Flexbox1,296
how-tos, dev-tools, css, flexbox, tips-and-tricks, browsers, google, chrome
Is Design Thinking Overhyped?1,295
design
4 Ways to Minimize Your Dependencies in Node.js (app)1,294
nodejs, npm, dependencies
Neutrality Isn’t an Option When It Comes to Accessibility (kar)1,293
accessibility
Small Steps: Celebrating Four Accessibility Wins (red)1,292
accessibility, communication
CSS Container Queries Are Finally Here (sha)1,291
css, container-queries
Interpolating Numeric CSS Variables (geo/css)1,290
css, custom-properties
Things Not Available When Someone Blocks All Cookies (tom)1,289
cookies
Understanding “useMemo” and “useCallback” (jos)1,288
react, hooks
An Argument Against CSS Opacity (tpg)1,287
css, accessibility, colors, contrast, transparency+opacity
JavaScript Bugs Aplenty in Node.js Ecosystem—Found Automatically1,286
studies, research, nodejs, javascript, dependencies, security, quality, bugs
Cypress Testing: A Guide to Running Web Application Tests1,285
guides, testing, cypress
Monitor Events and Function Calls via Console (dav)1,284
javascript, events, monitoring
Parents Counting Children in CSS (mat)1,283
css, selectors
Should I Use a Button or a Link? (ash)1,282
html, buttons, links, semantics
What Makes A Great Toggle Button? II (sma)1,281
forms, toggles, usability
Communication Around Digital Accessibility Must Improve: How Users and Businesses Alike Are Failing to Advance Digital Accessibility1,280
accessibility, communication
An Ideal REST API—Best Practices1,279
apis, rest, best-practices
The Three Laws of Utility Classes (jar)1,278
css, presentational-html
Be Good-Argument-Driven, Not Data-Driven1,277
metrics, processes
Making a Twitter Bot in the Year 2022 With Node.js1,276
nodejs, twitter+x
Modern Alternatives to BEM (dav)1,275
css, sorting, naming, bem, comparisons
Using Grid Named Areas to Visualize (and Reference) Your Layout (css)1,274
css, grids, layout, visualization
What Is Closed Captioning?1,273
accessibility, multimedia, captions
On Design System Support1,272
design-systems
20 Principles I Learned From 10 Years of Developing Software1,271
principles
Complex Conditional Width Using “flex-basis” With “clamp” (hey)1,270
css, flexbox
Designing Better Error Messages UX (vit/sma)1,269
user-experience, usability, design, errors
Implementing Promisable “setTimeout”1,268
javascript, time
Installing and Running Node.js Bin Scripts (rau)1,267
installing, nodejs, npm
Short Note on “figure” and “figcaption” (ste)1,266
accessibility, html
Why Your Website Should Be Under 14 kB in Size1,265
performance, protocols
CSS Classes Considered Harmful (kei)1,264
css, html
5 Quick Ways to Check Your Site Against New WCAG 2.2 Standards1,263
accessibility, wcag, compliance
Accessibility and Supporting Internet Explorer (gra/tet)1,262
accessibility, browsers, microsoft, internet-explorer, support
Measure What You Impact, Not What You Influence (css)1,261
performance, metrics, optimization
TIL: You Can Access a User’s Camera With Just HTML (aus)1,260
html, permissions
Tracking the World in About 80 Lines of JavaScript (kzi)1,259
javascript, privacy
What Customer-First Web Design Looks Like (web)1,258
design, business-relations
Why Every University Needs an Accessible Standard Website Template1,257
accessibility, content-management, frameworks
Creative List Styling (mic)1,256
html, lists, css
What Is a REST API? (cra)1,255
apis, rest, javascript
The Design Principle Paradox1,254
design, principles
Exploring the Underrated “output” Element1,253
html
How to Use localStorage in JavaScript: An Easy Guide1,252
how-tos, javascript, browser-storage, guides
What’s the Value of a Design System? (ben+/sma)1,251
podcasts, interviews, design-systems
A Handy Use for Cascade Layers (mic)1,250
css, cascade
Does Accessibility Stifle the Creative Process?1,249
accessibility, processes, creativity
Scaling SCM Front-End Design With a Design System1,248
design-systems, scalability
8 Tricks for SVG Optimization1,247
images, svg, tips-and-tricks, optimization
Advanced TypeScript Patterns: API Contracts1,246
typescript, apis
Bring Focus to the First Form Field With an Error (aar)1,245
accessibility, forms, focus
Class-Less CSS Frameworks1,244
css, frameworks, minimalism, resets
Conducting an Effective Web-Site UX Audit (uxm)1,243
user-experience, auditing
CSS Grid and Custom Shapes II (css/css)1,242
css, grids, design
Mac VoiceOver Testing the Simple Way (spa/clo)1,241
accessibility, testing, screen-readers, apple, voiceover
What Makes a Great Toggle Button? (sma)1,240
forms, toggles, usability
Why User Personas Matter in UX Design (uxm)1,239
user-experience, usability, design, personas
Learn 5 Optimization Tips for Webpack Step by Step1,238
webpack, optimization, tips-and-tricks
Meet the Top Layer: A Solution to “z-index: 10000” (jhe)1,237
css, positioning
Prepare for WCAG 2.2 and Beyond (lev)1,236
videos, wcag, accessibility, standards
Design Systems: Prototyping on Steroids1,235
design-systems, prototyping
A Simple “clamp()” Function in PHP (ami)1,234
php, functions
You’re Not Using HTTP Status Codes Right1,233
http, protocols
A Guide to Using User-Experience Research Methods (nng)1,232
guides, user-experience, research
Screenshots Are Not Documentation1,231
documentation, screenshots, images
Re-Implementing JavaScript’s “==” in JavaScript (eva)1,230
javascript, operators
React Query vs. SWR1,229
videos, react, data-fetching, comparisons
Scaling a System1,228
design-systems, scalability
Marko.js—Super-Powerful JS Framework Made by eBay (gea)1,227
marko, frameworks, ebay
An Introduction to Context Propagation in JavaScript (sma)1,226
introductions, javascript
Inclusion Beats Optimization (eri)1,225
accessibility, dei, optimization
Use the Right Container Query Syntax (mia/odd)1,224
css, container-queries
Using “:has()” as a CSS Parent Selector and Much More (jen/web)1,223
css, selectors
When Do You Use CSS Columns? (geo/css)1,222
css, layout
Optimize Data Fetching1,221
data-fetching, performance
Better Conditionals in CSS Media Queries With Range Syntax (ami)1,220
css, media-queries, conditionals
Outline Is Your Friend (mat)1,219
css, accessibility
React Re-Renders Guide: Preventing Unnecessary Re-Renders (ade)1,218
guides, react, client-side-rendering
Dependency Injection in JS/TS (cod)1,217
javascript, typescript
Can Browsers Optimize the Loading of Third-Party Resources? (add)1,216
performance, browsers, embed-code
How the CSS “:is”, “:where”, and “:has” Pseudo-Class Selectors Work (cra)1,215
css, selectors
Color and Contrast1,214
websites, guides, colors, contrast
Designing a Better Back Button UX (vit/sma)1,213
user-experience, usability, buttons
Why React Re-Renders (jos)1,212
react, client-side-rendering
Introduction to Screen Readers (Desktop Edition) (bru)1,211
videos, introductions, accessibility, screen-readers, desktop
CSS Grid and Custom Shapes (css/css)1,210
css, grids, design
Table Column Alignment With Variable Transforms (mey)1,209
html, css, tables, transforms, alignment
Top 9 Ways to Become a Successful Self-Taught Developer1,208
career, learning
What Are Design Tokens?1,207
design-tokens
Building Accessible Select Components in React1,206
components, react, forms, accessibility
Check Heading Accessibility Using the WAVE Tool (pop)1,205
videos, accessibility, headings, assistive-tech, tooling, testing
Accessible User Experience and A/B Testing1,204
accessibility, user-experience, a-b-testing, optimization
Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (add)1,203
html, performance, web-vitals
What Was That Media Query Code Again?1,202
websites, css, media-queries
5 Modern CLI Tools That Help Boost Your Productivity1,201
tooling, productivity
An Introduction to Constraint Based Design Systems1,200
introductions, design-systems
Automation and Accessibility—What You Need to Know1,199
videos, accessibility, automation
Custom Event Naming Conventions (cfe)1,198
javascript, events, naming
On Ratings and Meters (lea)1,197
semantics, html, css
(Re-)Introducing Gatsby, a Reactive Site Generator1,196
gatsby, react, performance, reactivity, site-generators, introductions
The Console API1,195
javascript, console, apis
Websites: Past and Present1,194
web, design, history
Creative CSS Layout (mic/css)1,193
videos, css, creativity, layout
If You’re Not Checking, You’re Guessing (nng)1,192
videos, user-experience
Do You Know About “overflow: clip”? (kil)1,191
css, overflow
How and Why We Removed jQuery From GOV.UK1,190
jquery, performance, maintainability
Results of Quick Testing of Documentation Tools’ Accessibility1,189
accessibility, documentation, tooling
TypeScript: It’s Not Actually Validating Your Types1,188
typescript, validation
Modern CSS Selectors (cra)1,187
css, selectors
TypeScript vs. JavaScript: Which One You Should Use, and Why1,186
typescript, javascript, comparisons
Here, Here, and Here (tem)1,185
usability
Designing for Long-Form Articles (dxn/css)1,184
design, content
Accessibility Is Writing1,183
accessibility, writing
Brief Note on Calendar Tables (aar)1,182
accessibility, tables, assistive-tech
Code Golfing Tips and Tricks: How to Minify Your JavaScript Code1,181
how-tos, javascript, minification, tips-and-tricks
Core Web Vitals Tools to Boost Your Web Performance Scores (sma)1,180
performance, web-vitals, tooling
Defining “Integration” Tests1,179
testing
How to Research Components and Patterns: Common Challenges and How to Overcome Them1,178
how-tos, design-systems, components
SEO Links Obfuscation and Accessibility Problems1,177
seo, links, obfuscation, accessibility
Stream Videos With WebRTC API and React (cod)1,176
webrtc, apis, react, multimedia
The Death of Mozilla Is the Death of the Open Web1,175
open-web, mozilla
The JavaScript Paradox (rya/thi)1,174
javascript
Zooming Images in a Grid Layout (css/css)1,173
css, grids, effects
Dark Mode With Design Tokens (luk)1,172
design-tokens, dark-mode
5 Good Practices to Scale Your React Projects Easily1,171
react, scalability, best-practices
Bringing Perspective to CSS1,170
css
Capturing Images and Videos From the Camera of Mobile Devices Using HTML (ami)1,169
html, multimedia, mobile
No Demo [Website] Reno (mia)1,168
design, processes
The Infinite Marquee1,167
html, css, animations, effects
How I Added Scroll Snapping to My Twitter Timeline (sim/css)1,166
css, scrolling, twitter+x
Polyhierarchy in Information Architecture (nng)1,165
videos, information-architecture
New in Structured Data: Pros and Cons1,164
structured-data, google, search, seo
How to Use Multithreading in Node.js (dig)1,163
how-tos, nodejs, multithreading
5 Heading Accessibility Issues and How to Fix Them (pop)1,162
accessibility, headings, microcontent
AI-Generated Images From AI-Generated Alt Text (aar)1,161
accessibility, images, writing, alt-text, ai
Light/Dark Mode1,160
css, javascript, dark-mode
Not All Zeros Are Equal (mia/odd)1,159
css
One-Dimensional Website Optimization Considered Harmful (j9t)1,158
optimization, quality
What Are Best Practices for Creating Alt Text?1,157
accessibility, writing, alt-text, images, best-practices
One Year of Coding—Recommendations for Beginners From a Beginner1,156
learning, semantics, accessibility
“:has()”: The Family Selector (jhe)1,155
css, selectors
Introducing the New npm Dependency Selector Syntax1,154
npm, introductions
Migration From jQuery to Next.js: A Guide (sma)1,153
guides, migrating, jquery, nextjs
A Delightful Guide to Culture at Mamo (Inspired by Khalil Gibran)1,152
case-studies, guides, culture
Introduction to SolidJS1,151
introductions, solidjs
Making a Website Under 1 kB1,150
performance, minimalism, html
Popular Node.js Patterns and Tools to Re-Consider1,149
nodejs, tooling
Upload An Image With Node.js (rik)1,148
nodejs, images, file-handling
Finer Grained Control Over CSS Transforms With Individual Transform Properties (bra+)1,147
css, transforms
Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers (css/css)1,146
css, grids, layout
Fluid Sizing Instead of Multiple Media Queries? (sma)1,145
css, media-queries
IE: RIP or BRB? (bru)1,144
videos, browsers, microsoft, internet-explorer, history
Ruby Styling (ri/web)1,143
html, ruby-markup, css
Why I Still Love PHP and JavaScript After 20+ Years (mnl)1,142
php, javascript, retrospectives
CSS Border Animations (bra)1,141
css, borders, animations
An Introduction to Webmention1,140
introductions, webmentions