Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“2022” News Archive (2)

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