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. Hide

Frontend Dogma

“2022” News Archive (2)

Entry (Sources) and Additional TopicsDate#
What if the Team Hates My Functional Code?1642
programming
Why We Need CSS Speech (tin)1641
accessibility, css, voice
Digital Accessibility—Ask Me Anything (tpg)1640
videos, accessibility
Applying the 8 Golden Rules of User-Interface Design (uxm)1639
design, usability, consistency
Common ARIA Mistakes and How to Avoid Them (ale)1638
accessibility, html, aria, mistakes
CSS Specificity for Beginners (nic)1637
css, selectors, cascade
Data-Oriented Django (ada)1636
videos, django, algorithms
Designing for Users With Disabilities: 10 Factors to Consider (uxm)1635
accessibility, design, usability
Edit Someone Else’s Website: “contenteditable” and “designMode” (aus)1634
html
Forging Successful Partnerships With Software Developers (uxm)1633
collaboration, design
The Proprietary Syndication Formats (chr)1632
syndication, rss
Hands-On Guide to Color Fonts and “@font-palette-values” (zor/css)1631
videos, guides, css, fonts
Secure JavaScript URL Validation1630
javascript, validation, urls, security
Introducing html.to.design (div)1629
introductions, html, design, figma, plugins, browser-extensions
Google on Alt Text SEO and Accessibility (joh+/sea)1628
google, seo, accessibility, writing, alt-text, images
Don’t Be Arrogantly Ignorant: Don’t Flame1627
career, communication
Next.js Crash Course1626
videos, crash-courses, nextjs
The Wasted Potential of CSS Attribute Selectors1625
css, attributes, selectors, bem
Why We’re Breaking Up With CSS-in-JS1624
css, javascript, css-in-js
How to Rebase Stacked Git Branches (ada)1623
how-tos, git
Introduction to WebC (5t3)1622
introductions, webc
Moving From React to htmx (htm)1621
migrating, react, htmx
Accessibility Checkers—a Good Start, Not a Solution (kno)1620
accessibility, testing, tooling
Container Queries: Style Queries (bra)1619
css, style-queries, container-queries
Utility Framework UnoCSS1618
unocss, presentational-html, css
Design for Them Not for You (nng)1617
videos, design, usability
New Brutalism and Web Accessibility: What You Need to Know1616
design, brutalism, accessibility
Scoop: Meta Ending Support for Instant Articles1615
facebook+meta, support
Microfrontends: Microservices for the Frontend1614
micro-frontends, microservices
A Pure CSS Gallery Focus Effect With “:not” (css)1613
css, selectors
Augmenting Node.js With WebAssembly (nea)1612
videos, nodejs, webassembly
CDN (htt)1611
web-almanac, studies, research, metrics, performance, content-delivery, tooling
Intro to Why Accessibility Is Important for Good SEO (deq)1610
introductions, accessibility, seo
Should We Hire Junior Developer Advocates? (bla)1609
hiring, advocacy, developer-relations, dei
Some Things I Took Away From an Event Apart 2022 in Denver (geo/css)1608
web, accessibility, css
Two JavaScripts (rem)1607
javascript
What I Learned About SVG Accessibility (Among Other Things) From NBC News’ Senate “What If” Project1606
accessibility, svg, images, lessons
Why You Should Prefer Using pnpm Over npm and Yarn?1605
pnpm, npm, yarn, comparisons
Upgrading Colors to HD on the Web (bra)1604
css, colors
Representation in “alt” Text (aar)1603
accessibility, dei, writing
Speeding Up Async Snippets (css)1602
performance, javascript, asynchronicity
Early Days of Container Style Queries (geo/css)1601
css, container-queries, style-queries
Create a Passkey for Passwordless Logins (age)1600
authentication, security, passkeys
The Web’s Next Transition (ken)1599
web-apps, multi-page-apps, single-page-apps, progressive-enhancement
How to Animate CSS Box Shadows and Optimize Performance1598
how-tos, css, animations, shadows, performance
Design Specifications Template1597
design, templates
Sustainable Web Development Strategies Within an Organization (mic/sma)1596
sustainability, performance, optimization
The Border Property You Never Knew You Needed (kev)1595
videos, css
Tree Views in CSS (kat)1594
css
Wired.com: 20 Years Later (sto)1593
design, retrospectives, case-studies
Quick Tip: How to Use the Ternary Operator in JavaScript1592
how-tos, javascript, operators, tips-and-tricks
Bun? Deno? Node.js? Creating Your Own JavaScript Runtime Using V8, Libuv, and More1591
videos, javascript, runtimes, v8
A Little Semantic HTML Trick for React Components1590
react, html, semantics, components, tips-and-tricks
Delightful UI Animations With Shared Element Transitions API II (cod/sma)1589
javascript, animations, transitions, apis
How to Write Good Alt Text (cfe)1588
how-tos, accessibility, writing, alt-text, images
HTML 2022: 20 Additional Observations From Analyzing the Web Almanac Data (j9t)1587
html, metrics, web-almanac
SVG Sprites: Old-School, Modern, Unknown, and Forgotten (pep)1586
svg, images, sprites, performance
WCAG 2.2 Success Criteria1585
accessibility, wcag
When New CSS Features Collide: Possibility and Complexity at the Intersections (rac)1584
slides, css, complexity, interoperability
:where :is CSS?1583
css, selectors
New Patterns for Amazing Apps (tom)1582
web-apps
Landing the Second Click: A Guide to Designing Better Landing Pages1581
guides, design, landing-pages, user-conversion
Challenges of Multi-Brand Design Systems1580
design-systems, branding, theming
Turn Around Your Git Mistakes in 17 Ways1579
git, productivity, mistakes
Personas: Study Guide (nng)1578
guides, personas, usability, training, link-lists
Usability Heuristic Frameworks: Which One Is Right for You?1577
usability, research
4 Required Tests Before Shipping New Features (5t3)1576
accessibility, testing
Layout Breakouts With CSS Grid1575
css, grids, layout
Understanding “async” and “await”1574
javascript, asynchronicity
2022 Web Almanac Report Finds WordPress Adoption Is Growing, Adds New Page Builder Data (sar)1573
studies, research, web-almanac, wordpress, content-management
Prioritizing Technical Debt With Hotspots1572
videos, technical-debt, visualization, prioritization
A Short Story of the Google Error Page (j9t)1571
history, google, error-pages
Adding Components to Eleventy With WebC (zac)1570
eleventy, components, webc
Debugging CSS, No Extensions Required (kev)1569
videos, css, debugging, browsers, browser-extensions
How to Safely Pass Data to JavaScript in a Django Template (ada)1568
how-tos, javascript, django
How to Safely Share Your Email Address on a Website (css)1567
how-tos, communication, email
The Future of Rendering in React (psu)1566
react, client-side-rendering, server-side-rendering
Unless You’re in the Mafia, Your Company Isn’t Your Family (cod)1565
career
WordPress.org Plugin Developers Demand Transparency Regarding the Removal of Active Install Growth Data (sar)1564
wordpress, plugins, metrics
How to Optimize Resource Loading With the “fetchpriority” Attribute (mat/deb)1563
how-tos, html, performance, optimization
The Future of the Web Is on the Edge (den)1562
deno, edge-computing
Five Months Worth of Takes on the Digital Accessibility Space1561
accessibility, testing, tooling
Awesome Tools for Open Source Contributions1560
tooling, foss, documentation
AI Code Completion Is Like Cruise Control—and That’s Great News for Bigger Teams (cod)1559
ai, code-completion, productivity, collaboration
Front-End Development Is Like… (geo)1558
career
Patching the Open Web (jim)1557
open-web
Use “npm query” and jq to Dig Into Your Dependencies1556
videos, npm, dependencies, auditing
Using Web Components With Next (or Any SSR Framework) (ada/css)1555
web-components, nextjs, server-side-rendering
Easy Fluid Typography With “clamp()” Using Sass Functions (uti/sma)1554
liquid-design, typography, css, sass, functions
Foundations: HTML Semantics (ihe/tet)1553
accessibility, fundamentals, html, semantics
Top 10 CSS One Liners That Will Blow Your Mind1552
videos, css
Quick Tip: How to Use the Spread Operator in JavaScript1551
how-tos, javascript, operators, tips-and-tricks
A CSS Class-Naming Convention Might Still Be Your Best Choice (ben)1550
css, naming, conventions
CSS Grid vs. Flexbox: How to Decide (With Examples) (ell)1549
css, grids, flexbox, layout, comparisons, examples
When Going Somewhere Does a Thing: On Links and Buttons (kil)1548
accessibility, html, links, buttons, semantics
Where Are the Accessibility Statements? Digital Accessibility Shouldn’t Be a Surprise (deq)1547
accessibility, documentation
Component-Level Design Tokens: Are They Worth It?1546
design-tokens, components
CSS Halftone Patterns (mic)1545
css, effects, halftone
The Missing Math Methods in JavaScript1544
javascript, math, methods
3 Things to Consider Before You Implement CAPTCHA for Accessibility1543
accessibility, captcha
Can Consistency Harm Your Product?1542
design, consistency
One Formula to Rule Them All: The ROI of a Design System1541
design-systems
Four Ways to Pick the Right UX Method1540
user-experience, research
Designing a Secure API1539
software-design, apis, security
A Beginner’s Complete Guide to Form Accessibility: The 5 Things Accessible Forms Need and How to Fix Common Errors (pop)1538
guides, accessibility, forms
Busting the Myths About Agile Development and User Research (uxm)1537
agile, user-experience, research, myths
Delightful UI Animations With Shared Element Transitions API (cod/sma)1536
javascript, animations, transitions, apis
I Changed My Mind About Writing New JavaScript Frameworks (whi)1535
javascript, frameworks
I Turned JS Into a Compiled Language (for Fun and Wasm) (sur)1534
javascript, compiling, webassembly
Minimalism as Narcissism1533
minimalism
Mobile UX Design in 2022 (uxm)1532
user-experience, mobile, design
The Difference Between “undefined” and “not defined” in JavaScript1531
javascript
CSS-Only Type Grinding: Casting Tokens Into Useful Values1530
css, design-tokens
Jenkins Best Practices Every Developer Must Know1529
jenkins, best-practices
Phylum Detects Active Typosquatting Campaign Targeting npm Developers1528
npm, dependencies, security
Software Engineering Practices (sim)1527
best-practices, documentation, testing, migrating, formatting, environments, automation
Ten Years of TypeScript (dan/typ)1526
typescript
What Is Website Minimalism?1525
minimalism, design
A Web Component Story1524
web-components, design-systems
Building Delight in Your Design System (lur/zer)1523
design-systems, user-experience
Getting Started With WordPress Block Development (css)1522
wordpress, introductions
How to Scale SVG (ame/css)1521
how-tos, scaling, svg, images
Templating in HTML (kit)1520
html, javascript
Why UX? (nng)1519
videos, user-experience
Choosing the Best Node.js Docker Image1518
nodejs, docker
Learn Accessibility (car)1517
courses, accessibility
Optimize Long Tasks (mal)1516
performance, javascript, optimization
depngn1515
packages, npm, nodejs, dependencies
CSS Selectors—Cheat Sheet for Class, Name, Child Selector List (fre)1514
css, selectors, examples, cheat-sheets
“:has()” Opens Up New Possibilities With CSS (kev)1513
videos, css, selectors
Intersectionality, Accessibility, and Inclusion (int)1512
videos, accessibility, dei
State of CSS 2022 (sac+/dev)1511
surveys, css
Yes, Accessibility Is Also a Backend Concern (eri)1510
accessibility
Software Development Has No Gatekeeping (fla)1509
programming
How to Center a Div Using CSS Grid1508
how-tos, css, grids, centering
Why You Should Care About Design in Uncertain Times1507
design
Getting the Power of Vim in WebStorm and Other JetBrains IDEs (jet)1506
code-editors, jetbrains, webstorm, vi+vim
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)1505
performance, multimedia, images, gif, html
How to Make Your Designs Scannable (and Why You Should) (web)1504
how-tos, design, usability
How to Return Multiple Values From a Function in JavaScript (ami)1503
how-tos, javascript, functions
Let Me Understand How JavaScript Works Under the Hood1502
javascript
Performance Budgets: The Easiest Way to a Faster Site (fox/cal)1501
performance, performance-budgets
This Site’s Type Is Now Variable (ell)1500
typography, fonts, variable-fonts, css
Websites Need to Be Accessible to Be Inclusive1499
accessibility, dei
7 Things to Consider When Working On a Personal Project1498
career, learning
Dear Console… (cod)1497
console, javascript
Five Data-Loading Patterns to Boost Web Performance (sma)1496
performance
Named Element IDs Can Be Referenced as JavaScript Globals (css)1495
javascript, html
Closing a 30 Pixel Gap Between Native and Web (pat)1494
web-apps, browsers, web, native
Learn HTML (est)1493
courses, html
A Deep Dive Into WCAG 2.2—and Beyond (yat)1492
podcasts, accessibility, wcag, deep-dives
Useful JavaScript Math Functions and How to Use Them1491
javascript, math, functions
Don’t Worry, Nobody Is Replacing Node, Not Even Bun and Even Less Deno1490
nodejs, bun, deno
100 Days of More or Less Modern CSS (mat)1489
css
6+5 Ways to Make a Two-Column Layout: From Pretty Reasonable to Completely Wrong (pep)1488
layout, css
CSS (rac/htt)1487
web-almanac, studies, research, metrics, css
Fonts (htt)1486
web-almanac, studies, research, metrics, fonts
How to Create Wavy Shapes and Patterns in CSS (css/css)1485
how-tos, css, effects
How to Get All Sibling Elements of a Link or Button With Vanilla JavaScript (cfe)1484
how-tos, links, buttons, javascript
HTTP (htt)1483
web-almanac, studies, research, metrics, http, protocols
I Am Not That Excited About New CSS Features (cit)1482
css
Interoperability (bka/htt)1481
web-almanac, studies, research, metrics, interoperability
Markup (j9t/htt)1480
web-almanac, studies, research, metrics, html
Media (htt)1479
web-almanac, studies, research, metrics, multimedia, images
Security (htt)1478
web-almanac, studies, research, metrics, security
Accessibility (htt)1477
web-almanac, studies, research, metrics, accessibility
JavaScript (mal/htt)1476
web-almanac, studies, research, metrics, javascript
Sustainability (htt)1475
web-almanac, studies, research, metrics, sustainability
SEO (htt)1474
web-almanac, studies, research, metrics, seo
Page Weight (jam/htt)1473
web-almanac, studies, research, metrics, performance
CMS (htt)1472
web-almanac, studies, research, metrics, content-management
The New Wave of JavaScript Web Frameworks1471
javascript, frameworks, react, vuejs, svelte, solidjs
K-Means Clustering Visualization Using D3.js1470
visualization, javascript
Continue Using .env Files as Usual1469
environments, security
Streamable HTML Fragments (dev)1468
html, streaming
Two Things I Learned by Validating My HTML Again1467
html, conformance, lessons
Audience-Based Website Navigation (nng)1466
videos, usability, navigation
Writing Composable SQL Using JavaScript1465
javascript, databases, sql
Quick Reminder: HTML5 “required” and “pattern” Are Not a Security Feature (cod)1464
html, forms, security
Things I Wish I Had Known About Angular When I Started (sma)1463
angular
Top Task Analysis: Make It Fast and Efficient (boa)1462
processes
Use Cases for CSS Comparison Functions (sha)1461
css, functions
Blind People Need to Be Considered More When Making Data Visualizations1460
accessibility, information-design
Speedy CSS Tip! Animated Loader (jhe)1459
css, tips-and-tricks
Testing Web Design Color Contrast (arg)1458
testing, colors, contrast
A Designer’s Guide to Documenting Accessibility (ste)1457
videos, design, accessibility, documentation
The Indisputable Truth About Accessibility1456
videos, accessibility
Attitudes to Digital Accessibility Survey 20221455
surveys, accessibility, dei
Randomness in CSS1454
css, randomness
5 Ways That UX Developers Influence SEO (web)1453
user-experience, seo
Creative Section Breaks Using CSS “clip-path” (zor/css)1452
videos, css, masking, clipping
Designing Better Inline Validation UX (vit/sma)1451
forms, validation, user-experience
Element Timing: One True Metric to Rule Them All? (spe)1450
performance, time, apis, metrics
Rest vs. Spread Syntax in JavaScript (ami)1449
javascript, comparisons
Inspect and Modify CSS Animation Effects (pat+)1448
browsers, microsoft, edge, dev-tools, css, animations, debugging
Will Serving Real HTML Content Make a Website Faster? Let’s Experiment!1447
studies, research, html, performance
A “details” Element as a Burger Menu Is Not Accessible (ger/clo)1446
html, disclosure-widgets, semantics, accessibility
Accessibility Is Systemic (ada)1445
accessibility
Clarifying Color Contrast and Font Size Guidelines (mar)1444
accessibility, colors, contrast, readability
Container Queries Are Going to Change How We Make Layouts (kev)1443
videos, css, container-queries, layout
CSS Rules vs. CSS Rulesets (lou)1442
css, comparisons
It’s Good to Make Mistakes (tem)1441
accessibility, design, mistakes
Prototyping to Learn (dav)1440
prototyping, learning
Type-Level TypeScript1439
websites, typescript
The Web Is Good Now (chr/cas)1438
videos, web
Shell Scripting With Node.js (rau)1437
books, nodejs, shells
Making Your Web Pages Printer-Friendly With CSS (cra)1436
css, print
Why Designers Quit1435
design, career
How to Generate Random Numbers in JavaScript With “Math.random()”1434
how-tos, javascript, math, randomness
React I Love You, but You’re Bringing Me Down (fra/mar)1433
react
5 Ways to Use Data Visualization in Your Content to Increase Traffic (uxm)1432
visualization, content, traffic, optimization
Building a Retro Draggable Web Component With Lit (and/sma)1431
web-components, javascript
CSS Drawings (alv)1430
css, art
How Rapid Usability Testing Is Changing UX Research (uxm)1429
usability, user-experience, research, testing
Stop Using .env Files Now1428
environments, security
Rethinking a Design System1427
design-systems
Web Sustainability and the Ethical Dilemma (mic)1426
sustainability, ethics, web
How to Get the Current Timestamp in JavaScript1425
how-tos, javascript
5 Tips for Prioritizing Dependabot Alerts1424
dependabot, alerting, tips-and-tricks
Design 4.0: Leading Design in the New Industry1423
design
Debunking Myths About HTTPS1422
http, security, myths
Accidental Dismissal of Overlays: A Common Mobile Usability Problem (nng)1421
usability, mobile, overlays
The Git Commands I Use Every Day1420
git, command-line
Accessibility Is for Every One1419
accessibility
Brief Note on Super- and Subscript Text (aar)1418
html, accessibility, support, assistive-tech
How to (Not) Make a Button1417
how-tos, accessibility, buttons, semantics, html
When Design Systems Lie (css)1416
videos, design-systems
7 Must Know JavaScript Tips and Tricks1415
javascript, tips-and-tricks
Accessibility in Times of Headless (sma)1414
accessibility, content-management, headless
Buttons and the Baader–Meinhof Phenomenon (mat)1413
buttons, accessibility
Design Tokens 1011412
design-tokens
I Never Thought This Would Be Possible With CSS (kev)1411
videos, css, selectors
Invalid CSS (cit)1410
css, conformance
Let’s Get Logical (ada)1409
css, logical-properties
Total Blocking Time: A Short and Sweet Guide for Happier Users (ben/cal)1408
performance, javascript
Why the Number Input Is the Worst Input1407
html, forms, validation, accessibility
Five Things You Can Do to Be More Inclusive (dbo)1406
dei, accessibility
Why Are Vanity Metrics Still Problematic?1405
metrics
The Rise of the TikTok Pattern1404
design, social-media
Designing for People With Cognitive Disabilities and Everyone Else1403
videos, accessibility, design
How to Substantially Slow Down Your Node.js Server1402
how-tos, performance, nodejs
Container Queries in Browsers! (mia)1401
css, container-queries, support
JavaScript APIs You Don’t Know About (mon/sma)1400
javascript, apis
On Better Browsers: Arbitrary Media Queries and Browser UIs (kil)1399
css, media-queries, accessibility
Quick Tip: Embedding YouTube Videos in GitHub Pages (cod)1398
embed-code, youtube, social-media, github-pages, tips-and-tricks
Secure Your Node.js App With JSON Web Tokens (app)1397
nodejs, json-web-tokens, security
The State of Digital Accessibility: Three Key Challenges (moz)1396
accessibility, legal, web
W3C TAG Ethical Web Principles1395
ethics, principles, w3c
When Is It OK to Disable Text Selection? (dxn/css)1394
css, usability, accessibility
A Guide to Rounding Numbers in JavaScript1393
guides, javascript
3 Problems Scrum Doesn’t Solve1392
agile, scrum, processes
Better Accessible Names (hdv)1391
accessibility, naming
Conditionally Spreading Objects in JavaScript (ami)1390
javascript, objects
Disability Is Not a Dirty Word1389
accessibility, communication
Making Sense of WAI–ARIA: A Comprehensive Guide (sma)1388
guides, accessibility, aria, html
PureComponents vs. Functional Components With Hooks (ade)1387
react, components, hooks, comparisons
The Basics of Remix (css)1386
fundamentals, frameworks, remix
The Power of CSS Blend Modes (spa/clo)1385
css, blend-modes
What Is Data Engineering? (ger)1384
concepts, data-engineering
Wtf Is an Island and Why Is It in My Website?1383
frameworks, html, architecture, concepts
Detecting CSS Selector Support (mic)1382
css, selectors, support, feature-detection
First Batch of Color Fonts Arrives on Google Fonts1381
google, fonts, typography, colors
Intrinsic CSS With Container Queries and Units (mia)1380
videos, intrinsic-design, css, container-queries, units
Node.js Native Binary Compilation Using Vercel pkg1379
nodejs, compiling, vercel
2022: 0 of the Global Top 100 Websites Use Valid HTML (j9t)1378
html, css, conformance, metrics, quality, craft
Ladybird: A New Cross-Platform Browser Project1377
ladybird, browsers
The “details” and “summary” Elements, Again (sco)1376
html, disclosure-widgets, accessibility
Best Practices for Creating a Modern npm Package1375
best-practices, npm
Nuclear Footnotes (mey)1374
footnotes, html, css
When Life Gives You Lemons, Write Better Error Messages1373
user-experience, writing
My Five Biggest Design System Mistakes1372
design-systems, mistakes
Justin Yarbrough Talks About Alt Text1371
podcasts, accessibility, writing, alt-text, images
The Seventh Way to Call a JavaScript Function Without Parentheses1370
javascript, functions
Which Fonts to Use for Your Charts and Tables (lis/dat)1369
fonts, information-design, tables
How to Run Qodana CI in Backend and Frontend Sub-Folders of a Monorepo1368
how-tos, jetbrains, qodana, ci-cd, monorepos, github-actions
Mastering DOM Manipulation With Vanilla JavaScript1367
javascript, dom
Your Next.js Bundle Will Thank You1366
nextjs, bundling, performance
Antipersonas: What, How, Who, and Why? (nng)1365
usability, personas
Mastering These 7 Basics CSS Skills Will Make You a Frontend Wizard1364
fundamentals, css
Converting PNG Images to WebP Using PHP (ami)1363
conversion, images, png, webp, php
Make It Short—Make It Better1362
javascript, minimalism
A Guide to Choosing the Right React State Management Solution (log)1361
guides, react, state-management
CSS “line-height” (mar)1360
css, typography
How I Made a Pure CSS Puzzle Game (css/css)1359
css
Node Version Manager—nvm Install Guide (fre)1358
guides, installing, nvm
Keeping Your CSS Small: Scopes, Containers, and Other New Stuff (tab/css)1357
videos, css, scope, complexity
Button Minimum Width (sha)1356
css, buttons
How to Monitor a Next.js Application1355
how-tos, nextjs, monitoring
12 Modern UI Components to Inspire Your Future Designs1354
design, components
A Quick Primer on Testing JavaScript (cfe)1353
introductions, javascript, testing
Fresh 1.1—Automatic JSX, Plugins, DevTools, and More (lca/den)1352
release-notes, fresh
Me and React: 5 Years in 15 Minutes1351
react
What’s New With Forms in 2022? (oll/css)1350
forms, javascript, html
Towards a Factory Model of Designing User Interfaces—Slotted Systems in Figma1349
design, design-systems, figma
Lightning CSS (dev)1348
websites, css, lightning-css
Text Is the Universal Interface1347
apis
An Overview of Node.js: Architecture, APIs, Event Loop, Concurrency (rau)1346
overviews, nodejs, architecture, apis, event-loop, events, concurrency
Are Modals in Web Design a UX Disaster? (web)1345
design, user-experience, accessibility, modals
Detect When Users Switch Tabs Using JavaScript1344
javascript
WCAG 2.2 Hits Candidate Recommendation—but What Does It Mean? (int)1343
wcag, standards
Building the Main Navigation for a Website (mat)1342
navigation, html, css
Dependabot Unlocks Transitive Dependencies for npm Projects1341
dependencies, npm, security, dependabot
How Your Favourite UI Libraries Manage Their Icons (and)1340
libraries, images, icons, maintenance
Rewriting Tests From Cypress to Playwright Using GPT31339
testing, cypress, playwright, ai, code-completion, refactoring
A Whole Cascade of Layers (mia)1338
css, cascade
An Attempt at Outlining the Many Factors Influencing Developer Experience (j9t)1337
developer-experience, overviews
Hacking CSS Animation State and Playback Time (css)1336
css, animations
How to Improve Largest Contentful Paint for Faster Load Times (fox/cal)1335
how-tos, performance, web-vitals, optimization
Rewrite Your Git History in 4 Friendly Commands (whi)1334
git, command-line
So Your Designer Wants Stuff to Overlap (hui)1333
design, css
The Realities and Myths of Contrast and Color (sma)1332
accessibility, contrast, colors, myths
The Stubborn Computing Manifesto1331
manifestos
W3C Accessibility Maturity Model (w3c)1330
accessibility, processes, culture, leadership
How to Build Event-Driven Architecture on AWS? (has)1329
how-tos, architecture, events, aws
Critical CSS? Not So Fast! (css)1328
css, performance, critical-path
Introducing Signals1327
introductions, preact, state-management, signals
5 Reasons to Invest in User Experience (uxm)1326
user-experience
Dreamy Blur1325
css, svg, effects
Getting Started With MathML (mdn)1324
introductions, mathml
Top 5 Technology Trends in UX Design (uxm)1323
user-experience, design, trends
Understanding Regulatory Compliance and Making It Work on Your Web Site (uxm)1322
compliance, legal
The Art of Writing Secrets: Encryption for JavaScript Developers (wom)1321
cryptography, javascript, encryption
A/B Testing in 7 Steps to Quickly Improve Your Conversions (uxm)1320
a-b-testing, user-conversion, optimization
HTML Markup Tips for Developing Accessible Websites1319
html, accessibility, aria
A Content Warning Component (kit)1318
components, html, css
Infinite Scrolling: When to Use It, When to Avoid It (nng)1317
usability, user-experience, scrolling
Prestige Is the Designer’s Achilles’ Heel1316
design
A Beginner’s Guide to Design Tokens1315
guides, design-tokens
Dear Oracle, Please Release the JavaScript Trademark (tin)1314
javascript, licensing, legal, oracle
Disabled JavaScript Turns Off Native Lazy Loading (ste)1313
javascript, html, performance, lazy-loading
Git Cheatsheet1312
git, command-line, cheat-sheets
Big O Notation Basics Made Dead Simple1311
fundamentals, algorithms
Focus Appearance Explained (tem)1310
accessibility, wcag, forms, focus
The Accessibility and Usability Journey of Drupal’s Primary Navigation (sma)1309
drupal, accessibility, usability
Is It “:modal”? (jhe)1308
css, selectors, modals
What Is a Webmention and How Do I Use It in WordPress?1307
webmentions, wordpress
“Accessibility at the Edge” W3C CG Is an Overlay Smoke Screen (aar)1306
accessibility, overlays, w3c, history
Accessible Lists and Tables (pop)1305
accessibility, html, lists, tables
Beginner’s Guide to Lists and How to Make Them Accessible (pop)1304
guides, html, lists, accessibility
Comparing JAWS, NVDA, and VoiceOver (css)1303
accessibility, screen-readers, comparisons, jaws, nvda, apple, voiceover
Default Exports in JavaScript Modules Are Terrible1302
javascript
Don’t Overwrite Visual Labels With “aria-label” (ash)1301
accessibility, html, aria, labels
How I Maintain OSS Projects1300
foss, maintenance
How Is This Possible With CSS Only?! (kev)1299
videos, css, custom-properties, selectors, animations
Useful JavaScript Data Grid Libraries (sma)1298
javascript, libraries, grids, information-design, comparisons
DevTools Tips: How to Inspect and Debug CSS Flexbox1297
how-tos, dev-tools, css, flexbox, tips-and-tricks, browsers, google, chrome
Is Design Thinking Overhyped?1296
design
4 Ways to Minimize Your Dependencies in Node.js (app)1295
nodejs, npm, dependencies
Neutrality Isn’t an Option When It Comes to Accessibility (kar)1294
accessibility
Small Steps: Celebrating Four Accessibility Wins (red)1293
accessibility, communication
CSS Container Queries Are Finally Here (sha)1292
css, container-queries
Interpolating Numeric CSS Variables (geo/css)1291
css, custom-properties
Things Not Available When Someone Blocks All Cookies (tom)1290
cookies
Understanding “useMemo” and “useCallback” (jos)1289
react, hooks
An Argument Against CSS Opacity (tpg)1288
css, accessibility, colors, contrast, transparency+opacity
JavaScript Bugs Aplenty in Node.js Ecosystem—Found Automatically1287
studies, research, nodejs, javascript, dependencies, security, quality, bugs
Cypress Testing: A Guide to Running Web Application Tests1286
guides, testing, cypress
Monitor Events and Function Calls via Console (dav)1285
javascript, events, monitoring
Parents Counting Children in CSS (mat)1284
css, selectors
Should I Use a Button or a Link? (ash)1283
html, buttons, links, semantics
What Makes A Great Toggle Button? II (sma)1282
forms, toggles, usability
Communication Around Digital Accessibility Must Improve: How Users and Businesses Alike Are Failing to Advance Digital Accessibility1281
accessibility, communication
An Ideal REST API—Best Practices1280
apis, rest, best-practices
The Three Laws of Utility Classes (jar)1279
css, presentational-html
Be Good-Argument-Driven, Not Data-Driven1278
metrics, processes
Modern Alternatives to BEM (dav)1277
css, sorting, naming, bem, comparisons
Using Grid Named Areas to Visualize (and Reference) Your Layout (css)1276
css, grids, layout, visualization
On Design System Support1275
design-systems
Making a Twitter Bot in the Year 2022 With Node.js1274
bots, nodejs, twitter+x
What Is Closed Captioning?1273
accessibility, multimedia, captions
20 Principles I Learned From 10 Years of Developing Software1272
principles
Designing Better Error Messages UX (vit/sma)1271
user-experience, usability, design, errors
Implementing Promisable “setTimeout”1270
javascript, time
Installing and Running Node.js Bin Scripts (rau)1269
installing, nodejs, npm
Short Note on “figure” and “figcaption” (ste)1268
accessibility, html
Why Your Website Should Be Under 14 kB in Size1267
performance, protocols
CSS Classes Considered Harmful (kei)1266
css, html
Complex Conditional Width Using “flex-basis” With “clamp” (hey)1265
css, flexbox
Accessibility and Supporting Internet Explorer (gra/tet)1264
accessibility, browsers, microsoft, internet-explorer, support
Measure What You Impact, Not What You Influence (css)1263
performance, metrics, optimization
TIL: You Can Access a User’s Camera With Just HTML (aus)1262
html, permissions
Tracking the World in About 80 Lines of JavaScript (kzi)1261
javascript, privacy
What Customer-First Web Design Looks Like (web)1260
design, business-relations
Creative List Styling (mic)1259
html, lists, css
What Is a REST API? (cra)1258
apis, rest, javascript
The Design Principle Paradox1257
design, principles
5 Quick Ways to Check Your Site Against New WCAG 2.2 Standards1256
accessibility, wcag, compliance
Why Every University Needs an Accessible Standard Website Template1255
accessibility, content-management, frameworks
Exploring the Underrated “output” Element1254
html
What’s the Value of a Design System? (ben+/sma)1253
podcasts, interviews, design-systems
A Handy Use for Cascade Layers (mic)1252
css, cascade
Does Accessibility Stifle the Creative Process?1251
accessibility, processes, creativity
Scaling SCM Front-End Design With a Design System1250
design-systems, scalability
8 Tricks for SVG Optimization1249
images, svg, tips-and-tricks, optimization
How to Use localStorage in JavaScript: An Easy Guide1248
how-tos, javascript, browser-storage, guides
Advanced TypeScript Patterns: API Contracts1247
typescript, apis
Bring Focus to the First Form Field With an Error (aar)1246
accessibility, forms, focus
Class-Less CSS Frameworks1245
css, frameworks, minimalism, resets
Conducting an Effective Web-Site UX Audit (uxm)1244
user-experience, auditing
CSS Grid and Custom Shapes II (css/css)1243
css, grids, design
Mac VoiceOver Testing the Simple Way (spa/clo)1242
accessibility, testing, screen-readers, apple, voiceover
What Makes a Great Toggle Button? (sma)1241
forms, toggles, usability
Why User Personas Matter in UX Design (uxm)1240
user-experience, usability, design, personas
Learn 5 Optimization Tips for Webpack Step by Step1239
webpack, optimization, tips-and-tricks
Meet the Top Layer: A Solution to “z-index: 10000” (jhe)1238
css, positioning
Prepare for WCAG 2.2 and Beyond (lev)1237
videos, wcag, accessibility, standards
Design Systems: Prototyping on Steroids1236
design-systems, prototyping
A Simple “clamp()” Function in PHP (ami)1235
php, functions
You’re Not Using HTTP Status Codes Right1234
http, protocols
A Guide to Using User-Experience Research Methods (nng)1233
guides, user-experience, research
Screenshots Are Not Documentation1232
documentation, screenshots, images
Re-Implementing JavaScript’s “==” in JavaScript (eva)1231
javascript, operators
React Query vs. SWR1230
videos, react, data-fetching, comparisons
Scaling a System1229
design-systems, scalability
Marko.js—Super-Powerful JS Framework Made by eBay (gea)1228
marko, frameworks, ebay
An Introduction to Context Propagation in JavaScript (sma)1227
introductions, javascript
Inclusion Beats Optimization (eri)1226
accessibility, dei, optimization
Use the Right Container Query Syntax (mia/odd)1225
css, container-queries
Using “:has()” as a CSS Parent Selector and Much More (jen/web)1224
css, selectors
When Do You Use CSS Columns? (geo/css)1223
css, layout
Optimize Data Fetching1222
data-fetching, performance
Better Conditionals in CSS Media Queries With Range Syntax (ami)1221
css, media-queries, conditionals
Outline Is Your Friend (mat)1220
css, accessibility
React Re-Renders Guide: Preventing Unnecessary Re-Renders (ade)1219
guides, react, client-side-rendering
Dependency Injection in JS/TS (cod)1218
javascript, typescript
Can Browsers Optimize the Loading of Third-Party Resources? (add)1217
performance, browsers, embed-code
How the CSS “:is”, “:where”, and “:has” Pseudo-Class Selectors Work (cra)1216
css, selectors
Color and Contrast1215
websites, guides, colors, contrast
Designing a Better Back Button UX (vit/sma)1214
user-experience, usability, buttons
Why React Re-Renders (jos)1213
react, client-side-rendering
Introduction to Screen Readers (Desktop Edition) (bru)1212
videos, introductions, accessibility, screen-readers, desktop
CSS Grid and Custom Shapes (css/css)1211
css, grids, design
Table Column Alignment With Variable Transforms (mey)1210
html, css, tables, transforms, alignment
Top 9 Ways to Become a Successful Self-Taught Developer1209
career, learning
Check Heading Accessibility Using the WAVE Tool (pop)1208
videos, accessibility, headings, assistive-tech, tooling, testing
Accessible User Experience and A/B Testing1207
accessibility, user-experience, a-b-testing, optimization
What Are Design Tokens?1206
design-tokens
Building Accessible Select Components in React1205
components, react, forms, accessibility
Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (add)1204
html, performance, web-vitals
What Was That Media Query Code Again?1203
websites, css, media-queries
5 Modern CLI Tools That Help Boost Your Productivity1202
tooling, productivity
An Introduction to Constraint Based Design Systems1201
introductions, design-systems
Custom Event Naming Conventions (cfe)1200
javascript, events, naming
On Ratings and Meters (lea)1199
semantics, html, css
The Console API1198
javascript, console, apis
Creative CSS Layout (mic/css)1197
videos, css, creativity, layout
If You’re Not Checking, You’re Guessing (nng)1196
videos, user-experience
Automation and Accessibility—What You Need to Know1195
videos, accessibility, automation
(Re-)Introducing Gatsby, a Reactive Site Generator1194
gatsby, react, performance, reactivity, site-generators, introductions
Websites: Past and Present1193
web, design, history
Do You Know About “overflow: clip”? (kil)1192
css, overflow
Results of Quick Testing of Documentation Tools’ Accessibility1191
accessibility, documentation, tooling
TypeScript: It’s Not Actually Validating Your Types1190
typescript, validation
Modern CSS Selectors (cra)1189
css, selectors
TypeScript vs. JavaScript: Which One You Should Use, and Why1188
typescript, javascript, comparisons
How and Why We Removed jQuery From GOV.UK1187
jquery, performance, maintainability
Here, Here, and Here (tem)1186
usability
Designing for Long-Form Articles (dxn/css)1185
design, content
Accessibility Is Writing1184
accessibility, writing
Brief Note on Calendar Tables (aar)1183
accessibility, tables, assistive-tech
Core Web Vitals Tools to Boost Your Web Performance Scores (sma)1182
performance, web-vitals, tooling
Defining “Integration” Tests1181
testing
SEO Links Obfuscation and Accessibility Problems1180
seo, links, obfuscation, accessibility
The Death of Mozilla Is the Death of the Open Web1179
open-web, mozilla
Code Golfing Tips and Tricks: How to Minify Your JavaScript Code1178
how-tos, javascript, minification, tips-and-tricks
How to Research Components and Patterns: Common Challenges and How to Overcome Them (cjf)1177
how-tos, design-systems, components
Stream Videos With WebRTC API and React (cod)1176
webrtc, apis, react, multimedia
The JavaScript Paradox (rya/thi)1175
javascript
Zooming Images in a Grid Layout (css/css)1174
css, grids, effects
Dark Mode With Design Tokens (luk)1173
design-tokens, dark-mode
5 Good Practices to Scale Your React Projects Easily1172
react, scalability, best-practices
Bringing Perspective to CSS1171
css
Capturing Images and Videos From the Camera of Mobile Devices Using HTML (ami)1170
html, multimedia, mobile
No Demo [Website] Reno (mia)1169
design, processes
The Infinite Marquee1168
html, css, animations, effects
How I Added Scroll Snapping to My Twitter Timeline (sim/css)1167
css, scrolling, twitter+x
Polyhierarchy in Information Architecture (nng)1166
videos, information-architecture
New in Structured Data: Pros and Cons1165
structured-data, google, search, seo
How to Use Multithreading in Node.js (dig)1164
how-tos, nodejs, multithreading
5 Heading Accessibility Issues and How to Fix Them (pop)1163
accessibility, headings, microcontent
AI-Generated Images From AI-Generated Alt Text (aar)1162
accessibility, images, writing, alt-text, ai
Light/Dark Mode1161
css, javascript, dark-mode
Not All Zeros Are Equal (mia/odd)1160
css
One-Dimensional Website Optimization Considered Harmful (j9t)1159
optimization, quality
What Are Best Practices for Creating Alt Text?1158
accessibility, writing, alt-text, images, best-practices
“:has()”: The Family Selector (jhe)1157
css, selectors
Introducing the New npm Dependency Selector Syntax1156
npm, introductions
Migration From jQuery to Next.js: A Guide (sma)1155
guides, migrating, jquery, nextjs
One Year of Coding—Recommendations for Beginners From a Beginner1154
learning, semantics, accessibility
A Delightful Guide to Culture at Mamo (Inspired by Khalil Gibran)1153
case-studies, guides, culture
Making a Website Under 1 kB1152
performance, minimalism, html
Upload An Image With Node.js (rik)1151
nodejs, images, file-handling
Finer Grained Control Over CSS Transforms With Individual Transform Properties (bra+)1150
css, transforms
Introduction to SolidJS1149
introductions, solidjs
Popular Node.js Patterns and Tools to Re-Consider1148
nodejs, tooling
Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers (css/css)1147
css, grids, layout
Fluid Sizing Instead of Multiple Media Queries? (sma)1146
css, media-queries
Ruby Styling (ri/web)1145
html, ruby-markup, css
Why I Still Love PHP and JavaScript After 20+ Years (mnl)1144
php, javascript, retrospectives
CSS Border Animations (bra)1143
css, borders, animations