Life is about deciding who we are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“2022” News Archive (2)

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