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 respect, accountability, and support. Hide

dxsrc

“2022” News Archive (2)

Entry (Sources) and Additional TopicsDate#
What if the Team Hates My Functional Code? (jrs)1651
programming
How to Build the Foundation for Digital Accessibility (deq)1650
how-tos, accessibility, policies, processes
Redo Websites Less Often (to Become a Better Developer) (j9t)1649
processes, redesigning, refactoring, career
I Made a Full-Stack and Type-Safe Personal Site Using the T3 Stack1648
nextjs, tailwind, type-safety, tech-stacks
Data-Oriented Django (ada)1647
videos, django, algorithms
Introducing html.to.design (div)1646
introductions, html, design, figma, plugins, browser-extensions
CSS Specificity for Beginners (nic)1645
css, selectors, cascade
Secure JavaScript URL Validation1644
javascript, validation, urls, security
The Proprietary Syndication Formats (chr)1643
syndication, rss
Google on Alt Text SEO and Accessibility (joh+/sea)1642
google, seo, accessibility, writing, alt-text, images
Common ARIA Mistakes and How to Avoid Them (ale)1641
accessibility, html, aria, mistakes
Applying the 8 Golden Rules of User-Interface Design (uxm)1640
design, usability, consistency
Hands-On Guide to Color Fonts and “@font-palette-values” (zor/css)1639
videos, guides, css, fonts
Forging Successful Partnerships With Software Developers (uxm)1638
collaboration, design
Edit Someone Else’s Website: “contenteditable” and “designMode” (aus)1637
html
Designing for Users With Disabilities: 10 Factors to Consider (uxm)1636
accessibility, design, usability
Next.js Crash Course1635
videos, crash-courses, nextjs
Why We’re Breaking Up With CSS-in-JS1634
css, javascript, css-in-js
Don’t Be Arrogantly Ignorant: Don’t Flame1633
career, communication
The Wasted Potential of CSS Attribute Selectors1632
css, attributes, selectors, bem
Introduction to WebC (5t3)1631
introductions, webc
Moving From React to htmx (htm)1630
migrating, react, htmx
How to Rebase Stacked Git Branches (ada)1629
how-tos, git
Utility Framework UnoCSS1628
unocss, presentational-html, css
Design for Them Not for You (nng)1627
videos, design, usability
Container Queries: Style Queries (bra)1626
css, style-queries, container-queries
Microfrontends: Microservices for the Frontend1625
micro-frontends, microservices
Scoop: Meta Ending Support for Instant Articles1624
facebook+meta, support
Accessibility Checkers—a Good Start, Not a Solution (kno)1623
accessibility, testing, tooling
New Brutalism and Web Accessibility: What You Need to Know1622
design, brutalism, accessibility
CDN (htt)1621
web-almanac, studies, research, metrics, performance, content-delivery, tooling
Two JavaScripts (rem)1620
javascript
Upgrading Colors to HD on the Web (bra)1619
css, colors
Augmenting Node.js With WebAssembly (nea)1618
videos, nodejs, webassembly
A Pure CSS Gallery Focus Effect With “:not” (css)1617
css, selectors
Should We Hire Junior Developer Advocates? (bla)1616
hiring, advocacy, developer-relations, dei
Why You Should Prefer Using pnpm Over npm and Yarn?1615
pnpm, npm, yarn, comparisons
Intro to Why Accessibility Is Important for Good SEO (deq)1614
introductions, accessibility, seo
Some Things I Took Away From an Event Apart 2022 in Denver (geo/css)1613
web, accessibility, css
What I Learned About SVG Accessibility (Among Other Things) From NBC News’ Senate “What If” Project1612
accessibility, svg, images, lessons
The Web’s Next Transition (ken)1611
web-apps, multi-page-apps, single-page-apps, progressive-enhancement
Representation in “alt” Text (aar)1610
accessibility, dei, writing
Speeding Up Async Snippets (css)1609
performance, javascript, asynchrony
Design Specifications Template1608
design, templates
Early Days of Container Style Queries (geo/css)1607
css, container-queries, style-queries
Create a Passkey for Passwordless Logins (age)1606
authentication, security, passkeys
How to Animate CSS Box Shadows and Optimize Performance1605
how-tos, css, animations, shadows, performance
Tree Views in CSS (kat)1604
css
Wired.com: 20 Years Later (sto)1603
design, retrospectives, case-studies
The Border Property You Never Knew You Needed (kev)1602
videos, css
Quick Tip: How to Use the Ternary Operator in JavaScript1601
how-tos, javascript, operators, tips-and-tricks
Sustainable Web Development Strategies Within an Organization (mic/sma)1600
sustainability, performance, optimization
Bun? Deno? Node.js? Creating Your Own JavaScript Runtime Using V8, Libuv, and More1599
videos, javascript, runtimes, v8
:where :is CSS?1598
css, selectors
WCAG 2.2 Success Criteria1597
accessibility, wcag
How to Write Good Alt Text (cfe)1596
how-tos, accessibility, writing, alt-text, images
New Patterns for Amazing Apps (tom)1595
web-apps
Challenges of Multi-Brand Design Systems1594
design-systems, branding, theming
A Little Semantic HTML Trick for React Components1593
react, html, semantics, components, tips-and-tricks
SVG Sprites: Old-School, Modern, Unknown, and Forgotten (pep)1592
svg, images, sprites, performance
Delightful UI Animations With Shared Element Transitions API II (cod/sma)1591
javascript, animations, transitions, apis
Landing the Second Click: A Guide to Designing Better Landing Pages1590
guides, design, landing-pages, user-conversion
HTML 2022: 20 Additional Observations From Analyzing the Web Almanac Data (j9t)1589
html, metrics, web-almanac
When New CSS Features Collide: Possibility and Complexity at the Intersections1588
slides, css, complexity, interoperability
Personas: Study Guide (nng)1587
guides, personas, usability, training, link-lists
Turn Around Your Git Mistakes in 17 Ways1586
git, productivity, mistakes
Usability Heuristic Frameworks: Which One Is Right for You?1585
usability, research
Understanding “async” and “await”1584
javascript, asynchrony
Layout Breakouts With CSS Grid (hex)1583
css, grids, layout
Prioritizing Technical Debt With Hotspots1582
videos, technical-debt, visualization, prioritization
4 Required Tests Before Shipping New Features (5t3)1581
accessibility, testing
2022 Web Almanac Report Finds WordPress Adoption Is Growing, Adds New Page Builder Data (sar)1580
studies, research, web-almanac, wordpress, content-management
The Future of Rendering in React (psu)1579
react, client-side-rendering, server-side-rendering
Debugging CSS, No Extensions Required (kev)1578
videos, css, debugging, browsers, browser-extensions
The Future of the Web Is on the Edge (den)1577
deno, edge-computing
A Short Story of the Google Error Page (j9t)1576
history, google, error-pages
Adding Components to Eleventy With WebC (zac)1575
eleventy, components, webc
Awesome Tools for Open Source Contributions1574
tooling, foss, documentation
How to Safely Share Your Email Address on a Website (css)1573
how-tos, communication, email
Unless You’re in the Mafia, Your Company Isn’t Your Family (cod)1572
career
How to Safely Pass Data to JavaScript in a Django Template (ada)1571
how-tos, javascript, django
Five Months Worth of Takes on the Digital Accessibility Space1570
accessibility, testing, tooling
How to Optimize Resource Loading With the “fetchpriority” Attribute (mat/deb)1569
how-tos, html, performance, optimization
WordPress.org Plugin Developers Demand Transparency Regarding the Removal of Active Install Growth Data (sar)1568
wordpress, plugins, metrics
Patching the Open Web (jim)1567
open-web
Foundations: HTML Semantics (ihe/tet)1566
accessibility, fundamentals, html, semantics
Front-End Development Is Like… (geo)1565
career
AI Code Completion Is Like Cruise Control—and That’s Great News for Bigger Teams (cod)1564
ai, code-completion, productivity, collaboration
Top 10 CSS One Liners That Will Blow Your Mind1563
videos, css
Use “npm query” and jq to Dig Into Your Dependencies1562
videos, npm, dependencies, auditing
Using Web Components With Next (or Any SSR Framework) (ada/css)1561
web-components, nextjs, server-side-rendering
Easy Fluid Typography With “clamp()” Using Sass Functions (uti/sma)1560
liquid-design, typography, css, sass, functions
Quick Tip: How to Use the Spread Operator in JavaScript1559
how-tos, javascript, operators, tips-and-tricks
CSS Halftone Patterns (mic)1558
css, effects, halftone
Designing a Secure API1557
software-design, apis, security
Can Consistency Harm Your Product?1556
design, consistency
Four Ways to Pick the Right UX Method1555
user-experience, research
The Missing Math Methods in JavaScript1554
javascript, math, methods
Component-Level Design Tokens: Are They Worth It?1553
design-tokens, components
CSS Grid vs. Flexbox: How to Decide (With Examples) (ell)1552
css, grids, flexbox, layout, comparisons, examples
When Going Somewhere Does a Thing: On Links and Buttons (kil)1551
accessibility, html, links, buttons, semantics
One Formula to Rule Them All: The ROI of a Design System1550
design-systems
A CSS Class-Naming Convention Might Still Be Your Best Choice (ben)1549
css, naming, conventions
3 Things to Consider Before You Implement CAPTCHA for Accessibility1548
accessibility, captcha
Where Are the Accessibility Statements? Digital Accessibility Shouldn’t Be a Surprise (deq)1547
accessibility, documentation
Minimalism as Narcissism1546
minimalism
Mobile UX Design in 2022 (uxm)1545
user-experience, mobile, design
A Beginner’s Complete Guide to Form Accessibility: The 5 Things Accessible Forms Need and How to Fix Common Errors (pop)1544
guides, accessibility, forms
Jenkins Best Practices Every Developer Must Know1543
jenkins, best-practices
I Turned JS Into a Compiled Language (for Fun and Wasm) (sur)1542
javascript, compiling, webassembly
CSS-Only Type Grinding: Casting Tokens Into Useful Values1541
css, design-tokens
I Changed My Mind About Writing New JavaScript Frameworks (whi)1540
javascript, frameworks
Busting the Myths About Agile Development and User Research (uxm)1539
agile, user-experience, research, myths
Delightful UI Animations With Shared Element Transitions API (cod/sma)1538
javascript, animations, transitions, apis
The Difference Between “undefined” and “not defined” in JavaScript1537
javascript
Phylum Detects Active Typosquatting Campaign Targeting npm Developers1536
npm, dependencies, security
Ten Years of TypeScript (dan/typ)1535
typescript
Why I Don’t Use Prettier (ant)1534
prettier
What Is Website Minimalism?1533
minimalism, design
Software Engineering Practices (sim)1532
best-practices, documentation, testing, migrating, formatting, environments, automation
depngn1531
packages, npm, nodejs, dependencies
Why UX? (nng)1530
videos, user-experience
How to Scale SVG (ame/css)1529
how-tos, scaling, svg, images
Templating in HTML (kit)1528
html, javascript
Learn Accessibility (car)1527
courses, accessibility
Optimize Long Tasks (mal)1526
performance, javascript, optimization
A Web Component Story (cla)1525
web-components, design-systems
Choosing the Best Node.js Docker Image1524
nodejs, docker
Building Delight in Your Design System (lur/zer)1523
design-systems, user-experience
Getting Started With WordPress Block Development (css)1522
wordpress, introductions
State of CSS 2022 (sac+/dev)1521
surveys, css
How to Center a Div Using CSS Grid1520
how-tos, css, grids, centering
“:has()” Opens Up New Possibilities With CSS (kev)1519
videos, css, selectors
Software Development Has No Gatekeeping (fla)1518
programming
Yes, Accessibility Is Also a Backend Concern (eri)1517
accessibility
Intersectionality, Accessibility, and Inclusion (int)1516
videos, accessibility, dei
Why You Should Care About Design in Uncertain Times1515
design
CSS Selectors—Cheat Sheet for Class, Name, Child Selector List (fre)1514
css, selectors, examples, cheat-sheets
This Site’s Type Is Now Variable (ell)1513
typography, fonts, variable-fonts, css
How to Make Your Designs Scannable (and Why You Should) (web)1512
how-tos, design, usability
Websites Need to Be Accessible to Be Inclusive1511
accessibility, dei
Performance Budgets: The Easiest Way to a Faster Site (fox/cal)1510
performance, performance-budgets
Let Me Understand How JavaScript Works Under the Hood1509
javascript
How to Return Multiple Values From a Function in JavaScript (ami)1508
how-tos, javascript, functions
Getting the Power of Vim in WebStorm and Other JetBrains IDEs (jet)1507
code-editors, jetbrains, webstorm, vi+vim
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)1506
performance, multimedia, images, gif, html
Learn HTML1505
courses, html
Dear Console… (cod)1504
console, javascript
A Deep Dive Into WCAG 2.2—and Beyond (yat)1503
podcasts, accessibility, wcag, deep-dives
Closing a 30 Pixel Gap Between Native and Web (pat)1502
web-apps, browsers, web, native
Five Data-Loading Patterns to Boost Web Performance (sma)1501
performance
Useful JavaScript Math Functions and How to Use Them1500
javascript, math, functions
7 Things to Consider When Working On a Personal Project1499
career, learning
Named Element IDs Can Be Referenced as JavaScript Globals (css)1498
javascript, html
Don’t Worry, Nobody Is Replacing Node, Not Even Bun and Even Less Deno1497
nodejs, bun, deno
CMS (htt)1496
web-almanac, studies, research, metrics, content-management
CSS (htt)1495
web-almanac, studies, research, metrics, css
SEO (htt)1494
web-almanac, studies, research, metrics, seo
HTTP (htt)1493
web-almanac, studies, research, metrics, http, protocols
Fonts (htt)1492
web-almanac, studies, research, metrics, fonts
Media (htt)1491
web-almanac, studies, research, metrics, multimedia, images
Markup (j9t/htt)1490
web-almanac, studies, research, metrics, html
Security (htt)1489
web-almanac, studies, research, metrics, security
JavaScript (mal/htt)1488
web-almanac, studies, research, metrics, javascript
Page Weight (jam/htt)1487
web-almanac, studies, research, metrics, performance
Accessibility (htt)1486
web-almanac, studies, research, metrics, accessibility
Sustainability (htt)1485
web-almanac, studies, research, metrics, sustainability
Interoperability (bka/htt)1484
web-almanac, studies, research, metrics, interoperability
100 Days of More or Less Modern CSS (mat)1483
css
6+5 Ways to Make a Two-Column Layout: From Pretty Reasonable to Completely Wrong (pep)1482
layout, css
The New Wave of JavaScript Web Frameworks1481
javascript, frameworks, react, vuejs, svelte, solidjs
I Am Not That Excited About New CSS Features (cit)1480
css
How to Create Wavy Shapes and Patterns in CSS (css/css)1479
how-tos, css, effects
How to Get All Sibling Elements of a Link or Button With Vanilla JavaScript (cfe)1478
how-tos, links, buttons, javascript
K-Means Clustering Visualization Using D3.js1477
visualization, javascript
Streamable HTML Fragments (dev)1476
html, streaming
Continue Using .env Files as Usual1475
environments, security
Two Things I Learned by Validating My HTML Again1474
html, conformance, lessons
Audience-Based Website Navigation (nng)1473
videos, usability, navigation
Writing Composable SQL Using JavaScript1472
javascript, databases, sql
Randomness in CSS1471
css, randomness
Speedy CSS Tip! Animated Loader (jhe)1470
css, tips-and-tricks
Testing Web Design Color Contrast (arg)1469
testing, colors, contrast
Use Cases for CSS Comparison Functions (sha)1468
css, functions
The Indisputable Truth About Accessibility1467
videos, accessibility
Top Task Analysis: Make It Fast and Efficient (boa)1466
processes
A Designer’s Guide to Documenting Accessibility (ste)1465
videos, design, accessibility, documentation
Attitudes to Digital Accessibility Survey 20221464
surveys, accessibility, dei
Things I Wish I Had Known About Angular When I Started (sma)1463
angular
Quick Reminder: HTML5 “required” and “pattern” Are Not a Security Feature (cod)1462
html, forms, security
Blind People Need to Be Considered More When Making Data Visualizations1461
accessibility, information-design
Rest vs. Spread Syntax in JavaScript (ami)1460
javascript, comparisons
Designing Better Inline Validation UX (sma)1459
forms, validation, user-experience
5 Ways That UX Developers Influence SEO (web)1458
user-experience, seo
Inspect and Modify CSS Animation Effects (pat+)1457
browsers, edge, dev-tools, css, animations, debugging
Creative Section Breaks Using CSS “clip-path” (zor/css)1456
videos, css, masking, clipping
Element Timing: One True Metric to Rule Them All? (and/spe)1455
performance, time, apis, metrics
Will Serving Real HTML Content Make a Website Faster? Let’s Experiment! (sco)1454
studies, research, html, performance
Why Designers Quit1453
design, career
The Web Is Good Now (chr/cas)1452
videos, web
Prototyping to Learn (dav)1451
prototyping, learning
Type-Level TypeScript1450
websites, typescript
Accessibility Is Systemic1449
accessibility
CSS Rules vs. CSS Rulesets (lou)1448
css, comparisons
It’s Good to Make Mistakes (tem)1447
accessibility, design, mistakes
Shell Scripting With Node.js (rau)1446
books, nodejs, shells
React I Love You, but You’re Bringing Me Down (fra/mar)1445
react
Making Your Web Pages Printer-Friendly With CSS (cra)1444
css, print
Clarifying Color Contrast and Font Size Guidelines (mar)1443
accessibility, colors, contrast, readability
A “details” Element as a Burger Menu Is Not Accessible (ger/clo)1442
html, disclosure-widgets, semantics, accessibility
Container Queries Are Going to Change How We Make Layouts (kev)1441
videos, css, container-queries, layout
How to Generate Random Numbers in JavaScript With “Math.random()”1440
how-tos, javascript, math, randomness
CSS Drawings (alv)1439
css, art
Stop Using .env Files Now1438
environments, security
Rethinking a Design System1437
design-systems
5 Tips for Prioritizing Dependabot Alerts1436
dependabot, alerting, tips-and-tricks
Web Sustainability and the Ethical Dilemma (mic)1435
sustainability, ethics, web
Design 4.0: Leading Design in the New Industry1434
design
How to Get the Current Timestamp in JavaScript1433
how-tos, javascript
Building a Retro Draggable Web Component With Lit (and/sma)1432
web-components, javascript
How Rapid Usability Testing Is Changing UX Research (uxm)1431
usability, user-experience, research, testing
5 Ways to Use Data Visualization in Your Content to Increase Traffic (uxm)1430
visualization, content, traffic, optimization
Debunking Myths About HTTPS1429
http, security, myths
Accidental Dismissal of Overlays: A Common Mobile Usability Problem (nng)1428
usability, mobile, overlays
The Git Commands I Use Every Day1427
git, command-line
When Design Systems Lie (css)1426
videos, design-systems
How to (Not) Make a Button1425
how-tos, accessibility, buttons, semantics, html
Accessibility Is for Every One1424
accessibility
Brief Note on Super- and Subscript Text (aar)1423
html, accessibility, support, assistive-tech
Invalid CSS (cit)1422
css, conformance
Let’s Get Logical1421
css, logical-properties
Design Tokens 1011420
introductions, design-tokens
The Rise of the TikTok Pattern1419
design, social-media
Accessibility in Times of Headless (sma)1418
accessibility, content-management, headless
7 Must Know JavaScript Tips and Tricks1417
javascript, tips-and-tricks
Why the Number Input Is the Worst Input1416
html, forms, validation, accessibility
Why Are Vanity Metrics Still Problematic?1415
metrics
Buttons and the Baader–Meinhof Phenomenon (mat)1414
buttons, accessibility
Five Things You Can Do to Be More Inclusive (dbo)1413
dei, accessibility
I Never Thought This Would Be Possible With CSS (kev)1412
videos, css, selectors
How to Substantially Slow Down Your Node.js Server1411
how-tos, performance, nodejs
Total Blocking Time: A Short and Sweet Guide for Happier Users (ben/cal)1410
performance, javascript
Designing for People With Cognitive Disabilities and Everyone Else1409
videos, accessibility, design
3 Problems Scrum Doesn’t Solve1408
agile, scrum, processes
Container Queries in Browsers! (mia)1407
css, container-queries, support
W3C TAG Ethical Web Principles1406
ethics, principles, w3c
JavaScript APIs You Don’t Know About (mon/sma)1405
javascript, apis
When Is It OK to Disable Text Selection? (dxn/css)1404
css, usability, accessibility
A Guide to Rounding Numbers in JavaScript1403
guides, javascript
Secure Your Node.js App With JSON Web Tokens (app)1402
nodejs, json-web-tokens, security
Quick Tip: Embedding YouTube Videos in GitHub Pages (cod)1401
embed-code, youtube, social-media, github-pages, tips-and-tricks
The State of Digital Accessibility: Three Key Challenges (moz)1400
accessibility, legal, web
On Better Browsers: Arbitrary Media Queries and Browser UIs (kil)1399
css, media-queries, accessibility
The Basics of Remix (css)1398
fundamentals, frameworks, remix
Better Accessible Names (hdv)1397
accessibility, naming
What Is Data Engineering? (ger)1396
concepts, data-engineering
The Power of CSS Blend Modes (spa/clo)1395
css, blend-modes
Detecting CSS Selector Support (mic)1394
css, selectors, support, feature-detection
Disability Is Not a Dirty Word1393
accessibility, communication
Wtf Is an Island and Why Is It in My Website?1392
frameworks, html, architecture, concepts
Conditionally Spreading Objects in JavaScript (ami)1391
javascript, objects
Intrinsic CSS With Container Queries and Units (mia)1390
videos, intrinsic-design, css, container-queries, units
Making Sense of WAI–ARIA: A Comprehensive Guide (sma)1389
guides, accessibility, aria, html
Node.js Native Binary Compilation Using Vercel pkg1388
nodejs, compiling, vercel
First Batch of Color Fonts Arrives on Google Fonts1387
google, fonts, typography, colors
PureComponents vs. Functional Components With Hooks (ade)1386
react, components, hooks, comparisons
Nuclear Footnotes (mey)1385
footnotes, html, css
Justin Yarbrough Talks About Alt Text1384
podcasts, accessibility, writing, alt-text, images
My Five Biggest Design System Mistakes1383
design-systems, mistakes
The “details” and “summary” Elements, Again (sco)1382
html, disclosure-widgets, accessibility
Ladybird: A New Cross-Platform Browser Project1381
ladybird, browsers
Which Fonts to Use for Your Charts and Tables (lis/dat)1380
fonts, information-design, tables
Best Practices for Creating a Modern npm Package1379
best-practices, npm
2022: 0 of the Global Top 100 Websites Use Valid HTML (j9t)1378
html, css, conformance, metrics, quality, craft
When Life Gives You Lemons, Write Better Error Messages1377
user-experience, writing
The Seventh Way to Call a JavaScript Function Without Parentheses1376
javascript, functions
Antipersonas: What, How, Who, and Why? (nng)1375
usability, personas
Your Next.js Bundle Will Thank You1374
nextjs, bundling, performance
Mastering DOM Manipulation With Vanilla JavaScript1373
javascript, dom
Mastering These 7 Basics CSS Skills Will Make You a Frontend Wizard1372
fundamentals, css
How to Run Qodana CI in Backend and Frontend Sub-Folders of a Monorepo1371
how-tos, qodana, ci-cd, monorepos, github-actions
Make It Short—Make It Better1370
javascript, minimalism
Converting PNG Images to WebP Using PHP (ami)1369
conversion, images, png, webp, php
CSS “line-height” (mar)1368
css, typography
Button Minimum Width (sha)1367
css, buttons
How I Made a Pure CSS Puzzle Game (css/css)1366
css
How to Monitor a Next.js Application1365
how-tos, nextjs, monitoring
Node Version Manager—nvm Install Guide (fre)1364
guides, installing, nvm
Keeping Your CSS Small: Scopes, Containers, and Other New Stuff (tab/css)1363
videos, css, scope, complexity
A Guide to Choosing the Right React State Management Solution (log)1362
guides, react, state-management
Lightning CSS (dev)1361
websites, css, lightning-css
What’s New With Forms in 2022? (oll/css)1360
forms, javascript, html
Text Is the Universal Interface1359
apis
Me and React: 5 Years in 15 Minutes1358
react
A Quick Primer on Testing JavaScript (cfe)1357
introductions, javascript, testing
Fresh 1.1—Automatic JSX, Plugins, DevTools, and More (lca/den)1356
release-notes, fresh
Towards a Factory Model of Designing User Interfaces—Slotted Systems in Figma1355
design, design-systems, figma
12 Modern UI Components to Inspire Your Future Designs1354
design, components
Are Modals in Web Design a UX Disaster? (web)1353
design, user-experience, accessibility, modals
Building the Main Navigation for a Website (mat)1352
navigation, html, css
Detect When Users Switch Tabs Using JavaScript1351
javascript
How Your Favourite UI Libraries Manage Their Icons (and)1350
libraries, images, icons, maintenance
Rewriting Tests From Cypress to Playwright Using GPT31349
testing, cypress, playwright, ai, code-completion, refactoring
Dependabot Unlocks Transitive Dependencies for npm Projects1348
dependencies, npm, security, dependabot
WCAG 2.2 Hits Candidate Recommendation—but What Does It Mean? (int)1347
wcag, standards
An Overview of Node.js: Architecture, APIs, Event Loop, Concurrency (rau)1346
overviews, nodejs, architecture, apis, event-loop, events, concurrency
Introducing Signals1345
introductions, preact, state-management, signals
Critical CSS? Not So Fast! (css)1344
css, performance, critical-path
A Whole Cascade of Layers (mia)1343
css, cascade
The Stubborn Computing Manifesto1342
manifestos
W3C Accessibility Maturity Model (w3c)1341
accessibility, processes, culture, leadership
So Your Designer Wants Stuff to Overlap (hui)1340
design, css
Hacking CSS Animation State and Playback Time (css)1339
css, animations
How to Build Event-Driven Architecture on AWS? (has)1338
how-tos, architecture, events, aws
The Realities and Myths of Contrast and Color (sma)1337
accessibility, contrast, colors, myths
Rewrite Your Git History in 4 Friendly Commands (whi)1336
git, command-line
How to Improve Largest Contentful Paint for Faster Load Times (fox/cal)1335
how-tos, performance, web-vitals, optimization
An Attempt at Outlining the Many Factors Influencing Developer Experience (j9t)1334
developer-experience, overviews
Dreamy Blur1333
css, svg, effects
Getting Started With MathML (mdn)1332
introductions, mathml
Top 5 Technology Trends in UX Design (uxm)1331
user-experience, design, trends
5 Reasons to Invest in User Experience (uxm)1330
user-experience
HTML Markup Tips for Developing Accessible Websites1329
html, accessibility, aria
A/B Testing in 7 Steps to Quickly Improve Your Conversions (uxm)1328
a-b-testing, user-conversion, optimization
The Art of Writing Secrets: Encryption for JavaScript Developers (wom)1327
cryptography, javascript, encryption
Understanding Regulatory Compliance and Making It Work on Your Web Site (uxm)1326
compliance, legal
A Content Warning Component (kit)1325
components, html, css
A Beginner’s Guide to Design Tokens1324
guides, design-tokens
Prestige Is the Designer’s Achilles’ Heel1323
design
Infinite Scrolling: When to Use It, When to Avoid It (nng)1322
usability, user-experience, scrolling
Git Cheatsheet1321
git, command-line, cheat-sheets
Disabled JavaScript Turns Off Native Lazy Loading (ste)1320
javascript, html, performance, lazy-loading
Dear Oracle, Please Release the JavaScript Trademark (tin)1319
javascript, licensing, legal, oracle
Is It “:modal”? (jhe)1318
css, selectors, modals
Focus Appearance Explained (tem)1317
accessibility, wcag, forms, focus
Big O Notation Basics Made Dead Simple1316
fundamentals, algorithms
What Is a Webmention and How Do I Use It in WordPress?1315
webmentions, wordpress
The Accessibility and Usability Journey of Drupal’s Primary Navigation (sma)1314
drupal, accessibility, usability
Accessible Lists and Tables (pop)1313
accessibility, html, lists, tables
How I Maintain OSS Projects1312
foss, maintenance
Is Design Thinking Overhyped?1311
design
Comparing JAWS, NVDA, and VoiceOver (css)1310
accessibility, screen-readers, comparisons, jaws, nvda, voiceover
How Is This Possible With CSS Only?! (kev)1309
videos, css, custom-properties, selectors, animations
Useful JavaScript Data Grid Libraries (sma)1308
javascript, libraries, grids, information-design, comparisons
Don’t Overwrite Visual Labels With “aria-label” (ash)1307
accessibility, html, aria, labels
Default Exports in JavaScript Modules Are Terrible1306
javascript
DevTools Tips: How to Inspect and Debug CSS Flexbox1305
how-tos, dev-tools, css, flexbox, tips-and-tricks, browsers, chrome
Beginner’s Guide to Lists and How to Make Them Accessible (pop)1304
guides, html, lists, accessibility
“Accessibility at the Edge” W3C CG Is an Overlay Smoke Screen (aar)1303
accessibility, overlays, w3c, history
4 Ways to Minimize Your Dependencies in Node.js (skw/app)1302
nodejs, npm, dependencies
Small Steps: Celebrating Four Accessibility Wins (red)1301
accessibility, communication
Neutrality Isn’t an Option When It Comes to Accessibility (kar)1300
accessibility
An Argument Against CSS Opacity (tpg)1299
css, accessibility, colors, contrast, transparency+opacity
Interpolating Numeric CSS Variables (geo/css)1298
css, custom-properties
Understanding “useMemo” and “useCallback” (jos)1297
react, hooks
CSS Container Queries Are Finally Here (sha)1296
css, container-queries
Things Not Available When Someone Blocks All Cookies (tom)1295
cookies
Cypress Testing: A Guide to Running Web Application Tests1294
guides, testing, cypress
JavaScript Bugs Aplenty in Node.js Ecosystem—Found Automatically1293
studies, research, nodejs, javascript, dependencies, security, quality, bugs
Should I Use a Button or a Link? (ash)1292
html, buttons, links, semantics
Parents Counting Children in CSS (mat)1291
css, selectors
What Makes A Great Toggle Button? II (sma)1290
forms, toggles, usability
Monitor Events and Function Calls via Console (dav)1289
javascript, events, monitoring
Communication Around Digital Accessibility Must Improve: How Users and Businesses Alike Are Failing to Advance Digital Accessibility1288
accessibility, communication
An Ideal REST API—Best Practices1287
apis, rest, best-practices
The Three Laws of Utility Classes (jar)1286
css, presentational-html
On Design System Support1285
design-systems
What Is Closed Captioning?1284
accessibility, multimedia, captions
Modern Alternatives to BEM (dav)1283
css, sorting, naming, bem, comparisons
Be Good-Argument-Driven, Not Data-Driven1282
metrics, processes
Making a Twitter Bot in the Year 2022 With Node.js1281
bots, nodejs, twitter+x
Using Grid Named Areas to Visualize (and Reference) Your Layout (css)1280
css, grids, layout, visualization
CSS Classes Considered Harmful (kei)1279
css, html
Designing Better Error Messages UX (sma)1278
user-experience, usability, design, errors
Implementing Promisable “setTimeout” (skw)1277
javascript, time
Short Note on “figure” and “figcaption” (ste)1276
accessibility, html
Installing and Running Node.js Bin Scripts (rau)1275
installing, nodejs, npm
Why Your Website Should Be Under 14 kB in Size1274
performance, protocols
Complex Conditional Width Using “flex-basis” With “clamp” (hey)1273
css, flexbox
20 Principles I Learned From 10 Years of Developing Software1272
principles
What Is a REST API? (cra)1271
apis, rest, javascript
Creative List Styling (mic)1270
html, lists, css
The Design Principle Paradox (ian)1269
design, principles
What Customer-First Web Design Looks Like (web)1268
design, business-relations
Accessibility and Supporting Internet Explorer (gra/tet)1267
accessibility, browsers, internet-explorer, support
Measure What You Impact, Not What You Influence (css)1266
performance, metrics, optimization
TIL: You Can Access a User’s Camera With Just HTML (aus)1265
html, permissions
Tracking the World in About 80 Lines of JavaScript (kzi)1264
javascript, privacy
5 Quick Ways to Check Your Site Against New WCAG 2.2 Standards1263
accessibility, wcag, compliance
Why Every University Needs an Accessible Standard Website Template1262
accessibility, content-management, frameworks
8 Tricks for SVG Optimization1261
images, svg, tips-and-tricks, optimization
A Handy Use for Cascade Layers (mic)1260
css, cascade
What’s the Value of a Design System? (ben/sma)1259
podcasts, interviews, design-systems
Exploring the Underrated “output” Element (cli)1258
html
Does Accessibility Stifle the Creative Process?1257
accessibility, processes, creativity
Scaling SCM Front-End Design With a Design System1256
design-systems, scalability
How to Use localStorage in JavaScript: An Easy Guide1255
how-tos, javascript, browser-storage, guides
Class-Less CSS Frameworks (pau)1254
css, frameworks, minimalism, resets
CSS Grid and Custom Shapes II (css/css)1253
css, grids, design
Prepare for WCAG 2.2 and Beyond (lev)1252
videos, wcag, accessibility, standards
What Makes a Great Toggle Button? (sma)1251
forms, toggles, usability
Mac VoiceOver Testing the Simple Way (spa/clo)1250
accessibility, testing, screen-readers, voiceover
Why User Personas Matter in UX Design (uxm)1249
user-experience, usability, design, personas
Design Systems: Prototyping on Steroids1248
design-systems, prototyping
Conducting an Effective Web-Site UX Audit (uxm)1247
user-experience, auditing
Advanced TypeScript Patterns: API Contracts1246
typescript, apis
Meet the Top Layer: A Solution to “z-index: 10000” (jhe)1245
css, positioning
Bring Focus to the First Form Field With an Error (aar)1244
accessibility, forms, focus
Learn 5 Optimization Tips for Webpack Step by Step1243
webpack, optimization, tips-and-tricks
A Simple “clamp()” Function in PHP (ami)1242
php, functions
Screenshots Are Not Documentation1241
documentation, screenshots, images
You’re Not Using HTTP Status Codes Right1240
http, protocols
A Guide to Using User-Experience Research Methods (nng)1239
guides, user-experience, research
Scaling a System1238
design-systems, scalability
React Query vs. SWR1237
videos, react, data-fetching, comparisons
Marko.js—Super-Powerful JS Framework Made by eBay (gea)1236
marko, frameworks, ebay
Re-Implementing JavaScript’s “==” in JavaScript (eva)1235
javascript, operators
Optimize Data Fetching1234
data-fetching, performance
When Do You Use CSS Columns? (geo/css)1233
css, layout
Inclusion Beats Optimization (eri)1232
accessibility, dei, optimization
Use the Right Container Query Syntax (mia/odd)1231
css, container-queries
Using “:has()” as a CSS Parent Selector and Much More (web)1230
css, selectors
An Introduction to Context Propagation in JavaScript (sma)1229
introductions, javascript
Outline Is Your Friend (mat)1228
css, accessibility
Dependency Injection in JS/TS (cod)1227
javascript, typescript
How the CSS “:is”, “:where”, and “:has” Pseudo-Class Selectors Work (cra)1226
css, selectors
React Re-Renders Guide: Preventing Unnecessary Re-Renders (ade)1225
guides, react, client-side-rendering
Better Conditionals in CSS Media Queries With Range Syntax (ami)1224
css, media-queries, conditionals
Can Browsers Optimize the Loading of Third-Party Resources? (add)1223
performance, browsers, embed-code
Color and Contrast1222
websites, guides, colors, contrast
Why React Re-Renders (jos)1221
react, client-side-rendering
Designing a Better Back Button UX (sma)1220
user-experience, usability, buttons
Introduction to Screen Readers (Desktop Edition) (bru)1219
videos, introductions, accessibility, screen-readers, desktop
What Are Design Tokens?1218
design-tokens
CSS Grid and Custom Shapes (css/css)1217
css, grids, design
Optimizing for JavaScript Is Hard (jfm)1216
javascript, optimization
Accessible User Experience and A/B Testing1215
accessibility, user-experience, a-b-testing, optimization
Building Accessible Select Components in React1214
components, react, forms, accessibility
Check Heading Accessibility Using the WAVE Tool (pop)1213
videos, accessibility, headings, assistive-tech, tooling, wave, testing
Table Column Alignment With Variable Transforms (mey)1212
html, css, tables, transforms, alignment
Top 9 Ways to Become a Successful Self-Taught Developer1211
career, learning
What Was That Media Query Code Again?1210
websites, css, media-queries
Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (add)1209
html, performance, web-vitals
5 Modern CLI Tools That Help Boost Your Productivity1208
tooling, productivity
The Console API1207
javascript, console, apis
Creative CSS Layout (mic/css)1206
videos, css, creativity, layout
On Ratings and Meters (lea)1205
semantics, html, css
Websites: Past and Present1204
web, design, history
Custom Event Naming Conventions (cfe)1203
javascript, events, naming
If You’re Not Checking, You’re Guessing (nng)1202
videos, user-experience
(Re-)Introducing Gatsby, a Reactive Site Generator1201
gatsby, react, performance, reactivity, site-generators, introductions
An Introduction to Constraint Based Design Systems1200
introductions, design-systems
Automation and Accessibility—What You Need to Know1199
videos, accessibility, automation
Modern CSS Selectors (cra)1198
css, selectors
Do You Know About “overflow: clip”? (kil)1197
css, overflow
How and Why We Removed jQuery From GOV.UK1196
jquery, performance, maintainability
TypeScript: It’s Not Actually Validating Your Types1195
typescript, validation
TypeScript vs. JavaScript: Which One You Should Use, and Why1194
typescript, javascript, comparisons
Results of Quick Testing of Documentation Tools’ Accessibility1193
accessibility, documentation, tooling
Here, Here, and Here (tem)1192
usability
Designing for Long-Form Articles (dxn/css)1191
design, content
Accessibility Is Writing1190
accessibility, writing
Defining “Integration” Tests (jay)1189
testing
Brief Note on Calendar Tables (aar)1188
accessibility, tables, assistive-tech
Stream Videos With WebRTC API and React (cod)1187
webrtc, apis, react, multimedia
SEO Links Obfuscation and Accessibility Problems1186
seo, links, obfuscation, accessibility
The Death of Mozilla Is the Death of the Open Web1185
open-web, mozilla
Core Web Vitals Tools to Boost Your Web Performance Scores (sma)1184
performance, web-vitals, tooling
Code Golfing Tips and Tricks: How to Minify Your JavaScript Code1183
how-tos, javascript, minification, tips-and-tricks
How to Research Components and Patterns: Common Challenges and How to Overcome Them (cjf)1182
how-tos, design-systems, components
The JavaScript Paradox (rya/thi)1181
javascript
Dark Mode With Design Tokens (luk)1180
design-tokens, dark-mode
Zooming Images in a Grid Layout (css/css)1179
css, grids, effects
No Demo [Website] Reno (mia)1178
design, processes
Bringing Perspective to CSS1177
css
5 Good Practices to Scale Your React Projects Easily1176
react, scalability, best-practices
Capturing Images and Videos From the Camera of Mobile Devices Using HTML (ami)1175
html, multimedia, mobile
The Infinite Marquee (hex)1174
html, css, animations, effects
How to Use Multithreading in Node.js (dig)1173
how-tos, nodejs, multithreading
New in Structured Data: Pros and Cons1172
structured-data, google, search, seo
Polyhierarchy in Information Architecture (nng)1171
videos, information-architecture
How I Added Scroll Snapping to My Twitter Timeline (sim/css)1170
css, scrolling, twitter+x
Light/Dark Mode1169
css, javascript, dark-mode
Not All Zeros Are Equal (mia/odd)1168
css
What Are Best Practices for Creating Alt Text?1167
accessibility, writing, alt-text, images, best-practices
AI-Generated Images From AI-Generated Alt Text (aar)1166
accessibility, images, writing, alt-text, ai
5 Heading Accessibility Issues and How to Fix Them (pop)1165
accessibility, headings, microcontent
One-Dimensional Website Optimization Considered Harmful (j9t)1164
optimization, quality
“:has()”: The Family Selector (jhe)1163
css, selectors
Migration From jQuery to Next.js: A Guide (sma)1162
guides, migrating, jquery, nextjs
Introducing the New npm Dependency Selector Syntax1161
npm, introductions
One Year of Coding—Recommendations for Beginners From a Beginner1160
learning, semantics, accessibility
Introduction to SolidJS1159
introductions, solidjs
Making a Website Under 1 kB1158
performance, minimalism, html
Upload An Image With Node.js (rik)1157
nodejs, images, file-handling
Popular Node.js Patterns and Tools to Re-Consider1156
nodejs, tooling
A Delightful Guide to Culture at Mamo (Inspired by Khalil Gibran)1155
case-studies, guides, culture
Finer Grained Control Over CSS Transforms With Individual Transform Properties (bra+)1154
css, transforms
Ruby Styling (ri/web)1153
html, ruby-markup, css
IE: RIP or BRB? (bru)1152
videos, browsers, internet-explorer, history