Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

News and Tools for Web Developers, 1990s to Now (14)

→ Stay up-to-date on all topics by various RSS feeds (main feed with exclusive news: only $12/year), on Mastodon, and on Bluesky

Entry (Sources) and TopicsDate#
JavaScript “var”, “let”, and “const” Explained (cfe+)14,577
javascript
Evidence-Based Management Guide, 2024—What’s New?14,576
release-notes, guides, agile, processes, metrics, engineering-management
The Pros and Cons of Using a Backend-for-Frontend (BFF)14,575
backend-for-frontend, architecture
Mastering User-Centered Design, With 5 Advanced Tips (uxm)14,574
usability, user-experience, tips-and-tricks, accessibility, testing
What’s New in Node.js v22 (mco)14,573
videos, nodejs
Using the Popover API for HTML Tooltips (chr/fro)14,572
pop-overs, apis, html, tooltips
Using Simple Tools as a Radical Act of Independence14,571
html, css, simplicity
These CSS Pro Tips and Tricks Will Blow Your Mind14,570
videos, css, tips-and-tricks
Servo Reboot: Where Are We Now? OSS-NA 202414,569
browser-engines, servo, browsers
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (uxm)14,568
redesigning, strategies, dei, accessibility
Get First Item in Eleventy Collection14,567
how-tos, eleventy, nunjucks
Errors Aren’t All Bad (jim)14,566
errors
An Introduction to the European Accessibility Act (EAA) (deq)14,565
introductions, accessibility, legal, eaa
A Brief Note on Highlighted Text (aar)14,564
accessibility, colors, contrast, css, selectors
Memory Management Every Developer Should Know14,563
memory, garbage-collection
Native Support for CJS/ESM Interoperability Begins in Node.js 2214,562
commonjs, esm, interoperability, support, nodejs
Misconceptions About CSS Specificity (bra)14,561
css, selectors, cascade
The 7 Most Useful Web Design and Web Development Glossaries (apo)14,560
concepts, terminology, link-lists
Securing Client-Side JavaScript (ada)14,559
javascript, security, graceful-degradation
Pairing Eleventy With htmx and Deno14,558
eleventy, htmx, deno
Eleventy With a Basic Deno Static Server Setup14,557
eleventy, deno, hosting
5 Node Version Managers Compared—Which Is Right for You? (pav)14,556
nodejs, comparisons, nvm, pnpm
At Some Point, JavaScript Got Good14,555
javascript, history
Shades of Grey With “color-mix()” (mic)14,554
css, functions, colors
WCAG After Quarter of a Century—We Still Need More Awareness (cer)14,553
accessibility, wcag, community
The Value of Open Source in Furthering Accessibility Goals (mgi)14,552
videos, foss, accessibility
A to Z of Assistive Technology for Reading Digital Text14,551
accessibility, browsers, assistive-tech, readability, concepts
Content Standards in Design Systems (nng)14,550
content, design-systems, processes
So I Got Fired14,549
career
Quick-and-Dirty Accessibility (tpg)14,548
accessibility, techniques
Poor Express Authentication Patterns in Node.js and How to Avoid Them14,547
express, nodejs, authentication, security
How Slack Automates Deploys14,546
deploying, automation, case-studies, slack
The War Begins: Top Best JavaScript Framework to Learn in 202414,545
frameworks, comparisons, react, vuejs, angular, svelte, emberjs, preact, alpinejs, stimulus, nextjs, nestjs
How to Archive Your Design System Effectively14,544
how-tos, design-systems, design, processes
Will the CSS Scope Feature Replace Angular’s View Encapsulation? (ale)14,543
angular, css, scope
Web Development Trends We Will See in 202414,542
trends
Web Components From Early 2024 (chr)14,541
web-components, link-lists
The Vue Ecosystem in 2024 (fro)14,540
vuejs, content-delivery, building, frameworks
Introduction to htmx (jan)14,539
introductions, htmx
If View Transitions and Scroll-Driven Animations Had a Baby… (bra/9el)14,538
videos, css, view-transitions, animations
Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (ami/sma)14,537
css, selectors, html, techniques
3 Methods to Elevate Your Writing With Visual Content14,536
writing, content, information-design
How to Create Content in WordPress With AI14,535
how-tos, content, ai, wordpress
Maintainer Month: Enhancing Support for Open Source Maintainers (bek/ope)14,534
foss, maintenance
A React Developer’s Guide to Learning Solid.js14,533
guides, react, solidjs, comparisons
Cookie Permissions: 6 Design Guidelines (nng)14,532
videos, cookies, consent-management, privacy, user-experience, guidelines
Why Are My Live Regions Not Working? (pat/tet)14,531
accessibility, aria, live-regions
When to Use Bun Instead of Node.js (app)14,530
bun, nodejs, comparisons
Using AI to Predict Design Trends (web)14,529
ai, design, trends
Understanding What Drupal Editors and Authors Need (ckr/lul)14,528
drupal
The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (fig)14,527
figma, programming, typescript, migrating, case-studies
Should We Rely on Browser Detection? (htm)14,526
browsers, browser-detection
Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry14,525
interviews, nodejs, deno, jsr
Exploring the Immersive Web With Wolvic (sea)14,524
xr, wolvic, igalia, browsers
Demystifying React’s Types: Ref Types14,523
react
European Accessibility Act: Ultimate Guide to Compliance14,522
guides, accessibility, compliance, legal, eaa
An Alternative Proposal for CSS Masonry (rac)14,521
css, layout, masonry, google
Web Accessibility in the 2024 [US] Presidential Campaigns (web)14,520
accessibility, case-studies
Web Forms: Costly Mistakes You Want to Avoid (geo)14,519
books, forms, mistakes, usability, accessibility, maintainability
Use Both Ratings Average and Number of Ratings When Sorting by User Ratings14,518
usability, user-experience, sorting
Pretty Much Every Website Uses the Wrong Font Size…14,517
videos, css
Popover API Is Here (chr/fro)14,516
apis, pop-overs, html
I Reviewed 1,000s of Opinions on htmx14,515
htmx
Handling the Indentation of a Treeview Component (sha)14,514
css
Designing Design Systems: How to Lay the Groundwork That Drives Decision Making14,513
how-tos, design-systems, processes, collaboration, maintenance
Composability in Design Systems (ada)14,512
design-systems, design, components
New to the Web Platform in April (rac)14,511
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust”14,510
microsoft, edge, css, support, deprecation
How to Design Accessible Forms in 10 Steps14,509
how-tos, design, accessibility, forms
CSS Inheritance (bel/pic)14,508
css, cascade
What Is Vite (and Why Is It So Popular)?14,507
vite
WebAssembly Performance Patterns for Web Apps (tom)14,506
webassembly, performance, web-apps
Superior Range Syntax (css)14,505
css, media-queries
My Approach to HTML Web Components (ada)14,504
html, web-components
Introduction to NestJS14,503
introductions, frameworks, nestjs
The Polish Paradox14,502
design, optimization, user-experience
No, I Don’t Want to Fill Out Your Contact Form14,501
forms, user-experience
Accessibility Evolution of Organizations (cer)14,500
accessibility, processes, economics
Top 50 System Design Interview Questions for 202414,499
interviewing, architecture, system-design, link-lists
Can You Detect Overflow With CSS? (fon/css)14,498
css, overflow
Ditch Dotenv: Node.js Now Natively Supports .env File Loading14,497
nodejs, environments, tooling
Optimizing INP: A Deep Dive14,496
videos, performance, debugging, web-vitals, optimization, browsers, google, chrome, dev-tools, deep-dives
The Picture-Superiority Effect: Harness the Power of Visuals (nng)14,495
design, images, information-design
What Do Developers Want From AI?14,494
research, ai, productivity, efficiency
Passkeys: A Shattered Dream (fir)14,493
security, authentication, passkeys
Basic Algorithms14,492
algorithms, search, sorting
Popover API Lands in Baseline (una)14,491
pop-overs, apis, browsers, support, web-platform
Conducting Accessibility Research in an Inaccessible Ecosystem (sma)14,490
accessibility, processes, prototyping, research
Maintaining a Design System in Figma (luk)14,489
design-systems, maintenance, figma
The Rise of Large-Language-Model Optimization (sch+)14,488
ai, optimization
The HTML, CSS, and SVG for a Classic Search Form (chr/fro)14,487
search, forms, html, css, svg
Radix UI Adoption Guide: Overview, Examples, and Alternatives (log)14,486
guides, overviews, examples, radix
Introduction to Manual Website Accessibility Testing14,485
videos, introductions, accessibility, testing
Design Déjà Vu (mal)14,484
design, html, css, history, comparisons
Why Don’t We Talk About Minifying CSS Anymore? (whi/get)14,483
css, minification, performance
Borrow Checking, RC, GC, and the Eleven (!) Other Memory Safety Approaches14,482
memory, garbage-collection, programming
Write Better CSS With Modern CSS (css)14,481
css, nesting, custom-properties, media-queries, tips-and-tricks
Use “:has()” to Scope CSS14,480
css, selectors, scope
The Problem With “new URL()”, and How “URL.parse()” Fixes That (kil)14,479
javascript, urls
The Perfect Site Doesn’t Exist (mic)14,478
quality, maintenance, processes
The New “!important” (geo)14,477
css, cascade
Ruby Might Be Faster Than You Think (joh)14,476
ruby, performance
Printing Music With CSS Grid (ste)14,475
css, grids, examples
Node.js Next 10 Survey—2024 (nod)14,474
surveys, nodejs
Node.js 22 Available Now (ope)14,473
release-notes, nodejs
JSR Is Not Another Package Manager (tin/den)14,472
jsr, dependencies
HTML Attributes vs. DOM Properties (jaf)14,471
html, attributes, dom, comparisons
How to Escape JavaScript for a Script Tag14,470
how-tos, javascript, escaping, html
Celebrating 20 Years of Dojo (ope)14,469
anniversaries, dojo
Celebrate JavaScript Naked Day Every Year on April 24 (zac)14,468
javascript, awareness-days
Creating Fluid Typography With the CSS “clamp()” Function14,467
css, functions, typography, liquid-design
Comparing Full Stack and Headless CMS Platforms14,466
comparisons, content-management, wordpress, drupal, ghost
Invoking Elements by Using Only HTML: A First Look at Invokers (uti)14,465
html, modals, pop-overs
Notes on Quality14,464
design, user-experience, quality
How the Meaning of Colour Varies per Culture14,463
colors, culture
Latency Numbers Every Frontend Developer Should Know (ind)14,462
performance, metrics, terminology
Your Page Can’t Change Media Features (kil)14,461
css, media-queries, user-experience, apis
Using Vite to Rebuild Local Dependencies in an npm Workspace14,460
npm, dependencies, vite
Update on the Plan for Phase-Out of Third-Party Cookies on Chrome14,459
cookies, privacy, browsers, google, chrome
The Front End Developer/Engineer Handbook 2024 (fro)14,458
overviews, career, learning, tech-stacks, concepts, terminology
The First Framework That Lets You Visualize Your React/Node.js App14,457
frameworks, visualization, react, nodejs, wasp
Taking Regular Screenshots of My Website14,456
screenshots, images, automation, playwright, github-actions
Reflecting on My Programming Career14,455
career
Images as the First Thing in a Button or Link (tem)14,454
accessibility, html, images, buttons, links
Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render14,453
bun, deploying, performance, case-studies
F-Shape Pattern and How Users Read (vit/sma)14,452
usability, design
Adding ESLint and Auto-Fixing an Existing TypeScript Project14,451
eslint, typescript, quality, automation
The Slow Death of CSS Vendor Prefixes (oll)14,450
css, vendor-extensions, history
Node.js Test Runner: A Beginner’s Guide (bet)14,449
guides, nodejs, testing
JavaScript Features That Most Developers Don’t Know14,448
javascript, functions
State of Design Tokens 2024 (don+)14,447
videos, design-tokens, figma, tooling
Write Alt Text Like You’re Talking to a Friend (spa/clo)14,446
accessibility, images, alt-text
What You Can Do as a Web Builder on Earth Day (aar)14,445
sustainability, ai
What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer14,444
ci-cd, concepts
Using Legitimate GitHub URLs for Malware (sch)14,443
security, malware, github
The Ultimate Collection of CSS-Only Shapes (css)14,442
websites, css
The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (uxm)14,441
collaboration, processes
The Art of Design System Recipes (bra)14,440
design-systems, design-tokens
How I Use Generative AI in Branding14,439
ai, branding, principles, design
Creating a UX Playbook for Onboarding Users to Your Product (uxm)14,438
user-experience, onboarding, product-management
5 Hidden CSS Properties You Didn’t Know Existed14,437
css
3 Essential Design Trends, May 2024 (web)14,436
design, trends
15 Essential UX Design Principles and Practices for Developers (uxm)14,435
user-experience, principles, best-practices
Make Product Design Great Again14,434
design, user-experience, product-management
3 Tips for Advanced Prototyping in Figma14,433
tips-and-tricks, prototyping, figma
Optimising React Apps14,432
react, optimization
Detect JavaScript Support (fon/css)14,431
css, javascript, media-queries, support
Considerations for AI Opt-Out (mno)14,430
ai
April 24 Is JS Naked Day (j9t)14,429
javascript, awareness-days
A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (una+)14,428
videos, interviews, css
Using “@defer” Defer Views in Angular 1714,427
angular, performance, lazy-loading
Node.js Task Runner14,426
nodejs, performance
Make Sure That Your Design System Is Accessible (cer)14,425
design-systems, accessibility
Long Alt (aar)14,424
accessibility, images, alt-text, support, browsers, screen-readers
Detect JavaScript Support in CSS (hex)14,423
css, javascript, media-queries, support
Design Systems and the Never-Ending Job of Buy In (pjo)14,422
design-systems, communication, collaboration
A Short Guide to Mastering Keyboard Shortcuts on GitHub14,421
guides, github, keyboard-shortcuts
Typography Variables in Figma Are Here14,420
typography, variables, figma
This Web of Ours, Revisited (zel)14,419
web
How to Work With GraphQL in WordPress in 2024 (sma)14,418
how-tos, wordpress, graphql
How to Create CSS Utility Classes (fon/css)14,417
how-tos, css, presentational-html
Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (jen/web)14,416
css, layout, grids, masonry
Building a Culture of Accessibility (tet)14,415
accessibility, culture
Accessibility Overlays—Friend or Foe? (int)14,414
videos, accessibility, overlays
The “Intl.Segmenter” Object Is Now Part of Baseline (rac)14,413
browsers, support, web-platform, javascript
Building an npm Package Compatible With ESM and CJS in 202414,412
npm, dependencies, interoperability, esm, commonjs
Sustainable Web Development: Website Redesign With a Low Carbon Footprint (wom)14,411
redesigning, sustainability
Git Common Developer Pitfalls and Solutions (wom)14,410
git
The End of an Era: Women Who Code Closing (wom)14,409
community
What’s Going On in Dark Theme / Light Theme Land (chr/fro)14,408
css, functions, dark-mode
My Code Formatting Guidelines (val)14,407
guidelines, formatting, conventions, javascript, html, prettier, configuration
Angular’s New Signal Inputs14,406
videos, angular, signals
A Primer on the Cascade and Specificity (bel/pic)14,405
introductions, css, selectors, cascade
5 Tailwind CSS Anti-Patterns to Avoid (ato)14,404
tailwind, colors, theming, frameworks, anti-patterns
How to Submit a Form in React Using FormData (wom)14,403
how-tos, forms, react
Who Should Block AI Bots? (moz)14,402
scraping, ai, seo
When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (nic)14,401
accessibility, security
Webhooks and WebSockets14,400
webhooks, websockets
Upgrading jQuery: Working Towards a Healthy Web (tim/jqu)14,399
jquery, maintenance, migrating
The Impact of Color Contrast on Accessibility14,398
accessibility, colors, contrast
Property Hooks Are Coming in PHP 8.4 (ami)14,397
php, hooks
JavaScript Code Quality Tools: See Qodana in Action14,396
jetbrains, qodana, quality, javascript
Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI14,395
ai, quality, craft, metrics, engineering-management
How to Write World-Beating Web Content (web)14,394
how-tos, writing, content
Displaying HTML Web Components (ada)14,393
web-components, css
Converting Plain Text to Encoded HTML With Vanilla JavaScript (sma)14,392
conversion, html, javascript
Building a GitHub Activity Feed With Node.js and Socket.IO14,391
nodejs, github, functionality
AI Isn’t Useless—but Is It Worth It? (mol)14,390
ai, quality
12 Tips From a Mid-Level Developer14,389
career, tips-and-tricks
Alternating Style Queries (kiz)14,388
css, style-queries, techniques
Hardest Problem in Computer Science: Centering Things (nik)14,387
css, design, centering
Why We Are Still Using 88×31 Buttons14,386
images, history, design
We Need to Rewild the Internet (rob)14,385
web, standards, collaboration, creativity, outlooks
Things That Can Break “aspect-ratio” in CSS (chr/fro)14,384
css, aspect-ratio
The Right Code for Your Design System (fig)14,383
design-systems, figma
The Making of a TypeScript Feature: Inferring Type Predicates14,382
typescript
The Invisible Seafaring Industry That Keeps the Internet Afloat (ver)14,381
web
The Biggest Lie in HTML14,380
videos, html
[pnpm] v9.0.0 (pnp)14,379
release-notes, pnpm
Making Disabled Buttons More Accessible14,378
accessibility, buttons, html, aria
Electron 30.0.0 (kee/ele)14,377
release-notes, electron
Ethics in Times of Growth Design14,376
design, ethics
Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (ope)14,375
foss, security, openjs
How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (moz)14,374
migrating, processes, seo, sem
Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (cli/spe)14,373
cookies, consent-management, performance
Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (ada)14,372
html, attributes, forms, usability
Document Collaboration (With Comments!) (chr/fro)14,371
documentation, collaboration, comparisons, link-lists
CSS in React Server Components (jos)14,370
css, javascript, react, components, css-in-js
ARIA in HTML (sco+/w3c)14,369
standards, accessibility, aria, html
An Intro to Flexbox (cfe)14,368
introductions, css, flexbox, layout
10 Top Accessibility Errors and How to Avoid and Fix Them (sch)14,367
accessibility
Interview With Senior JS Developer 202414,366
videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (cer)14,365
accessibility, auditing, tooling
Why Many Junior Developers Quit Programming (tip)14,364
career, learning
What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (bra)14,363
apis, dark-mode
Things You Should Do in Your Dev Journey14,362
career
My “Skip to Content” Markup Was Breaking the Back Button on iOS (db)14,361
html, skip-links, accessibility, mobile
How to Write a Code Formatter14,360
how-tos, formatting
9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (ang)14,359
quality, craft, accessibility, usability, user-experience, conformance, performance
Technical Guide: End-to-End CI/CD DevOps With Jenkins, Terraform, Docker, Kubernetes, SonarQube, ArgoCD, AWS EC2, EKS, and GitHub Actions (Django Deployment)14,358
guides, ci-cd, deploying, jenkins, docker, kubernetes, aws, github-actions, django
Sliding 3D Image Frames in CSS (css/sma)14,357
css, images, techniques
Naming Colors in Design Systems14,356
naming, colors, design-systems
Monitoring BFCache Blocking Reasons (chr/mdn)14,355
bfcache, monitoring, debugging, performance
Introducing JS Naked Day (mac)14,354
introductions, javascript, awareness-days
How to Build a Reusable Grid System With CSS Grid (cfe)14,353
how-tos, css, grids, layout, maintainability
How Do Open Source Licenses Work? The Ultimate Guide14,352
guides, foss, licensing
Blockin’ Bots (bee)14,351
scraping, ai, apache, configuration
10 Things Software Developers Should Learn About Learning14,350
research, learning
Quick Tip: How to Animate Text Gradients and Patterns in CSS14,349
tips-and-tricks, how-tos, animations, gradients, css
The Dos and Don’ts of Using “tabindex” in Web Design (a11)14,348
accessibility, keyboard-navigation, html
Let Me Be14,347
videos, javascript
Unleashing Designers With Tailwind CSS14,346
videos, tailwind, design, processes
Accessible Interactions in JavaScript Apps (san)14,345
videos, accessibility, javascript, aria
Epic App Performance Starts With the Database14,344
videos, performance, databases, optimization
Purging Design System “Rot” From Our Checkboxes (chu)14,343
design-systems, maintenance, quality, accessibility, case-studies
Zombie Estimation14,342
agile, scrum, processes, project-management
Why I’m Embracing the Arc Browser14,341
browsers, arc, the-browser-company
Web Accessibility Statement: How to Write One14,340
how-tos, accessibility, documentation, writing
Socks, Lies, and Accessibility14,339
accessibility, awareness-days, link-lists
npm Basics for New Developers (nim)14,338
fundamentals, npm
Gap Is the New Margin (chr/fro)14,337
css, margins, layout
CSS Tricks to Master the “clip-path” Property (css)14,336
css, masking, clipping, tips-and-tricks
Complete a VPAT: Show How Accessible Your Product Is (deq)14,335
accessibility, vpat-acr, conformance, documentation
An Intro to CSS Grid (cfe)14,334
introductions, css, grids, layout
A Comparison of Automated Testing Tools for Digital Accessibility (equ)14,333
accessibility, testing, tooling, automation, comparisons
Frontend Development Beyond React: Svelte14,332
svelte
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions14,331
design, user-experience
Wednesday, April 10, 2024 Security Releases (raf/nod)14,330
release-notes, nodejs, security
The Guide to Git I Never Had14,329
guides, git, command-line, cheat-sheets
The Future of Design Systems Is Marketing (fig)14,328
design-systems, marketing, metrics
Release Notes for Safari Technology Preview 192 (jon/web)14,327
release-notes, browsers, apple, safari
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)14,326
webkit, browsers, apple, safari, performance, optimization
Notes on Git’s Error Messages (b0r)14,325
git, errors
JS Naked Day (mac+)14,324
websites, javascript, awareness-days
I Never Knew a Website Could Hurt Someone (kar)14,323
videos, accessibility
Sending Email Using Node.js (cra)14,322
nodejs, email
An Introduction to the Node.js Performance API (bet)14,321
introductions, nodejs, performance, apis
Happy CSS Naked Day 2024 (fro)14,320
frontend-dogma, css, awareness-days
Is the Party Over for Scrum Masters and Agile Coaches?14,319
agile, scrum, career
Understanding Interaction to Next Paint (INP) (wil/fro)14,318
performance, web-vitals
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (tpg)14,317
accessibility, ada, legal, web, mobile
Recapping ng-conf 202414,316
angular
React Server Components in a Nutshell14,315
react, components
Layered Toggles: Optional CSS Mixins (kiz)14,314
css, mixins, techniques
Figma Prototypes vs. HTML Prototypes (ada)14,313
design, processes, prototyping, figma, html, comparisons
Ableism and Related Terms You Need to Know (mer)14,312
terminology, communication, dei
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution14,311
react, history
Creating a Navbar in React14,310
navigation, react, css
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)14,309
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Building a CLI From Scratch With TypeScript and oclif14,308
command-line, typescript
DORA’s Software Delivery Metrics: The Four Keys14,307
processes, metrics
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities14,306
books, nodejs, security, vulnerabilities
What Is Whitespace? (nng)14,305
videos, whitespace, design, concepts, terminology
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)14,304
user-experience, ai, hci
Things That I Like Better in Vue Than in React14,303
vuejs, react, frameworks, comparisons
The Death of Creativity14,302
creativity, ai
Node.js Debugging in Chrome DevTools (chr/fro)14,301
nodejs, debugging, tooling, browsers, google, chrome, dev-tools
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)14,300
design, communication
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities14,299
accessibility, legal, web, mobile
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)14,298
redesigning, strategies, dei, accessibility
How I Write Commits Like a Pro14,297
version-control, git, commit-messages, conventions
Blind Internet Users Struggle With Error-Prone AI Aids (fin)14,296
accessibility, ai
10 Must Know System Design Concepts for Interviews14,295
interviewing, architecture, system-design, concepts, scalability
Testing HTML With Modern CSS (hey)14,294
html, css, testing, quality
Jekyll vs. Astro (koo)14,293
site-generators, comparisons, jekyll, astro
Faster Websites With the “picture” Element (fra)14,292
html, images, performance
Demystifying the Shadow DOM14,291
dom, shadow-dom
[zx] 8.0.014,290
release-notes, zx
Why I’m Yet Another Woman Leaving the Tech Industry14,289
career, community
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)14,288
accessibility, user-experience, keyboard-navigation, skip-links, wcag
Reviewing Polypane for Responsive Website Tweaks14,287
videos, polypane, browsers
How to Think About HTML Responsive Images (db)14,286
how-tos, html, images, responsive-design
21 HTML Tips You Must Know About14,285
html, tips-and-tricks
Breakpoints in Responsive Design (nng)14,284
design, responsive-design, breakpoints, usability
The Free Software Commons (jen)14,283
foss, community, security
Should Designers Code? (bra)14,282
design, career
Managing User Focus With “:focus-visible” (css)14,281
css, selectors, focus
How to Make Your Website Work Offline14,280
how-tos, web-workers, offline, javascript
ESLint v9.0.0 Released (nza/esl)14,279
release-notes, eslint
Drive-By Accessibility Tweaks (bru)14,278
accessibility
DevTools Tips and Tricks (fro)14,277
browsers, dev-tools, tips-and-tricks
Creativity in Software Engineering14,276
research, creativity, programming
“AI” Won’t Solve Accessibility (yat)14,275
accessibility, ai
A Complete Guide to CSS Logical Properties, With Cheat Sheet14,274
guides, css, logical-properties, cheat-sheets
The V8 Sandbox14,273
v8, security
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue14,272
videos, javascript, visualization, event-loop, events, apis
When to Use “tabindex="0"” (gra/tet)14,271
accessibility, keyboard-navigation, focus, html
The Basics of Legibility14,270
fundamentals, typography, legibility
Rounded Tabs With Inner Curves (css)14,269
css, effects, tips-and-tricks
Modern CSS Patterns in Campfire14,268
css, case-studies
How to Strongly Type process.env (mat)14,267
how-tos, typescript, nodejs
Heat Death of the Internet14,266
web
Building Components With Radix UI14,265
radix, components
AI and the Future of Web Accessibility Guidelines14,264
discussions, accessibility, wcag, standards, ai, w3c
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?14,263
dns, security
Using JSON Web Tokens With Node.js14,262
json-web-tokens, nodejs, security, authentication
How to Build a Simple Web Server With Node.js14,261
how-tos, servers, nodejs
In-Page Links: 3 Usability Tips (nng)14,260
videos, links, usability, tips-and-tricks
Wednesday, April 3, 2024 Security Releases (nod)14,259
release-notes, nodejs, security
Theming Design Systems (per)14,258
design-systems, theming
The View Transitions API (cas/fro)14,257
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)14,256
svelte, html, parsing
Introducing Jpegli: A New JPEG Coding Library14,255
introductions, jpeg, images, libraries, compression
Hanging Punctuation in CSS (ada)14,254
css, typography
Fluid Typography With Discrete Steps (css)14,253
css, typography, tips-and-tricks
Finally Understand Responsive Design14,252
videos, responsive-design, css
BFCache Explained14,251
bfcache, browsers, performance
“aspect-ratio” Gotcha (css)14,250
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)14,249
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)14,248
ai, web
Learn JavaScript (wil)14,247
courses, javascript
WordPress 6.5 “Regina” (pho/wor)14,246
release-notes, wordpress
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)14,245
how-tos, html, conformance, performance
WebAssembly at Google (tom)14,244
videos, webassembly, google
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)14,243
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)14,242
css, theming
How to Get Somebody Fired Using Git14,241
version-control, git, career
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)14,240
css, anchor-positioning
Authentication in Next.js (rwi)14,239
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)14,238
guides, css, container-queries
The Era of High-Paying Tech Jobs Is Over14,237
programming, career, ai, economics
Introducing Root.js14,236
introductions, tooling, content-management
What Even Is a JSON Number?14,235
json, terminology
The Detail, the Quality14,234
design, quality
Micro Frontends With Native Federation14,233
micro-frontends, comparisons
Bun 1.1 (jar+/bun)14,232
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)14,231
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)14,230
user-experience, tooling, link-lists
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time14,229
tooling, nodejs, deno, bun, quickjs
Why I Care Deeply About Web Accessibility and You Should Too (sch)14,228
accessibility, web
The DevOps Basics14,227
dev-ops, fundamentals
Object Structure in JavaScript Engines14,226
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)14,225
accessibility
Kobold Letters (wed)14,224
html, email, support
10 JavaScript Sites Every Web Developer Should Know14,223
javascript, learning, link-lists
Some Samples Using UIkit14,222
uikit
Design Is a Process of Getting Stuck (fon)14,221
design, processes
“@scope” Is Coming to CSS and It’s Amazing (kev)14,220
videos, css, scope
What Negative Effects Does a Bad Website Design Have on My Business? (web)14,219
design, economics
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)14,218
studies, research, accessibility, homepages, metrics
The Power of “:has()” in CSS (css)14,217
css, selectors
The Easy Way to Access the Last JavaScript Array Element14,216
javascript, arrays
The Curious Case of the CSS Monochrome Media Query (sea)14,215
css, media-queries
On “disabled” and “aria-disabled” Attributes (kit)14,214
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)14,213
career
Figma Plugins (tmc)14,212
figma, plugins
What’s New in DevTools, Chrome 12414,211
release-notes, dev-tools, browsers, google, chrome
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)14,210
css, functions, colors, dark-mode
New to the Web Platform in March (rac)14,209
release-notes, web-platform, browsers, mozilla, firefox, apple, safari, google, chrome
History of JS Interop in Dart14,208
javascript, dart, interoperability, history
The Complete Guide to Captioned Videos (mer)14,207
guides, accessibility, captions, multimedia
Release Notes for Safari Technology Preview 191 (jon/web)14,206
release-notes, browsers, apple, safari
Improving the Developer Experience of Enterprise Design Systems14,205
design-systems, developer-experience, optimization
Finally Understanding How “Array.sort(comparator)” Works (jam)14,204
javascript, arrays
A Guide to Building CLI Tools in JavaScript14,203
guides, tooling, command-line, javascript, nodejs
Iterator Helpers14,202
ecmascript, javascript, javascript-engines, v8
How I Fixed My Brutal TTFB (whi/get)14,201
performance, metrics, optimization
ai.robots.txt (cor)14,200
ai, crawling, scraping, robotstxt, tooling
Meet Angular’s New “output()” API (ang)14,199
angular, apis
What Even Are Dragging Movements? (cat)14,198
accessibility, interaction-design, terminology
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)14,197
browsers, mobile, privacy, security
Flickering Glowing Text Effect With CSS (man)14,196
css, effects
Quick Tip: How to Align Column Rows With CSS Subgrid14,195
tips-and-tricks, how-tos, css, grids, layout, alignment
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests14,194
how-tos, jquery, ajax, functions, asynchronicity
Exploring the Power of ARIA Live Attribute in Web Accessibility14,193
accessibility, aria, attributes
Animating Clip Paths on Scroll With “@property” in CSS (uti)14,192
css, animations, scrolling, clipping, masking
Convention Over Creativity? The Ups and Downs of UX Design14,191
user-experience, design
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)14,190
css, overviews
Node v20.12.0 (LTS) (nod)14,189
release-notes, nodejs
How to Take Control of Flexbox (kev)14,188
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)14,187
html, conformance, performance
How Does npx Actually Work and When to Use It14,186
npx, nodejs
History of Web Accessibility14,185
videos, accessibility, history
CSS Anchor Positioning (tab+/w3c)14,184
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)14,183
accessibility
7 Simple Rules for Better Data Visualization14,182
information-design
Error Messages 101 (nng)14,181
videos, usability, errors, microcontent
How to Consolidate Multiple Design Systems14,180
how-tos, design-systems, processes
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)14,179
colors, dark-mode, css, javascript
No One Actually Wants Accessibility (dav)14,178
accessibility
CORS Finally Explained—Simply14,177
security, csrf, cors, concepts
JavaScript Visualized: Promise Execution14,176
javascript, promises, visualization
How Does Single Sign-On (SSO) Work? (mil)14,175
authentication, security
Spicing Up Text With “text-emphasis” in CSS (ami)14,174
css, typography, effects
New CSS That Can Actually Be Used in 2024 (tho)14,173
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Incredible JavaScript Animation Libraries14,172
javascript, animations, libraries, link-lists
Diving Into the Node.js Website Redesign (bri/nod)14,171
redesigning, case-studies
Profile Node.js Performance With the Performance Panel (jec+)14,170
nodejs, performance, debugging, browsers, google, chrome, dev-tools
AI Can Make a Code Review for Free14,169
ai, code-reviews, tooling
Radix Themes 3.014,168
release-notes, radix
Learn OAuth 2.0 by Building Your Own OAuth Client14,167
authorization, oauth, functionality
ARIA “role=application” and Mobile Screen Readers (cer)14,166
accessibility, aria, screen-readers, mobile
Quick Tip: How to Add Gradient Effects and Patterns to Text14,165
tips-and-tricks, how-tos, css, gradients, effects
12 Figma Tips to Work More Efficiently14,164
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)14,163
git
The Cost of Interrupted Work: More Speed and Stress14,162
research, productivity, processes
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)14,161
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)14,160
css, units
Don’t Get Scammed by Fake Performance Experts and Apps14,159
performance, tooling
CSS Values and Units Module Level 3 (tab+/w3c)14,158
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)14,157
accessibility, captcha
Accessible Forms With Pseudo Classes (css)14,156
accessibility, forms, css, selectors
Node.js: The Documentary (isa+)14,155
videos, nodejs, history
Microservices Promised Freedom but Delivered Dependencies (pur)14,154
microservices, dependencies
Avoid These Design System Traps14,153
design-systems
Welcome to Future of Web Accessibility Based on Predictors (jar+)14,152
videos, accessibility, outlooks
This Pattern Will Wreck Your React App’s TS Performance (mat)14,151
design-patterns, react, typescript, performance
Relicensing and Rug Pulls14,150
foss, licensing, history
Optimizing JavaScript for Fun and for Profit14,149
javascript, optimization
On the Gift of OKR for Company Culture (j9t)14,148
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)14,147
accessibility, pop-overs, html
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)14,146
how-tos, accessibility, testing, authentication
“__dirname” Is Back in Node.js With ES Modules (phi)14,145
nodejs, esm
[Bulma] 1.0.014,144
release-notes, bulma
Building a Micro htmx SSR Framework (mco/pla)14,143
frameworks, htmx, examples
Psychology and UX: Decoding the Science Behind User Clicks14,142
user-experience, design, principles
Angular Signals: Best Practices14,141
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)14,140
javascript-engines, memory, garbage-collection, asynchronicity
The Box Model and Box Sizing (bel/pic)14,139
css, box-model, concepts
Progressive Disclosure Defaults (ada)14,138
css, forms, interaction-design
How to Plan Your First Successful Website (web)14,137
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)14,136
how-tos, code-generation, pdf, functionality
Folder Structures in React Projects14,135
react, architecture
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)14,134
code-pens, layout, css
Build a Full-Stack App With Node.js and htmx14,133
web-apps, nodejs, htmx
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)14,132
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)14,131
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)14,130
css, scrolling
How Meta Improved Their Cache Consistency to 99.9999999914,129
facebook+meta, caching
Accessibility Foundations (ihe/tpg)14,128
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)14,127
observability, logging, monitoring, alerting
A Designer’s Role Is Not “at the Table”14,126
design, career
“require(esm)” in Node.js (joy)14,125
nodejs, ecmascript, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm14,124
guides, npx, npm, nodejs
The Power of Textual Content in UX Design (uxm)14,123
content, user-experience
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility14,122
accessibility
Make a Web Browser: Beginner’s Guide (nim)14,121
guides, browsers, browser-engines
I’m So Old: Web Edition (dav)14,120
web, history
How Web-Site Design and Social Media Work Together (uxm)14,119
design, content, social-media
How to Kill the Cascade (fon)14,118
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes14,117
videos, react, concepts
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)14,116
user-experience, interaction-design, best-practices
Comparing ECMAScript Modules and CommonJS14,115
comparisons, esm, commonjs
Build a Node App With TypeScript (mat)14,114
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)14,113
javascript, types, comparisons
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)14,112
embed-code, google, analytics, sustainability, performance, compliance
Why UI Designers Should Understand Flexbox and CSS Grid14,111
design, layout, flexbox, grids, css
2024 Cheat Sheet Collection14,110
cheat-sheets, link-lists
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)14,109
migrating, jest, testing, memory, performance
How Web Bloat Impacts Users With Slow Devices14,108
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript14,107
javascript, objects
Quick Tip: Creating a Date Picker in React14,106
tips-and-tricks, react, functionality
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets14,105
accessibility, design-systems, documentation, dei
Webflow 101: A Guide for Beginners14,104
introductions, guides, webflow, low-and-no-code
Skeuomorphism (nng)14,103
design, terminology
Homepage Design: 5 Fundamental Principles (nng)14,102
design, homepages, principles
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)14,101
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?14,100
efficiency, processes, engineering-management
Deploying Remix to GitHub Pages14,099
videos, deploying, remix, github-pages
Performance Tooling in 2024 and Beyond14,098
performance, tooling, browsers, dev-tools, lighthouse, google
When “Semantic Tokens” Are No Longer Semantic14,097
design-tokens, semantics
What Is Safe Alignment in CSS? (chr/fro)14,096
css, layout, user-experience
There Is No EU Cookie Banner Law14,095
consent-management, cookies, legal
The Golden Age of Accessibility14,094
accessibility
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?14,093
frameworks, comparisons, qwik, nextjs
Make Your Functions More Reusable With Generics (mat)14,092
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)14,091
links, usability
A Beginner’s Guide to Node.js Worker Threads (bet)14,090
guides, nodejs, worker-threads
You Want “border-color: transparent”, Not “border: none” (dav/fro)14,089
css, borders, transparency+opacity, accessibility, contrast
HTML Performance Optimization: Tips for Faster Loading Pages14,088
html, landing-pages, performance, optimization, tips-and-tricks
What’s Next for a Global Design System (bra)14,087
design-systems
WCAG 2.2 Detective Skills14,086
accessibility, standards, wcag
There Are No Standards Police (mno)14,085
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)14,084
html, custom-data, css, typography, effects
The Problem With AI (cfe)14,083
ai
Ruby Is Complicated14,082
html
Refactoring My Ugliest Code With Signal View Queries14,081
videos, refactoring, angular
My New Favorite CSS Trick: “will-change”14,080
css, animations, transitions, tips-and-tricks
How to Design Icons in Figma14,079
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright14,078
how-tos, testing, flakiness, playwright