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