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

“2024” News Archive (6)

Entry (Sources) and Additional TopicsDate#
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)757
colors, dark-mode, css, javascript
Error Messages 101 (nng)756
videos, usability, errors, microcontent
7 Simple Rules for Better Data Visualization755
information-design
How to Consolidate Multiple Design Systems754
how-tos, design-systems, processes
Diving Into the Node.js Website Redesign (bri/nod)753
redesigning, case-studies
Incredible JavaScript Animation Libraries752
javascript, animations, libraries, link-lists
New CSS That Can Actually Be Used in 2024 (tho)751
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Spicing Up Text With “text-emphasis” in CSS (ami)750
css, typography, effects
How Does Single Sign-On (SSO) Work? (mil)749
authentication, security
JavaScript Visualized: Promise Execution748
javascript, promises, visualization
CORS Finally Explained—Simply747
security, csrf, cors, concepts
No One Actually Wants Accessibility (dav)746
accessibility
ARIA “role=application” and Mobile Screen Readers (cer)745
accessibility, aria, screen-readers, mobile
Learn OAuth 2.0 by Building Your Own OAuth Client744
authorization, oauth, functionality
Radix Themes 3.0743
release-notes, radix
AI Can Make a Code Review for Free742
ai, code-reviews, tooling
Profile Node.js Performance With the Performance Panel (jec+)741
nodejs, performance, debugging, browsers, google, chrome, dev-tools
Accessible Forms With Pseudo Classes (css)740
accessibility, forms, css, selectors
CAPTCHA Excludes Disabled Web Users (zel)739
accessibility, captcha
CSS Values and Units Module Level 3 (tab+/w3c)738
standards, css, units
Don’t Get Scammed by Fake Performance Experts and Apps737
performance, tooling
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)736
css, units
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)735
nodejs, npm
The “Current Branch” in Git (b0r)734
git
12 Figma Tips to Work More Efficiently733
figma, tips-and-tricks, efficiency
The Cost of Interrupted Work: More Speed and Stress732
research, productivity, processes
Quick Tip: How to Add Gradient Effects and Patterns to Text (ral)731
tips-and-tricks, how-tos, css, gradients, effects
Building a Micro htmx SSR Framework (mco/pla)730
frameworks, htmx, examples
[Bulma] 1.0.0729
release-notes, bulma
“__dirname” Is Back in Node.js With ES Modules (phi)728
nodejs, esm
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)727
how-tos, accessibility, testing, authentication
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)726
accessibility, pop-overs, html
On the Gift of OKR for Company Culture (j9t)725
processes, okr, culture
Optimizing JavaScript for Fun and for Profit724
javascript, optimization
Relicensing and Rug Pulls723
foss, licensing, history
This Pattern Will Wreck Your React App’s TS Performance (mat)722
design-patterns, react, typescript, performance
Welcome to Future of Web Accessibility Based on Predictors (jar+)721
videos, accessibility, outlooks
Avoid These Design System Traps720
design-systems
Microservices Promised Freedom but Delivered Dependencies (pur)719
microservices, dependencies
Node.js: The Documentary (isa+)718
videos, nodejs, history
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)717
code-pens, layout, css
Folder Structures in React Projects716
react, architecture
How to Create a Website and a PDF From the Same Codebase (spa/clo)715
how-tos, code-generation, pdf, functionality
How to Plan Your First Successful Website (web)714
how-tos, processes, project-management
Progressive Disclosure Defaults (ada)713
css, forms, interaction-design
The Box Model and Box Sizing (bel/pic)712
css, box-model, concepts
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)711
javascript-engines, memory, garbage-collection, asynchronicity
Angular Signals: Best Practices710
angular, signals, best-practices
Psychology and UX: Decoding the Science Behind User Clicks709
user-experience, design, principles
Chill Scroll Snapping: Article Headers (chr/fro)708
css, scrolling
Using Relative Colors (chr/mdn)707
css, colors
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)706
how-tos, guides, interviewing, career
Build a Full-Stack App With Node.js and htmx705
web-apps, nodejs, htmx
A Comparison of JavaScript CRDTs (alm)704
javascript, types, comparisons
Build a Node App With TypeScript (mat)703
nodejs, typescript, pnpm, esm
Comparing ECMAScript Modules and CommonJS702
comparisons, esm, commonjs
Every React Concept Explained in 12 Minutes701
videos, react, concepts
How to Kill the Cascade (fon)700
css, cascade, resets, scope
How Web-Site Design and Social Media Work Together (uxm)699
design, content, social-media
I’m So Old: Web Edition (dav)698
web, history
Make a Web Browser: Beginner’s Guide (nim)697
guides, browsers, browser-engines
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility696
accessibility
The Power of Textual Content in UX Design (uxm)695
content, user-experience
The Ultimate Guide to Understanding npx vs. npm694
guides, npx, npm, nodejs
“require(esm)” in Node.js (joy)693
nodejs, ecmascript, esm, commonjs
Observability Is an Illusion (pur)692
observability, logging, monitoring, alerting
Accessibility Foundations (ihe/tpg)691
accessibility, fundamentals, link-lists
How Meta Improved Their Cache Consistency to 99.99999999690
facebook+meta, caching
A Designer’s Role Is Not “at the Table”689
design, career
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)688
user-experience, interaction-design, best-practices
2024 Cheat Sheet Collection687
cheat-sheets, link-lists
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)686
embed-code, google, analytics, sustainability, performance, compliance
Why UI Designers Should Understand Flexbox and CSS Grid685
design, layout, flexbox, grids, css
Copy Objects Ways in JavaScript684
javascript, objects
How Web Bloat Impacts Users With Slow Devices683
performance, metrics, comparisons, web
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)682
migrating, jest, testing, memory, performance
Deploying Remix to GitHub Pages681
videos, deploying, remix, github-pages
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)680
how-tos, performance, web-vitals, optimization, shopify
Homepage Design: 5 Fundamental Principles (nng)679
design, homepages, principles
Skeuomorphism (nng)678
design, terminology
Webflow 101: A Guide for Beginners677
introductions, guides, webflow, low-and-no-code
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets676
accessibility, design-systems, documentation, dei
Quick Tip: Creating a Date Picker in React675
tips-and-tricks, react, functionality
How (In)Efficient Are Engineering Organizations?674
efficiency, processes, engineering-management
Arguments for Opening Links in a New Tab or Window (gri/clo)673
links, usability
Make Your Functions More Reusable With Generics (mat)672
typescript, functions, generics, maintainability
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?671
frameworks, comparisons, qwik, nextjs
The Golden Age of Accessibility670
accessibility
There Is No EU Cookie Banner Law669
consent-management, cookies, legal
What Is Safe Alignment in CSS? (chr/fro)668
css, layout, user-experience
When “Semantic Tokens” Are No Longer Semantic667
design-tokens, semantics
Performance Tooling in 2024 and Beyond666
performance, tooling, browsers, dev-tools, lighthouse, google
25 Unnoticeable Features of JavaScript665
javascript
Another JS Registry—Seriously?! (den)664
videos, jsr, dependencies, javascript
How to Design Icons in Figma663
how-tos, images, icons, figma, design
My New Favorite CSS Trick: “will-change”662
css, animations, transitions, tips-and-tricks
Refactoring My Ugliest Code With Signal View Queries661
videos, refactoring, angular
Ruby Is Complicated660
html
The Problem With AI (cfe)659
ai
The Problem With Data Attributes for Text Effects (man)658
html, custom-data, css, typography, effects
There Are No Standards Police (mno)657
standards, policies, processes
WCAG 2.2 Detective Skills656
accessibility, standards, wcag
What’s Next for a Global Design System (bra)655
design-systems
HTML Performance Optimization: Tips for Faster Loading Pages654
html, landing-pages, performance, optimization, tips-and-tricks
You Want “border-color: transparent”, Not “border: none” (dav/fro)653
css, borders, transparency+opacity, accessibility, contrast
A Beginner’s Guide to Node.js Worker Threads (bet)652
guides, nodejs, worker-threads
How to Avoid Flaky Tests in Playwright651
how-tos, testing, flakiness, playwright
A Letter to My Younger Self, as an Accessibility Advocate (hbu)650
accessibility, advocacy, retrospectives
Building Websites and Building Websites Well (j9t)649
quality, craft, community
How to Read Files Quickly in JavaScript (lem)648
how-tos, javascript, file-handling
Runtime Compatibility (asc+)647
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
Spread vs. Rest Operators in JavaScript646
javascript, operators, comparisons
The “10× Engineer”: 50 Years Ago and Now (ger)645
productivity, processes, career, history
The Essential Guide to Microcopy and Becoming a More Literate Designer644
guides, design, microcontent, content, writing
Thoughts on Embedding Alternative Text Metadata Into Images (eri)643
accessibility, images, metadata
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)642
architecture, microservices, monoliths
15 Years of Running a Personal Website (ste)641
indieweb
Interaction to Next Paint Is Officially a Core Web Vital (rvi)640
performance, web-vitals
Marking the Web’s 35th Birthday: An Open Letter (tim)639
open-letters, web, history, anniversaries
5 Exciting New JavaScript Features in 2024638
javascript
A Gentle Introduction to Generics in TypeScript637
introductions, typescript, generics
Accessibility: Implementing Focus Traps636
accessibility, focus, keyboard-navigation
Alt Text for CSS Generated Content (tem)635
css, generated-content, alt-text, accessibility
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness634
performance, tooling, metrics
Are We Watching the Internet Die? (edz)633
web
Comparing JavaScript Frameworks: Templates632
javascript, frameworks, templates, comparisons
Distinguishing Between ARIA and Native HTML Attributes (deq)631
html, aria, attributes, accessibility, comparisons
Express.js With TypeScript—Setup, Examples, Testing630
videos, express, typescript, testing, examples
IDEs vs. Code Editors: Everything You Need to Know (jet)629
code-editors, comparisons, concepts
JSON Canvas628
websites, standards, json, canvas
Streaming HTML (chr/fro)627
html, php, streaming
What Is INP and Why You Should Care (whi/get)626
performance, web-vitals, monitoring
Have You Optimized for INP?625
performance, web-vitals, optimization
CSS Button Styles You Might Not Know (dbu)624
html, css, buttons
Things I Learned While Building My JS Library623
javascript, libraries, lessons
Optimising Your Design System With Figma’s Variables622
design-systems, optimization, variables, figma
Access by a Thousand Curb Cuts (yat)621
accessibility
eslint-plugin-depend620
packages, npm, maintenance, simplicity
How to Invert the Colors Using CSS (ron)619
css, colors, filters, images
Jakob Has Jumped the Shark (aar)618
accessibility, link-lists
Replace ESLint and Prettier With Biome.js617
biome, eslint, prettier, comparisons, tooling, remix
Dissecting Layered Architecture (yok)616
architecture
How “HEAD” Works in Git (b0r)615
git
Modern CSS Tooltips and Speech Bubbles II (css/sma)614
tooltips, css, techniques
Navigating the Future of Frontend613
frameworks, web-platform, outlooks
Add Superpowers to Your CSS Variables With Style Queries (jar/van)612
css, style-queries, custom-properties
Creating Color Palettes With the CSS “color-mix()” Function (mic)611
css, functions, colors, color-palettes
Asking Users for Their Pronouns: A Guide for UX Designers610
guides, user-experience, communication
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)609
how-tos, accessibility, testing
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)608
css, selectors, examples
The Quiet, Pervasive Devaluation of Frontend (col)607
html, css, craft, career, community
AVIF Is the Future of Web Images606
images, avif, performance, outlooks
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project605
how-tos, nodejs, environments
Managing Static Files in Django: A Comprehensive Guide604
guides, django, file-handling
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers603
figma, keyboard-shortcuts, cheat-sheets, design
5 Ways Productivity Culture Kills Business Agility602
productivity, agile, economics, culture
Announcing TypeScript 5.4 (dan/typ)601
release-notes, typescript
Internationalization With Remix (rem)600
remix, internationalization
Making Room for Long List Markers With Subgrid (nol)599
html, lists, css, grids
Release Notes for Safari Technology Preview 190 (jon/web)598
release-notes, browsers, apple, safari
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)597
videos, css, selectors
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)596
static-site-generation, server-side-rendering, incremental-static-regeneration, client-side-rendering, rendering, strategies, comparisons, nextjs
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets595
shadow-dom, dom, css
The End of My Gatsby Journey (mon)594
gatsby, frameworks, comparisons
Sometimes, a Button Just Wants to Look Like a Button593
design, usability, buttons
WebAssembly JSPI Is Going to Origin Trial592
webassembly, origin-trials
The Ultimate Guide to Choosing the Best React Website Builder591
guides, react, tooling, comparisons, link-lists
Exploring the Creative Power of CSS Filters and Blending590
css, blend-modes, filters, effects
90% of Designers are Unhirable?589
design, processes, career
Best Practices for Inclusive Design588
design, dei, accessibility, best-practices
WebKit Features in Safari 17.4 (jen+/web)587
release-notes, browsers, apple, safari, webkit
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)586
how-tos, websockets, nodejs
Data Table Design Patterns585
information-design, tables, design-patterns
How to Ensure Your Designs Work if You Can’t Access Sample Data584
how-tos, design, usability, metrics, testing
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)583
design, collaboration
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)582
design, accessibility, user-experience, mobile
JSR: Second Look (dbu)581
jsr
Modern Git Commands and Features You Should Be Using580
git, command-line
The 88×31 Archive579
web, images, history
WCAG? More Like, W-What?! (stv)578
accessibility, wcag, link-lists
SemVer Simplified: An Introduction to Semantic Versioning577
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About576
performance, metrics, web-vitals, lighthouse, google
JavaScript Runs the World—Maybe Even Literally (wir)575
javascript, programming, web
Accessibility Darkness (ste)574
accessibility, overlays
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)573
accessibility, ai
Bugs I’ve Filed on Browsers (nol)572
browsers, chromium, firefox, webkit, quality
CSS for Printing to Paper571
css, print
Tools That Make Me Productive as a Software Engineer570
tooling, productivity, link-lists
We Need to Talk About Jakob (mat)569
accessibility
Visualizing Frontend Architecture (max)568
architecture, documentation, visualization
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr567
servers, hosting, comparisons, metrics
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)566
npm, dependencies, examples, security
Go Ahead and Block AI Web Crawlers (cor)565
robotstxt, crawling, scraping, ai
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked564
aws, lambda, javascript, runtimes, nodejs, comparisons, metrics
The Hunt for the Missing Data Type (hil)563
types, algorithms
Planning a Design System Generation (nat)562
design-systems, automation
Emerging UX Patterns in Generative AI Experiences561
user-experience, design-patterns, ai
A Love Letter to the Underrepresented in Tech560
community
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)559
accessibility, web-components, ai
An Introduction to Webflow—the No-Code Website Builder558
introductions, webflow, low-and-no-code
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)557
web-apps, apple
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All556
browsers, apple, mobile, web-apps
Eloquent JavaScript (mar)555
websites, books, javascript
Introducing JSR—the JavaScript Registry (lca+/den)554
introductions, jsr, deno, dependencies, javascript
Modern CSS Tooltips and Speech Bubbles (css/sma)553
tooltips, css, techniques
Team Productivity Metrics for Engineering Managers552
productivity, metrics, engineering-management
TIL—“submit()” Versus “requestSubmit()” (ray)551
javascript, comparisons
Web Tech Trends to Watch in 2024 and Beyond (web)550
trends, design, dark-mode, ai, sustainability, minimalism
Retrofitting Fluid Typography (ric)549
liquid-design, typography, css
Design System Generations (nat)548
design-systems, processes
Accessibility Has Failed: Try Generative UI = Individualized UX547
accessibility, usability, ai, outlooks
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)546
guides, nodejs, dependencies, comparisons
Diving Into CSS Interactivity (daw+/sto)545
videos, css
Keyboard Accessibility Testing on Mobile Devices544
accessibility, testing, keyboard-navigation, mobile
Techniques to Break Words (aar)543
techniques, html, css, content
The Wax and the Wane of the Web (ste/ali)542
web-platform, history
What Is Inclusive Design, and How Does It Relate to Accessibility?541
design, dei, accessibility
What You Need to Know About Software Requirements540
software-design, best-practices
Why Does “is-number” Package Have 59M Weekly Downloads?539
dependencies, npm
New to the Web Platform in February (rac)538
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Understanding Cookies and Sessions in React537
react, authentication, cookies
An HTML Switch Control (ann+/web)536
html, css, forms
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)535
apple, web-apps, progressive-web-apps, community
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)534
css, container-queries, units
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js533
how-tos, navigation, functionality, astro, tailwind, alpinejs
Making Math Accessible (ons/tpg)532
accessibility, math
So, What Exactly Did Apple Break in the EU? (tom)531
browsers, apple, mobile, support, web-apps, apis
Test Quality vs. Bashing Tailwind CSS (mar)530
tailwind, css, comparisons
Ultimate Guide to Visual Testing With Playwright529
guides, testing, regressions, playwright
Enhanced Internationalization (I18N) in Next.js 14528
nextjs, internationalization
Creativity Lies in the Paradoxes527
creativity, design
Top 8 Recent V8 in Node Updates (app)526
nodejs, v8
A Fun Line of Code (dbu)525
javascript, apis, multimedia
A Guide to CSS Cursor Types524
guides, css, cursors
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)523
videos, mistakes, dark-mode, css
AI and Design Systems (bra)522
ai, design-systems
Here Lies the Internet, Murdered by Generative AI521
web, content, ai
How to Lazy-Load CodePen and CanIUse Embeds520
how-tos, embed-code, performance, codepen, caniuse
Reporting Core Web Vitals With the Performance API (geo/sma)519
apis, performance, web-vitals
ServerlessHorrors (and)518
websites, serverless, cloud-computing
What Is Vuetify in Vue.js?517
vuetify, vuejs
YouTube Video Embedding Harm Reduction (jvo)516
multimedia, embed-code, youtube, html, privacy
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)515
wordpress, ai
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)514
drag-and-drop, accessibility, browsers, screen-readers, support
How to Use Server-Sent Events in Node.js (cra)513
how-tos, nodejs, events
The 3 Capabilities Designers Need to Build for the AI Era512
design, career, training, ai, link-lists
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)511
accessibility, screen-readers
A Web Designer’s Accessibility Advocacy Toolkit (sma)510
accessibility, advocacy, strategies
CSS-Only Bottom-Anchored Scrolling Area (kit)509
css, scrolling
How to Build a Newthing508
how-tos, processes, creativity, maintenance
No Outer Margin507
css, margins, spacing, components
Speaker Spotlight: Michelle Barker (mic)506
interviews, css, sustainability
The CSS Cascade—a (Re)Introduction (mat)505
videos, css, cascade
What Is a Single-Page Application? (hey)504
single-page-apps, javascript, performance, user-experience
Why I Use Firefox (sim)503
browsers, mozilla, firefox
CSS Foundations: What Is IACVT? (bra)502
css, fundamentals
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)501
open-letters, apple, web-apps
Advanced Figma Tips and Tricks 2024: Little Gems We Love500
figma, tips-and-tricks
Home Screen Advantage (sli)499
browsers, apple, mobile, support, web-apps, web-platform
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)498
accessibility, web, captcha
CSS “:has()” Interactive Guide (sha)497
guides, css, selectors
JSDoc as an Alternative TypeScript Syntax496
typescript, documentation, jsdoc
My WebAIM 10th SR User Survey Takeaways (aar)495
accessibility, screen-readers
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization494
react, hooks, signals
Understanding Event-Driven Architecture493
architecture, events
WebAIM Screen Reader User Survey 10 (den)492
accessibility, screen-readers
The Power of Patterns and Playbooks in Content Design (kat)491
design, content, design-patterns
Proposal: CSS Variable Groups (lea)490
css, variables
Why My Code Isn’t in TypeScript (rem)489
typescript
A Developer’s Guide for Web Accessibility488
guides, accessibility
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)487
videos, accessibility, aria, html, user-experience
Building Dynamic Progress Bars Using Only CSS (ami)486
css, progress-indicators
Difference Between the Accessibility Page and the Accessibility Statement485
accessibility, documentation, comparisons
Filling Gaps With a Polyfill (jay)484
polyfills, html, css, javascript, history
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)483
jsr, deno, dependencies, javascript
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)482
javascript, libraries, client-side-rendering, state-management
JavaScript Bloat in 2024 (nik)481
javascript, performance
Navbar Gallery480
websites, navigation, design-patterns, examples
UX Leadership Is Failing (and What We Can Do About It)479
user-experience, leadership
htmx vs. React: A Complete Comparison478
htmx, react, comparisons
My Favourite Animation Trick: Exponential Smoothing (lis)477
animations, tips-and-tricks
Next.js vs. Remix—a Developer’s Dilemma476
nextjs, remix, comparisons
Node.js 2023 Year in an Article (raf)475
nodejs, retrospectives
Parallax Effect With CSS Custom Properties (fro)474
css, custom-properties, effects, parallax
Release Notes for Safari Technology Preview 189 (jon/web)473
release-notes, browsers, apple, safari
Syntax Highlighting With No Spans?! (chr/fro)472
css, apis, syntax-highlighting
View Transitions: Handling Aspect Ratio Changes (jaf)471
css, view-transitions, aspect-ratio
CSS “::backdrop” Now Inherits From Its Originating Element (bra)470
css, selectors
The One Trick Every Flutter Web Dev Needs to Know469
tips-and-tricks, flutter, performance
Discovering Web Automation and Scraping (gli)468
scraping, automation, tooling
How to Optimize the Web for the Worst User Conditions?467
how-tos, user-experience, responsive-design, performance, optimization
10 Best “Create React App” Alternatives for Different Use Cases466
react, frameworks, tech-stacks, comparisons, link-lists
Making of True Multi-Brand Design System465
design-systems, theming
A Practical Guide to Designing for Colorblind People (vit/sma)464
guides, accessibility, design, colors, color-blindness
A Practical Guide to Using Shadow DOM (may)463
guides, dom, shadow-dom
CSS-Only Radial Progress Bars Using Conic Gradients462
videos, css, gradients, progress-indicators
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)461
videos, accessibility, wcag, guidelines, compliance
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js460
how-tos, nodejs, worker-threads
How to Use Local Storage in JavaScript (fre)459
how-tos, browser-storage, javascript
Okay, Color Spaces (eee)458
colors, oklch
“random()” Distribution Visualizer457
javascript, randomness, visualization
Why Is JavaScript Fragile? (cfe)456
javascript
Preventing SQL Injection Attacks in Node.js455
security, nodejs, databases, sql
Design Patterns That Encourage Junk Data (mic)454
design-patterns, sustainability, economics, storage, email
How to Make a Cursor Image Hover Effect With CSS and JS453
how-tos, css, javascript, images, cursors, hover
Control Lazy Load, Infinite Scroll, and Animations in React452
react, lazy-loading, scrolling, animations, javascript
My Design System Journey: Building the Plane While Flying451
design-systems, collaboration, processes
100 Things You Can Do on Your Personal Website (cap)450
blogging, writing, indieweb
17 Equations That Changed the World—Rewritten in JavaScript449
javascript, math
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)448
collaboration, onboarding, user-experience
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)447
how-tos, accessibility, dei, user-experience, colors, contrast, readability
The Fifty-Fifty Split and Overflow (hex)446
css, overflow, layout
[Web Accessibility] Survey Results445
accessibility, surveys
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)444
content, design, design-debt, technical-debt, maintenance, processes, visualization
What Is Utility-First CSS? (hey)443
css, presentational-html, principles
Responsive Web Design: 3 Key Fundamentals (nng)442
videos, responsive-design, fundamentals
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)441
user-experience, product-management, processes
Don’t Care About Accessibility? Resistance Is Futile! (cer)440
accessibility
Tailwind Marketing and Misinformation Engine439
tailwind, css, semantics, principles, maintainability, marketing
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)438
apis, javascript, css, syntax-highlighting
A Manifesto for Small, Static, Web Apps (ros)437
manifestos, web-apps, principles
JavaScript Workers436
videos, javascript, web-workers
Understanding React “useEffect”435
react, hooks
JavaScript on Demand: How Qwik Differs From React Hydration434
javascript, qwik, react, hydration, comparisons
Be a Better Developer With These Git Good Practices433
git, best-practices, conventions, consistency, code-reviews
Frontend Application Security: Tips and Tricks432
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
How to Set Up a Node Server With TypeScript in 2024 (jle)431
how-tos, nodejs, servers, typescript
It’s Official, Apple Kills Web Apps in the EU (owa)430
web-apps, apple
Popular Git Config Options (b0r)429
git, configuration
UI = ƒ(statesⁿ) (dav)428
design, state-management
A Dozen Thoughts About AI (dav)427
ai
ARIA “note” (aar)426
accessibility, aria, browsers, screen-readers, support
CSS “:is(.awesome)” (mar/cfe)425
videos, css, selectors, techniques
Full Guide on How to Hire Front-End Developers Effectively424
guides, how-tos, hiring, career
Future of CSS: Functions and Mixins423
css, functions, mixins
Getting to an Accessibility Strategy422
accessibility, strategies, processes
How I Developed the 10 Usability Heuristics421
usability, heuristics, history
Making the Most of Ligatures (man)420
css, typography
Playing With Infinity in CSS (lon)419
css, math
React Labs: What We’ve Been Working On—February 2024 (rea)418
react
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)417
javascript
Reasonable WCAG Additions (a11)416
accessibility, wcag
The Text File That Runs the Internet (dav/ver)415
robotstxt, crawling, scraping, ai, web
Wednesday, February 14, 2024 Security Releases (raf+/nod)414
release-notes, nodejs, security
What Is Lighthouse Speed Index (SI) and How to Reduce It413
performance, metrics, lighthouse, google
What Is the Difference Between ASP and ASP.NET?412
asp, asp-net, comparisons
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)411
accessibility, aria, naming
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)410
css, overflow, scrolling, animations
Input Type “date”: The Accessibility of HTML Date Picker409
accessibility, forms
How Accessibility Standards Can Empower Better Chart Visual Design (sma)408
accessibility, contrast, colors, information-design
A Practical Guide to Designing for Children (vit/sma)407
guides, design, link-lists
Advanced Architecture for AI Application (aka AAAA) (aus)406
ai, architecture, edge-computing, optimization
Be Aware of Arrays—V8 Engine Advice405
javascript, javascript-engines, v8, arrays
CSS Color Module Level 4 (tab+/w3c)404
standards, css, colors
How to Center a Div (jos)403
how-tos, css, centering
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)402
how-tos, browsers, mobile, scrolling, css
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)401
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)400
css, functions, math
Why I Like Scrumban (j9t)399
processes, agile, scrum, kanban
Building htmx and Go Web Apps With Gemini Advanced398
videos, web-apps, htmx, go, ai, gemini
Selenium Automation Testing: A Step-by-Step Beginners Guide397
guides, selenium, testing, automation
An Introduction to Node.js Multithreading (cra)396
introductions, nodejs, multithreading
A CSS Project Boilerplate (bel/pic)395
css, tailwind, templates
Can Generative AI Help Write Accessible Code? (tin/tet)394
accessibility, code-generation, ai
How to Choose the Best Static Site Generator in 2024393
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
Learn TypeScript (jad)392
websites, courses, typescript
React, Solid, htmx391
react, solidjs, htmx, comparisons
The Anatomy of Addictive Content (moz)390
content, writing, seo
The ü/ü Conundrum389
javascript, unicode, encoding
You Want to Make It Easy to Feature Your Content (fro)388
frontend-dogma, content, community
How to Boost WordPress Security and Protect Your SEO Ranking387
how-tos, wordpress, security, seo
CSS Mixins and Functions Explainer (mia/odd)386
css, mixins, functions
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)385
css, svg, filters, colors, contrast
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)384
naming, design, case-studies
Using Recursive CSS to Change Styles Based on Depth (cri)383
css, selectors
Don’t Disable Form Controls (aar)382
accessibility, usability, forms, buttons
Navigating Prioritization: Four Approaches (cwo)381
project-management, prioritization, processes
Everything You Need to Know About Image Formats in 2024 (web)380
images, jpeg, png, gif, webp, avif, pdf, svg
Have We Forgotten How to Build Ethical Things for the Web? (nic)379
web, ethics
HTML as the Baseline (cfe)378
html, progressive-enhancement
The Front-End Development We’re Used to Is Dying377
career, simplicity, complexity
Accelerating Code Reviews With Nudges376
research, code-reviews, productivity, experiments, facebook+meta
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)375
learning, career
Git Tips: Really Large Repositories374
git, monorepos, tips-and-tricks
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)373
viewport, css, units
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)372
web-apps, browsers, apple, mobile
Is [“* { min-width: 0; }”] a Good Idea? (kev)371
videos, css
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)370
nodejs, corepack, npm, yarn, pnpm, dependencies
So You Think You Know Git369
videos, git
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)368
videos, accessibility
What Is a Descriptive Transcript?367
accessibility, multimedia
Format Nunjucks Files With Prettier (san)366
nunjucks, prettier
10 Best Automated AI Code Review Tools 2024365
ai, automation, code-reviews, tooling, comparisons, link-lists
CSS Is Logical (geo)364
css
Offloading JavaScript With Custom Properties (hey)363
javascript, css, custom-properties
Opportunities for AI in Accessibility (aar/ali)362
accessibility, ai
Release Notes for Safari Technology Preview 188 (jon/web)361
release-notes, browsers, apple, safari
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)360
web-platform, frameworks, tech-stacks, complexity
Patterns in Design Systems (ikn)359
design-systems, design-patterns, components
A Guide to Designing for Older Adults (vit/sma)358
guides, design, accessibility
Detect Caps Lock With JavaScript (dav)357
javascript
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)356
accessibility, usability, forms, errors
In Praise of the “switch” Statement (chi)355
javascript
JavaScript Promises Demystified354
javascript, promises
jQuery 4.0.0 Beta (tim/jqu)353
release-notes, jquery
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)352
videos, lessons, eleventy, commonjs, esm, refactoring
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)351
metrics, quality, efficiency, productivity
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)350
npm, dependencies, security
When to Use the “min()” or “max()” Function (css)349
css, functions, tips-and-tricks
A Beginner’s Guide to Seamless Open-Source Contributions (wom)348
guides, foss
Immutable Array Updates With “Array.prototype.with” (jad)347
javascript, arrays, prototypes, browsers, support
Designing User Onboarding: Lessons From Figma, Duolingo, and More346
lessons, onboarding, design, user-experience, figma
UI Elements Are Not So Elementary345
design, design-patterns
JavaScript vs. Python: Which One Should You Learn First?344
javascript, python, comparisons
Remix Takes on Next.js in Battle of the React Frameworks (ric)343
frameworks, react, remix, nextjs
Bookmarklet: Load All GitHub Comments (mey)342
bookmarklets, github, code-reviews
Everything You Need to Know About Git341
git, command-line
Exciting New Tools for Designers, February 2024 (web)340
design, tooling, link-lists
Getting Into Web Components—an Intro (uti)339
introductions, web-components
How to Create Rounded Gradient Borders With Any Background in CSS (ben)338
how-tos, css, borders, gradients, backgrounds
It’s the Hope That Kills You (yat)337
accessibility, career, community
Revolutionizing Usability Testing With Machine Learning (uxm)336
usability, testing, ai
The Decision to Leave Tech (col)335
career, retrospectives
The Most Demanded Frontend Frameworks in 2023334
frameworks, comparisons, react, angular, vuejs
Thoughts on a Global Design System (chr)333
design-systems
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)332
user-experience, design, hierarchy
You Won’t Scale (cfe)331
maintainability, scalability
13 Best Books, Courses, and Communities for Learning React330
react, books, courses, link-lists
htmx Deep Dive With Carson Gross329
videos, htmx, deep-dives
The Importance of Web Performance to Information Equity (sch/fos)328
videos, performance, accessibility
Why Disabled People’s Needs Aren’t “Special”327
accessibility
“X” Marks the Spot: Landmark Elements (stv)326
html, semantics, accessibility, assistive-tech, aria
HTML Attributes That Every Web Developer Should Know325
html, attributes, pop-overs, forms, custom-data
A View Source Web (gar)324
websites, view-source, browsers
5 Hidden Risks of Your Inaccessible Website (deq)323
accessibility
All Art Is a Copy of Something (chr)322
art
From Many to One: Moving Our JavaScript Code Into a Monorepo321
migrating, monorepos, javascript, git
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)320
images, svg, css, masking, performance
SOLID Principles: They’re Rock-Solid for Good Reason319
programming, principles, solid
What Is WAP?318
wap, mobile
The SEO Starter Guide Got a Makeover (liz+)317
guides, seo, search, google
A Complete Guide to Open Source—100× Simpler316
guides, foss
A Look at the New WAI–ARIA 1.3 Draft (cra)315
accessibility, aria, standards
Career Retrospective314
career, retrospectives
Dynamically Adding Text Alternatives to Images With AI (kar)313
automation, ai, accessibility, images, alt-text
Everyone’s a Sellout Now312
career, culture
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)311
videos, frameworks, svelte
The Web Just Gets Better With Interop 2024 (jen/web)310
web-platform, interoperability, browsers, support
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?309
ai, quality, technical-debt
What’s the Difference Between “localhost” and “127.0.0.1”?308
network, ip, testing
Interop 2024 (rac)307
interoperability, web-platform, browsers, support
Tracking Your Interviews Is Extremely Important306
career, interviewing
Drupal Creator: Websites Needed More Than Ever in the AI Era (ric)305
web, ai, complexity
5 Essential DevTools Console Hacks for Every Web Developer304
videos, browsers, dev-tools
Be Purposeful About Your Content303
accessibility, content, writing
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)302
guides, accessibility, colors, color-palettes, figma
GitLab vs. GitHub: Which Is Better in 2024?301
version-control, gitlab, github, comparisons
How to Stream Files From Next.js Route Handlers (eri)300
how-tos, nextjs, routing, streaming
Making VPATs and ACRs More Effective in Procurement (web)299
accessibility, vpat-acr, processes
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)298
html, dom, shadow-dom, apis, security
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization297
testing, flakiness, cypress, playwright, network
The Good, the Bad, the Web Components (zac)296
web-components, shadow-dom, dom
Why Not htmx? (cfe)295
htmx
PurePWA—a Radical U-Turn in Web Development294
web-apps, progressive-web-apps, simplicity, tooling
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+)293
performance, web-vitals, metrics
Implementing User Authentication in React Apps With Appwrite292
react, authentication, tooling
The Art and Science of Annotations in Dev Mode (fig)291
figma, annotations
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)290
html, css
“field-sizing” Just Works! (kil/pol)289
css, forms, comparisons
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)288
css, units, fonts
Is Generated Code Harder to Maintain?287
discussions, ai, maintainability, maintenance
Onboarding (mfo)286
processes, onboarding, productivity, engineering-management
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)285
guides, foss, collaboration
The Psychology of Site Speed and Human Happiness (tam/spe)284
performance, usability
Tuesday, February 6, 2024 Security Releases (raf/nod)283
release-notes, nodejs, security
Use CSS “accent-color” to Style Your Inputs (cas)282
css, forms
Web Platform Design Principles (lea/w3c)281
web-platform, software-design, principles, standards, w3c
Why Do Rubber Ducks Work?280
processes, productivity, creativity
Learn Testing279
courses, testing
Celebrate a More Interoperable Web With Interop 2023 (rac)278
web-platform, interoperability, browsers, support
New to the Web Platform in January (rac)277
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Understanding Signals in Django276
signals, django
At Last, Browser Choice * (dav)275
legal, browsers, apple, mobile
Dynamic README Image Based on GitHub Activity274
readme, github
Git: The Basics of “git bisect” (ada)273
fundamentals, git
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)272
how-tos, images, favicons
Next.js App Router Migration: The Good, Bad, and Ugly271
nextjs, routing, migrating
The EU Forces Open Apple’s Walled Garden270
legal, apple, browsers, mobile
The Web Component Success Story (jak)269
web-components
Practical Guide to Destructuring: TypeScript vs. Dart268
guides, typescript, dart, comparisons
ESG and DEI Policies Were Always Luxury Goods (blo)267
dei, sustainability, policies
Debunking 10 Common Objections to Incremental Delivery for Software Teams266
agile, processes
Express Forward (exp)265
discussions, outlooks, express
The Loss of the Process in the Name of Progress264
design, creativity, productivity, processes
A Guide to Styling Tables (sto)263
css, tables, responsive-design
Design Systems Burnout (fon)262
design-systems
Nicer Text Wrapping With CSS “text-wrap” (lon)261
css, typography
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)260
legal, browsers, apple, mobile
Apple, the DMA, and Malicious Compliance (bru)259
legal, browsers, apple, mobile
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)258
css, selectors, focus