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