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

Frontend Dogma

“2022” News Archive (2)

Entry (Sources) and Additional TopicsDate#
I Made a Full-Stack and Type-Safe Personal Site Using the T3 Stack1649
nextjs, tailwind, type-safety, tech-stacks
How to Build the Foundation for Digital Accessibility (deq)1648
how-tos, accessibility, policies, processes
What if the Team Hates My Functional Code? (jrs)1647
programming
Digital Accessibility—Ask Me Anything (tpg)1646
videos, accessibility
Applying the 8 Golden Rules of User-Interface Design (uxm)1645
design, usability, consistency
Common ARIA Mistakes and How to Avoid Them (ale)1644
accessibility, html, aria, mistakes
CSS Specificity for Beginners (nic)1643
css, selectors, cascade
Data-Oriented Django (ada)1642
videos, django, algorithms
Designing for Users With Disabilities: 10 Factors to Consider (uxm)1641
accessibility, design, usability
Edit Someone Else’s Website: “contenteditable” and “designMode” (aus)1640
html
The Proprietary Syndication Formats (chr)1639
syndication, rss
Hands-On Guide to Color Fonts and “@font-palette-values” (zor/css)1638
videos, guides, css, fonts
Secure JavaScript URL Validation1637
javascript, validation, urls, security
Introducing html.to.design (div)1636
introductions, html, design, figma, plugins, browser-extensions
Google on Alt Text SEO and Accessibility (joh+/sea)1635
google, seo, accessibility, writing, alt-text, images
Forging Successful Partnerships With Software Developers (uxm)1634
collaboration, design
The Wasted Potential of CSS Attribute Selectors1633
css, attributes, selectors, bem
Next.js Crash Course1632
videos, crash-courses, nextjs
Why We’re Breaking Up With CSS-in-JS1631
css, javascript, css-in-js
Don’t Be Arrogantly Ignorant: Don’t Flame1630
career, communication
How to Rebase Stacked Git Branches (ada)1629
how-tos, git
Introduction to WebC (5t3)1628
introductions, webc
Moving From React to htmx (htm)1627
migrating, react, htmx
Container Queries: Style Queries (bra)1626
css, style-queries, container-queries
Utility Framework UnoCSS1625
unocss, presentational-html, css
Design for Them Not for You (nng)1624
videos, design, usability
Scoop: Meta Ending Support for Instant Articles1623
facebook+meta, support
Microfrontends: Microservices for the Frontend1622
micro-frontends, microservices
New Brutalism and Web Accessibility: What You Need to Know1621
design, brutalism, accessibility
Accessibility Checkers—a Good Start, Not a Solution (kno)1620
accessibility, testing, tooling
A Pure CSS Gallery Focus Effect With “:not” (css)1619
css, selectors
Intro to Why Accessibility Is Important for Good SEO (deq)1618
introductions, accessibility, seo
Should We Hire Junior Developer Advocates? (bla)1617
hiring, advocacy, developer-relations, dei
Some Things I Took Away From an Event Apart 2022 in Denver (geo/css)1616
web, accessibility, css
Two JavaScripts (rem)1615
javascript
Why You Should Prefer Using pnpm Over npm and Yarn?1614
pnpm, npm, yarn, comparisons
Upgrading Colors to HD on the Web (bra)1613
css, colors
CDN (htt)1612
web-almanac, studies, research, metrics, performance, content-delivery, tooling
Augmenting Node.js With WebAssembly (nea)1611
videos, nodejs, webassembly
What I Learned About SVG Accessibility (Among Other Things) From NBC News’ Senate “What If” Project1610
accessibility, svg, images, lessons
Representation in “alt” Text (aar)1609
accessibility, dei, writing
Early Days of Container Style Queries (geo/css)1608
css, container-queries, style-queries
Create a Passkey for Passwordless Logins (age)1607
authentication, security, passkeys
The Web’s Next Transition (ken)1606
web-apps, multi-page-apps, single-page-apps, progressive-enhancement
Speeding Up Async Snippets (css)1605
performance, javascript, asynchrony
How to Animate CSS Box Shadows and Optimize Performance1604
how-tos, css, animations, shadows, performance
Design Specifications Template1603
design, templates
Sustainable Web Development Strategies Within an Organization (mic/sma)1602
sustainability, performance, optimization
The Border Property You Never Knew You Needed (kev)1601
videos, css
Tree Views in CSS (kat)1600
css
Wired.com: 20 Years Later (sto)1599
design, retrospectives, case-studies
Quick Tip: How to Use the Ternary Operator in JavaScript1598
how-tos, javascript, operators, tips-and-tricks
Bun? Deno? Node.js? Creating Your Own JavaScript Runtime Using V8, Libuv, and More1597
videos, javascript, runtimes, v8
Delightful UI Animations With Shared Element Transitions API II (cod/sma)1596
javascript, animations, transitions, apis
How to Write Good Alt Text (cfe)1595
how-tos, accessibility, writing, alt-text, images
HTML 2022: 20 Additional Observations From Analyzing the Web Almanac Data (j9t)1594
html, metrics, web-almanac
SVG Sprites: Old-School, Modern, Unknown, and Forgotten (pep)1593
svg, images, sprites, performance
New Patterns for Amazing Apps (tom)1592
web-apps
Landing the Second Click: A Guide to Designing Better Landing Pages1591
guides, design, landing-pages, user-conversion
:where :is CSS?1590
css, selectors
WCAG 2.2 Success Criteria1589
accessibility, wcag
A Little Semantic HTML Trick for React Components1588
react, html, semantics, components, tips-and-tricks
Challenges of Multi-Brand Design Systems1587
design-systems, branding, theming
When New CSS Features Collide: Possibility and Complexity at the Intersections1586
slides, css, complexity, interoperability
Turn Around Your Git Mistakes in 17 Ways1585
git, productivity, mistakes
Usability Heuristic Frameworks: Which One Is Right for You?1584
usability, research
Personas: Study Guide (nng)1583
guides, personas, usability, training, link-lists
4 Required Tests Before Shipping New Features (5t3)1582
accessibility, testing
2022 Web Almanac Report Finds WordPress Adoption Is Growing, Adds New Page Builder Data (sar)1581
studies, research, web-almanac, wordpress, content-management
Prioritizing Technical Debt With Hotspots1580
videos, technical-debt, visualization, prioritization
Understanding “async” and “await”1579
javascript, asynchrony
Layout Breakouts With CSS Grid (hex)1578
css, grids, layout
A Short Story of the Google Error Page (j9t)1577
history, google, error-pages
Adding Components to Eleventy With WebC (zac)1576
eleventy, components, webc
Debugging CSS, No Extensions Required (kev)1575
videos, css, debugging, browsers, browser-extensions
How to Safely Pass Data to JavaScript in a Django Template (ada)1574
how-tos, javascript, django
How to Safely Share Your Email Address on a Website (css)1573
how-tos, communication, email
The Future of Rendering in React (psu)1572
react, client-side-rendering, server-side-rendering
Unless You’re in the Mafia, Your Company Isn’t Your Family (cod)1571
career
WordPress.org Plugin Developers Demand Transparency Regarding the Removal of Active Install Growth Data (sar)1570
wordpress, plugins, metrics
How to Optimize Resource Loading With the “fetchpriority” Attribute (mat/deb)1569
how-tos, html, performance, optimization
The Future of the Web Is on the Edge (den)1568
deno, edge-computing
Five Months Worth of Takes on the Digital Accessibility Space1567
accessibility, testing, tooling
Awesome Tools for Open Source Contributions1566
tooling, foss, documentation
AI Code Completion Is Like Cruise Control—and That’s Great News for Bigger Teams (cod)1565
ai, code-completion, productivity, collaboration
Front-End Development Is Like… (geo)1564
career
Patching the Open Web (jim)1563
open-web
Using Web Components With Next (or Any SSR Framework) (ada/css)1562
web-components, nextjs, server-side-rendering
Easy Fluid Typography With “clamp()” Using Sass Functions (uti/sma)1561
liquid-design, typography, css, sass, functions
Foundations: HTML Semantics (ihe/tet)1560
accessibility, fundamentals, html, semantics
Top 10 CSS One Liners That Will Blow Your Mind1559
videos, css
Quick Tip: How to Use the Spread Operator in JavaScript1558
how-tos, javascript, operators, tips-and-tricks
Use “npm query” and jq to Dig Into Your Dependencies1557
videos, npm, dependencies, auditing
A CSS Class-Naming Convention Might Still Be Your Best Choice (ben)1556
css, naming, conventions
CSS Grid vs. Flexbox: How to Decide (With Examples) (ell)1555
css, grids, flexbox, layout, comparisons, examples
When Going Somewhere Does a Thing: On Links and Buttons (kil)1554
accessibility, html, links, buttons, semantics
Where Are the Accessibility Statements? Digital Accessibility Shouldn’t Be a Surprise (deq)1553
accessibility, documentation
CSS Halftone Patterns (mic)1552
css, effects, halftone
The Missing Math Methods in JavaScript1551
javascript, math, methods
3 Things to Consider Before You Implement CAPTCHA for Accessibility1550
accessibility, captcha
Can Consistency Harm Your Product?1549
design, consistency
One Formula to Rule Them All: The ROI of a Design System1548
design-systems
Four Ways to Pick the Right UX Method1547
user-experience, research
Designing a Secure API1546
software-design, apis, security
Component-Level Design Tokens: Are They Worth It?1545
design-tokens, components
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
Busting the Myths About Agile Development and User Research (uxm)1543
agile, user-experience, research, myths
Delightful UI Animations With Shared Element Transitions API (cod/sma)1542
javascript, animations, transitions, apis
I Changed My Mind About Writing New JavaScript Frameworks (whi)1541
javascript, frameworks
I Turned JS Into a Compiled Language (for Fun and Wasm) (sur)1540
javascript, compiling, webassembly
The Difference Between “undefined” and “not defined” in JavaScript1539
javascript
CSS-Only Type Grinding: Casting Tokens Into Useful Values1538
css, design-tokens
Jenkins Best Practices Every Developer Must Know1537
jenkins, best-practices
Minimalism as Narcissism1536
minimalism
Mobile UX Design in 2022 (uxm)1535
user-experience, mobile, design
Phylum Detects Active Typosquatting Campaign Targeting npm Developers1534
npm, dependencies, security
Software Engineering Practices (sim)1533
best-practices, documentation, testing, migrating, formatting, environments, automation
Ten Years of TypeScript (dan/typ)1532
typescript
What Is Website Minimalism?1531
minimalism, design
Why I Don’t Use Prettier (ant)1530
prettier
Building Delight in Your Design System (lur/zer)1529
design-systems, user-experience
Getting Started With WordPress Block Development (css)1528
wordpress, introductions
How to Scale SVG (ame/css)1527
how-tos, scaling, svg, images
Templating in HTML (kit)1526
html, javascript
Why UX? (nng)1525
videos, user-experience
Choosing the Best Node.js Docker Image1524
nodejs, docker
Learn Accessibility (car)1523
courses, accessibility
Optimize Long Tasks (mal)1522
performance, javascript, optimization
depngn1521
packages, npm, nodejs, dependencies
A Web Component Story (cla)1520
web-components, design-systems
CSS Selectors—Cheat Sheet for Class, Name, Child Selector List (fre)1519
css, selectors, examples, cheat-sheets
“:has()” Opens Up New Possibilities With CSS (kev)1518
videos, css, selectors
Intersectionality, Accessibility, and Inclusion (int)1517
videos, accessibility, dei
State of CSS 2022 (sac+/dev)1516
surveys, css
Yes, Accessibility Is Also a Backend Concern (eri)1515
accessibility
Software Development Has No Gatekeeping (fla)1514
programming
Why You Should Care About Design in Uncertain Times1513
design
How to Center a Div Using CSS Grid1512
how-tos, css, grids, centering
Getting the Power of Vim in WebStorm and Other JetBrains IDEs (jet)1511
code-editors, jetbrains, webstorm, vi+vim
GIFs Without the .gif: The Most Performant Image and Video Options Right Now (oll/css)1510
performance, multimedia, images, gif, html
How to Return Multiple Values From a Function in JavaScript (ami)1509
how-tos, javascript, functions
Performance Budgets: The Easiest Way to a Faster Site (fox/cal)1508
performance, performance-budgets
This Site’s Type Is Now Variable (ell)1507
typography, fonts, variable-fonts, css
Websites Need to Be Accessible to Be Inclusive1506
accessibility, dei
Let Me Understand How JavaScript Works Under the Hood1505
javascript
How to Make Your Designs Scannable (and Why You Should) (web)1504
how-tos, design, usability
7 Things to Consider When Working On a Personal Project1503
career, learning
Dear Console… (cod)1502
console, javascript
Five Data-Loading Patterns to Boost Web Performance (sma)1501
performance
Closing a 30 Pixel Gap Between Native and Web (pat)1500
web-apps, browsers, web, native
Learn HTML (est)1499
courses, html
A Deep Dive Into WCAG 2.2—and Beyond (yat)1498
podcasts, accessibility, wcag, deep-dives
Useful JavaScript Math Functions and How to Use Them1497
javascript, math, functions
Don’t Worry, Nobody Is Replacing Node, Not Even Bun and Even Less Deno1496
nodejs, bun, deno
Named Element IDs Can Be Referenced as JavaScript Globals (css)1495
javascript, html
100 Days of More or Less Modern CSS (mat)1494
css
6+5 Ways to Make a Two-Column Layout: From Pretty Reasonable to Completely Wrong (pep)1493
layout, css
How to Create Wavy Shapes and Patterns in CSS (css/css)1492
how-tos, css, effects
How to Get All Sibling Elements of a Link or Button With Vanilla JavaScript (cfe)1491
how-tos, links, buttons, javascript
I Am Not That Excited About New CSS Features (cit)1490
css
Interoperability (bka/htt)1489
web-almanac, studies, research, metrics, interoperability
Markup (j9t/htt)1488
web-almanac, studies, research, metrics, html
Security (htt)1487
web-almanac, studies, research, metrics, security
Accessibility (htt)1486
web-almanac, studies, research, metrics, accessibility
JavaScript (mal/htt)1485
web-almanac, studies, research, metrics, javascript
Sustainability (htt)1484
web-almanac, studies, research, metrics, sustainability
SEO (htt)1483
web-almanac, studies, research, metrics, seo
Page Weight (jam/htt)1482
web-almanac, studies, research, metrics, performance
CMS (htt)1481
web-almanac, studies, research, metrics, content-management
The New Wave of JavaScript Web Frameworks1480
javascript, frameworks, react, vuejs, svelte, solidjs
Fonts (htt)1479
web-almanac, studies, research, metrics, fonts
HTTP (htt)1478
web-almanac, studies, research, metrics, http, protocols
Media (htt)1477
web-almanac, studies, research, metrics, multimedia, images
CSS (htt)1476
web-almanac, studies, research, metrics, css
K-Means Clustering Visualization Using D3.js1475
visualization, javascript
Streamable HTML Fragments (dev)1474
html, streaming
Two Things I Learned by Validating My HTML Again1473
html, conformance, lessons
Continue Using .env Files as Usual1472
environments, security
Writing Composable SQL Using JavaScript1471
javascript, databases, sql
Audience-Based Website Navigation (nng)1470
videos, usability, navigation
Quick Reminder: HTML5 “required” and “pattern” Are Not a Security Feature (cod)1469
html, forms, security
Top Task Analysis: Make It Fast and Efficient (boa)1468
processes
Use Cases for CSS Comparison Functions (sha)1467
css, functions
Speedy CSS Tip! Animated Loader (jhe)1466
css, tips-and-tricks
Testing Web Design Color Contrast (arg)1465
testing, colors, contrast
A Designer’s Guide to Documenting Accessibility (ste)1464
videos, design, accessibility, documentation
Attitudes to Digital Accessibility Survey 20221463
surveys, accessibility, dei
Randomness in CSS1462
css, randomness
Blind People Need to Be Considered More When Making Data Visualizations1461
accessibility, information-design
Things I Wish I Had Known About Angular When I Started (sma)1460
angular
The Indisputable Truth About Accessibility1459
videos, accessibility
5 Ways That UX Developers Influence SEO (web)1458
user-experience, seo
Creative Section Breaks Using CSS “clip-path” (zor/css)1457
videos, css, masking, clipping
Designing Better Inline Validation UX (vit/sma)1456
forms, validation, user-experience
Rest vs. Spread Syntax in JavaScript (ami)1455
javascript, comparisons
Inspect and Modify CSS Animation Effects (pat+)1454
browsers, edge, dev-tools, css, animations, debugging
Element Timing: One True Metric to Rule Them All? (and/spe)1453
performance, time, apis, metrics
Will Serving Real HTML Content Make a Website Faster? Let’s Experiment! (sco)1452
studies, research, html, performance
A “details” Element as a Burger Menu Is Not Accessible (ger/clo)1451
html, disclosure-widgets, semantics, accessibility
Clarifying Color Contrast and Font Size Guidelines (mar)1450
accessibility, colors, contrast, readability
Container Queries Are Going to Change How We Make Layouts (kev)1449
videos, css, container-queries, layout
CSS Rules vs. CSS Rulesets (lou)1448
css, comparisons
It’s Good to Make Mistakes (tem)1447
accessibility, design, mistakes
Prototyping to Learn (dav)1446
prototyping, learning
The Web Is Good Now (chr/cas)1445
videos, web
Making Your Web Pages Printer-Friendly With CSS (cra)1444
css, print
How to Generate Random Numbers in JavaScript With “Math.random()”1443
how-tos, javascript, math, randomness
React I Love You, but You’re Bringing Me Down (fra/mar)1442
react
Shell Scripting With Node.js (rau)1441
books, nodejs, shells
Why Designers Quit1440
design, career
Type-Level TypeScript1439
websites, typescript
Accessibility Is Systemic1438
accessibility
5 Ways to Use Data Visualization in Your Content to Increase Traffic (uxm)1437
visualization, content, traffic, optimization
Building a Retro Draggable Web Component With Lit (and/sma)1436
web-components, javascript
CSS Drawings (alv)1435
css, art
Web Sustainability and the Ethical Dilemma (mic)1434
sustainability, ethics, web
How to Get the Current Timestamp in JavaScript1433
how-tos, javascript
5 Tips for Prioritizing Dependabot Alerts1432
dependabot, alerting, tips-and-tricks
Design 4.0: Leading Design in the New Industry1431
design
Rethinking a Design System1430
design-systems
How Rapid Usability Testing Is Changing UX Research (uxm)1429
usability, user-experience, research, testing
Stop Using .env Files Now1428
environments, security
Debunking Myths About HTTPS1427
http, security, myths
Accidental Dismissal of Overlays: A Common Mobile Usability Problem (nng)1426
usability, mobile, overlays
The Git Commands I Use Every Day1425
git, command-line
Brief Note on Super- and Subscript Text (aar)1424
html, accessibility, support, assistive-tech
How to (Not) Make a Button1423
how-tos, accessibility, buttons, semantics, html
When Design Systems Lie (css)1422
videos, design-systems
Accessibility Is for Every One1421
accessibility
Buttons and the Baader–Meinhof Phenomenon (mat)1420
buttons, accessibility
I Never Thought This Would Be Possible With CSS (kev)1419
videos, css, selectors
Invalid CSS (cit)1418
css, conformance
Total Blocking Time: A Short and Sweet Guide for Happier Users (ben/cal)1417
performance, javascript
Why the Number Input Is the Worst Input1416
html, forms, validation, accessibility
Five Things You Can Do to Be More Inclusive (dbo)1415
dei, accessibility
Why Are Vanity Metrics Still Problematic?1414
metrics
Designing for People With Cognitive Disabilities and Everyone Else1413
videos, accessibility, design
How to Substantially Slow Down Your Node.js Server1412
how-tos, performance, nodejs
Accessibility in Times of Headless (sma)1411
accessibility, content-management, headless
The Rise of the TikTok Pattern1410
design, social-media
7 Must Know JavaScript Tips and Tricks1409
javascript, tips-and-tricks
Design Tokens 1011408
design-tokens
Let’s Get Logical1407
css, logical-properties
Container Queries in Browsers! (mia)1406
css, container-queries, support
JavaScript APIs You Don’t Know About (mon/sma)1405
javascript, apis
On Better Browsers: Arbitrary Media Queries and Browser UIs (kil)1404
css, media-queries, accessibility
Quick Tip: Embedding YouTube Videos in GitHub Pages (cod)1403
embed-code, youtube, social-media, github-pages, tips-and-tricks
When Is It OK to Disable Text Selection? (dxn/css)1402
css, usability, accessibility
A Guide to Rounding Numbers in JavaScript1401
guides, javascript
3 Problems Scrum Doesn’t Solve1400
agile, scrum, processes
Secure Your Node.js App With JSON Web Tokens (app)1399
nodejs, json-web-tokens, security
W3C TAG Ethical Web Principles1398
ethics, principles, w3c
The State of Digital Accessibility: Three Key Challenges (moz)1397
accessibility, legal, web
Better Accessible Names (hdv)1396
accessibility, naming
Conditionally Spreading Objects in JavaScript (ami)1395
javascript, objects
PureComponents vs. Functional Components With Hooks (ade)1394
react, components, hooks, comparisons
The Power of CSS Blend Modes (spa/clo)1393
css, blend-modes
What Is Data Engineering? (ger)1392
concepts, data-engineering
Detecting CSS Selector Support (mic)1391
css, selectors, support, feature-detection
Intrinsic CSS With Container Queries and Units (mia)1390
videos, intrinsic-design, css, container-queries, units
Node.js Native Binary Compilation Using Vercel pkg1389
nodejs, compiling, vercel
First Batch of Color Fonts Arrives on Google Fonts1388
google, fonts, typography, colors
Wtf Is an Island and Why Is It in My Website?1387
frameworks, html, architecture, concepts
Making Sense of WAI–ARIA: A Comprehensive Guide (sma)1386
guides, accessibility, aria, html
The Basics of Remix (css)1385
fundamentals, frameworks, remix
Disability Is Not a Dirty Word1384
accessibility, communication
2022: 0 of the Global Top 100 Websites Use Valid HTML (j9t)1383
html, css, conformance, metrics, quality, craft
The “details” and “summary” Elements, Again (sco)1382
html, disclosure-widgets, accessibility
Nuclear Footnotes (mey)1381
footnotes, html, css
When Life Gives You Lemons, Write Better Error Messages1380
user-experience, writing
My Five Biggest Design System Mistakes1379
design-systems, mistakes
Justin Yarbrough Talks About Alt Text1378
podcasts, accessibility, writing, alt-text, images
The Seventh Way to Call a JavaScript Function Without Parentheses1377
javascript, functions
Which Fonts to Use for Your Charts and Tables (lis/dat)1376
fonts, information-design, tables
Ladybird: A New Cross-Platform Browser Project1375
ladybird, browsers
Best Practices for Creating a Modern npm Package1374
best-practices, npm
Antipersonas: What, How, Who, and Why? (nng)1373
usability, personas
Mastering These 7 Basics CSS Skills Will Make You a Frontend Wizard1372
fundamentals, css
Your Next.js Bundle Will Thank You1371
nextjs, bundling, performance
Mastering DOM Manipulation With Vanilla JavaScript1370
javascript, dom
How to Run Qodana CI in Backend and Frontend Sub-Folders of a Monorepo1369
how-tos, qodana, ci-cd, monorepos, github-actions
Converting PNG Images to WebP Using PHP (ami)1368
conversion, images, png, webp, php
Make It Short—Make It Better1367
javascript, minimalism
CSS “line-height” (mar)1366
css, typography
How I Made a Pure CSS Puzzle Game (css/css)1365
css
Keeping Your CSS Small: Scopes, Containers, and Other New Stuff (tab/css)1364
videos, css, scope, complexity
Button Minimum Width (sha)1363
css, buttons
How to Monitor a Next.js Application1362
how-tos, nextjs, monitoring
Node Version Manager—nvm Install Guide (fre)1361
guides, installing, nvm
A Guide to Choosing the Right React State Management Solution (log)1360
guides, react, state-management
A Quick Primer on Testing JavaScript (cfe)1359
introductions, javascript, testing
Fresh 1.1—Automatic JSX, Plugins, DevTools, and More (lca/den)1358
release-notes, fresh
What’s New With Forms in 2022? (oll/css)1357
forms, javascript, html
Lightning CSS (dev)1356
websites, css, lightning-css
Text Is the Universal Interface1355
apis
Towards a Factory Model of Designing User Interfaces—Slotted Systems in Figma1354
design, design-systems, figma
12 Modern UI Components to Inspire Your Future Designs1353
design, components
Me and React: 5 Years in 15 Minutes1352
react
Are Modals in Web Design a UX Disaster? (web)1351
design, user-experience, accessibility, modals
Building the Main Navigation for a Website (mat)1350
navigation, html, css
Dependabot Unlocks Transitive Dependencies for npm Projects1349
dependencies, npm, security, dependabot
How Your Favourite UI Libraries Manage Their Icons (and)1348
libraries, images, icons, maintenance
Rewriting Tests From Cypress to Playwright Using GPT31347
testing, cypress, playwright, ai, code-completion, refactoring
An Overview of Node.js: Architecture, APIs, Event Loop, Concurrency (rau)1346
overviews, nodejs, architecture, apis, event-loop, events, concurrency
Detect When Users Switch Tabs Using JavaScript1345
javascript
WCAG 2.2 Hits Candidate Recommendation—but What Does It Mean? (int)1344
wcag, standards
A Whole Cascade of Layers (mia)1343
css, cascade
An Attempt at Outlining the Many Factors Influencing Developer Experience (j9t)1342
developer-experience, overviews
How to Improve Largest Contentful Paint for Faster Load Times (fox/cal)1341
how-tos, performance, web-vitals, optimization
So Your Designer Wants Stuff to Overlap (hui)1340
design, css
The Realities and Myths of Contrast and Color (sma)1339
accessibility, contrast, colors, myths
The Stubborn Computing Manifesto1338
manifestos
W3C Accessibility Maturity Model (w3c)1337
accessibility, processes, culture, leadership
Critical CSS? Not So Fast! (css)1336
css, performance, critical-path
Introducing Signals1335
introductions, preact, state-management, signals
Rewrite Your Git History in 4 Friendly Commands (whi)1334
git, command-line
How to Build Event-Driven Architecture on AWS? (has)1333
how-tos, architecture, events, aws
Hacking CSS Animation State and Playback Time (css)1332
css, animations
5 Reasons to Invest in User Experience (uxm)1331
user-experience
Getting Started With MathML (mdn)1330
introductions, mathml
Top 5 Technology Trends in UX Design (uxm)1329
user-experience, design, trends
A/B Testing in 7 Steps to Quickly Improve Your Conversions (uxm)1328
a-b-testing, user-conversion, optimization
HTML Markup Tips for Developing Accessible Websites1327
html, accessibility, aria
Dreamy Blur1326
css, svg, effects
The Art of Writing Secrets: Encryption for JavaScript Developers (wom)1325
cryptography, javascript, encryption
Understanding Regulatory Compliance and Making It Work on Your Web Site (uxm)1324
compliance, legal
A Content Warning Component (kit)1323
components, html, css
Infinite Scrolling: When to Use It, When to Avoid It (nng)1322
usability, user-experience, scrolling
Prestige Is the Designer’s Achilles’ Heel1321
design
A Beginner’s Guide to Design Tokens1320
guides, design-tokens
Dear Oracle, Please Release the JavaScript Trademark (tin)1319
javascript, licensing, legal, oracle
Disabled JavaScript Turns Off Native Lazy Loading (ste)1318
javascript, html, performance, lazy-loading
Git Cheatsheet1317
git, command-line, cheat-sheets
Focus Appearance Explained (tem)1316
accessibility, wcag, forms, focus
Is It “:modal”? (jhe)1315
css, selectors, modals
The Accessibility and Usability Journey of Drupal’s Primary Navigation (sma)1314
drupal, accessibility, usability
What Is a Webmention and How Do I Use It in WordPress?1313
webmentions, wordpress
Big O Notation Basics Made Dead Simple1312
fundamentals, algorithms
“Accessibility at the Edge” W3C CG Is an Overlay Smoke Screen (aar)1311
accessibility, overlays, w3c, history
Accessible Lists and Tables (pop)1310
accessibility, html, lists, tables
Beginner’s Guide to Lists and How to Make Them Accessible (pop)1309
guides, html, lists, accessibility
Don’t Overwrite Visual Labels With “aria-label” (ash)1308
accessibility, html, aria, labels
How Is This Possible With CSS Only?! (kev)1307
videos, css, custom-properties, selectors, animations
Is Design Thinking Overhyped?1306
design
Comparing JAWS, NVDA, and VoiceOver (css)1305
accessibility, screen-readers, comparisons, jaws, nvda, voiceover
DevTools Tips: How to Inspect and Debug CSS Flexbox1304
how-tos, dev-tools, css, flexbox, tips-and-tricks, browsers, chrome
Useful JavaScript Data Grid Libraries (sma)1303
javascript, libraries, grids, information-design, comparisons
How I Maintain OSS Projects1302
foss, maintenance
Default Exports in JavaScript Modules Are Terrible1301
javascript
Neutrality Isn’t an Option When It Comes to Accessibility (kar)1300
accessibility
Small Steps: Celebrating Four Accessibility Wins (red)1299
accessibility, communication
4 Ways to Minimize Your Dependencies in Node.js (skw/app)1298
nodejs, npm, dependencies
CSS Container Queries Are Finally Here (sha)1297
css, container-queries
Interpolating Numeric CSS Variables (geo/css)1296
css, custom-properties
Things Not Available When Someone Blocks All Cookies (tom)1295
cookies
Understanding “useMemo” and “useCallback” (jos)1294
react, hooks
An Argument Against CSS Opacity (tpg)1293
css, accessibility, colors, contrast, transparency+opacity
JavaScript Bugs Aplenty in Node.js Ecosystem—Found Automatically1292
studies, research, nodejs, javascript, dependencies, security, quality, bugs
Cypress Testing: A Guide to Running Web Application Tests1291
guides, testing, cypress
Monitor Events and Function Calls via Console (dav)1290
javascript, events, monitoring
Parents Counting Children in CSS (mat)1289
css, selectors
Should I Use a Button or a Link? (ash)1288
html, buttons, links, semantics
What Makes A Great Toggle Button? II (sma)1287
forms, toggles, usability
Communication Around Digital Accessibility Must Improve: How Users and Businesses Alike Are Failing to Advance Digital Accessibility1286
accessibility, communication
The Three Laws of Utility Classes (jar)1285
css, presentational-html
An Ideal REST API—Best Practices1284
apis, rest, best-practices
Modern Alternatives to BEM (dav)1283
css, sorting, naming, bem, comparisons
What Is Closed Captioning?1282
accessibility, multimedia, captions
On Design System Support1281
design-systems
Be Good-Argument-Driven, Not Data-Driven1280
metrics, processes
Making a Twitter Bot in the Year 2022 With Node.js1279
bots, nodejs, twitter+x
Using Grid Named Areas to Visualize (and Reference) Your Layout (css)1278
css, grids, layout, visualization
Designing Better Error Messages UX (vit/sma)1277
user-experience, usability, design, errors
Short Note on “figure” and “figcaption” (ste)1276
accessibility, html
Why Your Website Should Be Under 14 kB in Size1275
performance, protocols
CSS Classes Considered Harmful (kei)1274
css, html
Complex Conditional Width Using “flex-basis” With “clamp” (hey)1273
css, flexbox
Installing and Running Node.js Bin Scripts (rau)1272
installing, nodejs, npm
20 Principles I Learned From 10 Years of Developing Software1271
principles
Implementing Promisable “setTimeout” (skw)1270
javascript, time
Measure What You Impact, Not What You Influence (css)1269
performance, metrics, optimization
TIL: You Can Access a User’s Camera With Just HTML (aus)1268
html, permissions
Tracking the World in About 80 Lines of JavaScript (kzi)1267
javascript, privacy
What Customer-First Web Design Looks Like (web)1266
design, business-relations
Creative List Styling (mic)1265
html, lists, css
What Is a REST API? (cra)1264
apis, rest, javascript
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
Accessibility and Supporting Internet Explorer (gra/tet)1261
accessibility, browsers, internet-explorer, support
The Design Principle Paradox (ian)1260
design, principles
What’s the Value of a Design System? (ben+/sma)1259
podcasts, interviews, design-systems
A Handy Use for Cascade Layers (mic)1258
css, cascade
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
Exploring the Underrated “output” Element (cli)1254
html
8 Tricks for SVG Optimization1253
images, svg, tips-and-tricks, optimization
Advanced TypeScript Patterns: API Contracts1252
typescript, apis
Bring Focus to the First Form Field With an Error (aar)1251
accessibility, forms, focus
Conducting an Effective Web-Site UX Audit (uxm)1250
user-experience, auditing
CSS Grid and Custom Shapes II (css/css)1249
css, grids, design
What Makes a Great Toggle Button? (sma)1248
forms, toggles, usability
Learn 5 Optimization Tips for Webpack Step by Step1247
webpack, optimization, tips-and-tricks
Meet the Top Layer: A Solution to “z-index: 10000” (jhe)1246
css, positioning
Mac VoiceOver Testing the Simple Way (spa/clo)1245
accessibility, testing, screen-readers, voiceover
Class-Less CSS Frameworks (pau)1244
css, frameworks, minimalism, resets
Why User Personas Matter in UX Design (uxm)1243
user-experience, usability, design, personas
Design Systems: Prototyping on Steroids1242
design-systems, prototyping
Prepare for WCAG 2.2 and Beyond (lev)1241
videos, wcag, accessibility, standards
A Simple “clamp()” Function in PHP (ami)1240
php, functions
Screenshots Are Not Documentation1239
documentation, screenshots, images
A Guide to Using User-Experience Research Methods (nng)1238
guides, user-experience, research
You’re Not Using HTTP Status Codes Right1237
http, protocols
Re-Implementing JavaScript’s “==” in JavaScript (eva)1236
javascript, operators
Marko.js—Super-Powerful JS Framework Made by eBay (gea)1235
marko, frameworks, ebay
React Query vs. SWR1234
videos, react, data-fetching, comparisons
Scaling a System1233
design-systems, scalability
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 (jen/web)1230
css, selectors
When Do You Use CSS Columns? (geo/css)1229
css, layout
Optimize Data Fetching1228
data-fetching, performance
An Introduction to Context Propagation in JavaScript (sma)1227
introductions, javascript
Better Conditionals in CSS Media Queries With Range Syntax (ami)1226
css, media-queries, conditionals
Outline Is Your Friend (mat)1225
css, accessibility
React Re-Renders Guide: Preventing Unnecessary Re-Renders (ade)1224
guides, react, client-side-rendering
Dependency Injection in JS/TS (cod)1223
javascript, typescript
Can Browsers Optimize the Loading of Third-Party Resources? (add)1222
performance, browsers, embed-code
How the CSS “:is”, “:where”, and “:has” Pseudo-Class Selectors Work (cra)1221
css, selectors
Designing a Better Back Button UX (vit/sma)1220
user-experience, usability, buttons
Why React Re-Renders (jos)1219
react, client-side-rendering
Introduction to Screen Readers (Desktop Edition) (bru)1218
videos, introductions, accessibility, screen-readers, desktop
Color and Contrast1217
websites, guides, colors, contrast
CSS Grid and Custom Shapes (css/css)1216
css, grids, design
Table Column Alignment With Variable Transforms (mey)1215
html, css, tables, transforms, alignment
Accessible User Experience and A/B Testing1214
accessibility, user-experience, a-b-testing, optimization
What Are Design Tokens?1213
design-tokens
Building Accessible Select Components in React1212
components, react, forms, accessibility
Optimizing for JavaScript Is Hard (jfm)1211
javascript, optimization
Check Heading Accessibility Using the WAVE Tool (pop)1210
videos, accessibility, headings, assistive-tech, tooling, wave, testing
Top 9 Ways to Become a Successful Self-Taught Developer1209
career, learning
Tip: Use “fetchpriority=high” to Load Your LCP Hero Image Sooner (add)1208
html, performance, web-vitals
What Was That Media Query Code Again?1207
websites, css, media-queries
5 Modern CLI Tools That Help Boost Your Productivity1206
tooling, productivity
Custom Event Naming Conventions (cfe)1205
javascript, events, naming
On Ratings and Meters (lea)1204
semantics, html, css
Creative CSS Layout (mic/css)1203
videos, css, creativity, layout
If You’re Not Checking, You’re Guessing (nng)1202
videos, user-experience
Automation and Accessibility—What You Need to Know1201
videos, accessibility, automation
(Re-)Introducing Gatsby, a Reactive Site Generator1200
gatsby, react, performance, reactivity, site-generators, introductions
Websites: Past and Present1199
web, design, history
The Console API1198
javascript, console, apis
An Introduction to Constraint Based Design Systems1197
introductions, design-systems
Do You Know About “overflow: clip”? (kil)1196
css, overflow
TypeScript: It’s Not Actually Validating Your Types1195
typescript, validation
Modern CSS Selectors (cra)1194
css, selectors
How and Why We Removed jQuery From GOV.UK1193
jquery, performance, maintainability
Results of Quick Testing of Documentation Tools’ Accessibility1192
accessibility, documentation, tooling
TypeScript vs. JavaScript: Which One You Should Use, and Why1191
typescript, javascript, comparisons
Here, Here, and Here (tem)1190
usability
Designing for Long-Form Articles (dxn/css)1189
design, content
Brief Note on Calendar Tables (aar)1188
accessibility, tables, assistive-tech
Code Golfing Tips and Tricks: How to Minify Your JavaScript Code1187
how-tos, javascript, minification, tips-and-tricks
How to Research Components and Patterns: Common Challenges and How to Overcome Them (cjf)1186
how-tos, design-systems, components
Stream Videos With WebRTC API and React (cod)1185
webrtc, apis, react, multimedia
Accessibility Is Writing1184
accessibility, writing
SEO Links Obfuscation and Accessibility Problems1183
seo, links, obfuscation, accessibility
Defining “Integration” Tests (jay)1182
testing
Core Web Vitals Tools to Boost Your Web Performance Scores (sma)1181
performance, web-vitals, tooling
The Death of Mozilla Is the Death of the Open Web1180
open-web, mozilla
The JavaScript Paradox (rya/thi)1179
javascript
Zooming Images in a Grid Layout (css/css)1178
css, grids, effects
Dark Mode With Design Tokens (luk)1177
design-tokens, dark-mode
Capturing Images and Videos From the Camera of Mobile Devices Using HTML (ami)1176
html, multimedia, mobile
No Demo [Website] Reno (mia)1175
design, processes
Bringing Perspective to CSS1174
css
5 Good Practices to Scale Your React Projects Easily1173
react, scalability, best-practices
The Infinite Marquee (hex)1172
html, css, animations, effects
How I Added Scroll Snapping to My Twitter Timeline (sim/css)1171
css, scrolling, twitter+x
New in Structured Data: Pros and Cons1170
structured-data, google, search, seo
How to Use Multithreading in Node.js (dig)1169
how-tos, nodejs, multithreading
Polyhierarchy in Information Architecture (nng)1168
videos, information-architecture
5 Heading Accessibility Issues and How to Fix Them (pop)1167
accessibility, headings, microcontent
AI-Generated Images From AI-Generated Alt Text (aar)1166
accessibility, images, writing, alt-text, ai
Not All Zeros Are Equal (mia/odd)1165
css
One-Dimensional Website Optimization Considered Harmful (j9t)1164
optimization, quality
What Are Best Practices for Creating Alt Text?1163
accessibility, writing, alt-text, images, best-practices
Light/Dark Mode1162
css, javascript, dark-mode
“:has()”: The Family Selector (jhe)1161
css, selectors
Introducing the New npm Dependency Selector Syntax1160
npm, introductions
Migration From jQuery to Next.js: A Guide (sma)1159
guides, migrating, jquery, nextjs
One Year of Coding—Recommendations for Beginners From a Beginner1158
learning, semantics, accessibility
Upload An Image With Node.js (rik)1157
nodejs, images, file-handling
Finer Grained Control Over CSS Transforms With Individual Transform Properties (bra+)1156
css, transforms
Introduction to SolidJS1155
introductions, solidjs
Popular Node.js Patterns and Tools to Re-Consider1154
nodejs, tooling
Making a Website Under 1 kB1153
performance, minimalism, html
A Delightful Guide to Culture at Mamo (Inspired by Khalil Gibran)1152
case-studies, guides, culture
Exploring CSS Grid’s Implicit Grid and Auto-Placement Powers (css/css)1151
css, grids, layout
Fluid Sizing Instead of Multiple Media Queries? (sma)1150
css, media-queries