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

Frontend Dogma

“2024” News Archive (6)

Entry (Sources) and Additional TopicsDate#
Iterator Helpers780
ecmascript, javascript, javascript-engines, v8
What Even Are Dragging Movements? (cat/spa)779
accessibility, interaction-design, terminology
Meet Angular’s New “output()” API (ang)778
angular, apis
Be Flexible About What People Need (and Don’t Assume) (eri)777
accessibility
CSS Anchor Positioning (tab+/w3c)776
standards, css, anchor-positioning
How Does npx Actually Work and When to Use It775
npx, nodejs
How Invalid HTML Elements Impact Web Performance (erw)774
html, conformance, performance
How to Take Control of Flexbox (kev)773
videos, how-tos, css, flexbox, layout
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)772
css, overviews
Animating Clip Paths on Scroll With “@property” in CSS (uti)771
css, animations, scrolling, clipping, masking
Exploring the Power of ARIA Live Attribute in Web Accessibility770
accessibility, aria, attributes
Convention Over Creativity? The Ups and Downs of UX Design769
user-experience, design
Quick Tip: How to Align Column Rows With CSS Subgrid (ral)768
tips-and-tricks, how-tos, css, grids, layout, alignment
History of Web Accessibility767
videos, accessibility, history
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests766
how-tos, jquery, ajax, functions, asynchrony
Node v20.12.0 (LTS) (nod)765
release-notes, nodejs
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)764
colors, dark-mode, css, javascript
Error Messages 101 (nng)763
videos, usability, errors, microcontent
7 Simple Rules for Better Data Visualization762
information-design
How to Consolidate Multiple Design Systems761
how-tos, design-systems, processes
Incredible JavaScript Animation Libraries760
javascript, animations, libraries, link-lists
New CSS That Can Actually Be Used in 2024 (tho)759
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Spicing Up Text With “text-emphasis” in CSS (ami)758
css, typography, effects
How Does Single Sign-On (SSO) Work? (mil)757
authentication, security
CORS Finally Explained—Simply756
security, csrf, cors, concepts
No One Actually Wants Accessibility (dav)755
accessibility
Diving Into the Node.js Website Redesign (bri/nod)754
redesigning, case-studies
JavaScript Visualized: Promise Execution753
javascript, promises, visualization
ARIA “role=application” and Mobile Screen Readers (cer)752
accessibility, aria, screen-readers, mobile
Profile Node.js Performance With the Performance Panel (jec+)751
nodejs, performance, debugging, browsers, chrome, dev-tools
Radix Themes 3.0750
release-notes, radix
Learn OAuth 2.0 by Building Your Own OAuth Client749
authorization, oauth, functionality
AI Can Make a Code Review for Free748
ai, code-reviews, tooling
CAPTCHA Excludes Disabled Web Users (zel)747
accessibility, captcha
CSS Values and Units Module Level 3 (tab+/w3c)746
standards, css, units
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)745
css, units
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)744
nodejs, npm
The “Current Branch” in Git (b0r)743
git
12 Figma Tips to Work More Efficiently742
figma, tips-and-tricks, efficiency
The Cost of Interrupted Work: More Speed and Stress741
research, productivity, processes
Quick Tip: How to Add Gradient Effects and Patterns to Text (ral)740
tips-and-tricks, how-tos, css, gradients, effects
Don’t Get Scammed by Fake Performance Experts and Apps739
performance, tooling
Accessible Forms With Pseudo Classes (css)738
accessibility, forms, css, selectors
Building a Micro htmx SSR Framework (mco/pla)737
frameworks, htmx, examples
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)736
how-tos, accessibility, testing, authentication
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)735
accessibility, pop-overs, html
On the Gift of OKR for Company Culture (j9t)734
processes, okr, culture
This Pattern Will Wreck Your React App’s TS Performance (mat)733
design-patterns, react, typescript, performance
Microservices Promised Freedom but Delivered Dependencies (pur)732
microservices, dependencies
“__dirname” Is Back in Node.js With ES Modules (phi)731
nodejs, esm
Avoid These Design System Traps730
design-systems
Welcome to Future of Web Accessibility Based on Predictors (jar+)729
videos, accessibility, outlooks
Node.js: The Documentary (isa+)728
videos, nodejs, history
Relicensing and Rug Pulls727
foss, licensing, history
[Bulma] 1.0.0726
release-notes, bulma
Optimizing JavaScript for Fun and for Profit725
javascript, optimization
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)724
code-pens, layout, css
How to Create a Website and a PDF From the Same Codebase (spa/clo)723
how-tos, code-generation, pdf, functionality
How to Plan Your First Successful Website (web)722
how-tos, processes, project-management
The Box Model and Box Sizing (bel/pic)721
css, box-model, concepts
Psychology and UX: Decoding the Science Behind User Clicks720
user-experience, design, principles
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)719
javascript-engines, memory, garbage-collection, asynchrony
Angular Signals: Best Practices718
angular, signals, best-practices
Folder Structures in React Projects717
react, architecture
Progressive Disclosure Defaults716
css, forms, interaction-design
Chill Scroll Snapping: Article Headers (chr/fro)715
css, scrolling
Using Relative Colors (chr/mdn)714
css, colors
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)713
how-tos, guides, interviewing, career
Build a Full-Stack App With Node.js and htmx712
web-apps, nodejs, htmx
Essential CSS Tools for Developers (nim)711
css, tooling
A Comparison of JavaScript CRDTs (alm)710
javascript, types, comparisons
Build a Node App With TypeScript (mat)709
nodejs, typescript, pnpm, esm
Every React Concept Explained in 12 Minutes708
videos, react, concepts
How to Kill the Cascade (fon)707
css, cascade, resets, scope
I’m So Old: Web Edition (dav)706
web, history
“require(esm)” in Node.js (joy)705
nodejs, ecmascript, esm, commonjs
Observability Is an Illusion (pur)704
observability, logging, monitoring, alerting
Accessibility Foundations (ihe/tpg)703
accessibility, fundamentals, link-lists
How Meta Improved Their Cache Consistency to 99.99999999702
facebook+meta, caching
A Designer’s Role Is Not “at the Table”701
design, career
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)700
user-experience, interaction-design, best-practices
Make a Web Browser: Beginner’s Guide (nim)699
guides, browsers, browser-engines
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility698
accessibility
How Web-Site Design and Social Media Work Together (uxm)697
design, content, social-media
The Ultimate Guide to Understanding npx vs. npm696
guides, npx, npm, nodejs
Comparing ECMAScript Modules and CommonJS695
comparisons, esm, commonjs
The Power of Textual Content in UX Design (uxm)694
content, user-experience
2024 Cheat Sheet Collection693
cheat-sheets, link-lists
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)692
embed-code, google, analytics, sustainability, performance, compliance
Why UI Designers Should Understand Flexbox and CSS Grid691
design, layout, flexbox, grids, css
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)690
migrating, jest, testing, memory, performance
Copy Objects Ways in JavaScript689
javascript, objects
How Web Bloat Impacts Users With Slow Devices688
performance, metrics, comparisons, web
Mental Health in Open Source (ant)687
foss, career
Homepage Design: 5 Fundamental Principles (nng)686
design, homepages, principles
Skeuomorphism (nng)685
design, terminology
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets684
accessibility, design-systems, documentation, dei
Quick Tip: Creating a Date Picker in React683
tips-and-tricks, react, functionality
How (In)Efficient Are Engineering Organizations?682
efficiency, processes, engineering-management
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)681
how-tos, performance, web-vitals, optimization, shopify
Deploying Remix to GitHub Pages (rem)680
videos, deploying, remix, github-pages
Webflow 101: A Guide for Beginners679
introductions, guides, webflow, low-and-no-code
Arguments for Opening Links in a New Tab or Window (gri/clo)678
links, usability
Make Your Functions More Reusable With Generics (mat)677
typescript, functions, generics, maintainability
The Golden Age of Accessibility676
accessibility
What Is Safe Alignment in CSS? (chr/fro)675
css, layout, user-experience
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?674
frameworks, comparisons, qwik, nextjs
There Is No EU Cookie Banner Law673
consent-management, cookies, legal
Performance Tooling in 2024 and Beyond (pau)672
performance, tooling, browsers, dev-tools, lighthouse
When “Semantic Tokens” Are No Longer Semantic671
design-tokens, semantics
Another JS Registry—Seriously?! (den)670
videos, jsr, dependencies, javascript
The Problem With AI (cfe)669
ai
The Problem With Data Attributes for Text Effects (man)668
html, custom-data, css, typography, effects
There Are No Standards Police (mno)667
standards, policies, processes
What’s Next for a Global Design System (bra)666
design-systems
HTML Performance Optimization: Tips for Faster Loading Pages665
html, landing-pages, performance, optimization, tips-and-tricks
You Want “border-color: transparent”, Not “border: none” (dav/fro)664
css, borders, transparency+opacity, accessibility, contrast
A Beginner’s Guide to Node.js Worker Threads (bet)663
guides, nodejs, worker-threads
How to Avoid Flaky Tests in Playwright662
how-tos, testing, flakiness, playwright
How to Design Icons in Figma661
how-tos, images, icons, figma, design
WCAG 2.2 Detective Skills660
accessibility, standards, wcag
Refactoring My Ugliest Code With Signal View Queries659
videos, refactoring, angular
25 Unnoticeable Features of JavaScript658
javascript
Ruby Is Complicated657
html
My New Favorite CSS Trick: “will-change”656
css, animations, transitions, tips-and-tricks
A Letter to My Younger Self, as an Accessibility Advocate (hbu)655
accessibility, advocacy, retrospectives
Building Websites and Building Websites Well (j9t)654
quality, craft, community
How to Read Files Quickly in JavaScript (lem)653
how-tos, javascript, file-handling
Spread vs. Rest Operators in JavaScript652
javascript, operators, comparisons
The “10× Engineer”: 50 Years Ago and Now (ger)651
productivity, processes, career, history
Thoughts on Embedding Alternative Text Metadata Into Images (eri)650
accessibility, images, metadata
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)649
architecture, microservices, monoliths
15 Years of Running a Personal Website (ste)648
indieweb
Interaction to Next Paint Is Officially a Core Web Vital (rvi)647
performance, web-vitals
Marking the Web’s 35th Birthday: An Open Letter (tim)646
open-letters, web, history, anniversaries
5 Exciting New JavaScript Features in 2024645
javascript
Runtime Compatibility (asc+)644
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
The Essential Guide to Microcopy and Becoming a More Literate Designer643
guides, design, microcontent, content, writing
Alt Text for CSS Generated Content (tem)642
css, generated-content, alt-text, accessibility
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness641
performance, tooling, metrics
Are We Watching the Internet Die? (edz)640
web
Distinguishing Between ARIA and Native HTML Attributes (deq)639
html, aria, attributes, accessibility, comparisons
Streaming HTML (chr/fro)638
html, php, streaming
What Is INP and Why You Should Care (whi/get)637
performance, web-vitals, monitoring
Have You Optimized for INP?636
performance, web-vitals, optimization
JSON Canvas635
websites, standards, json, canvas
Accessibility: Implementing Focus Traps634
accessibility, focus, keyboard-navigation
IDEs vs. Code Editors: Everything You Need to Know (jet)633
code-editors, comparisons, concepts
Express.js With TypeScript—Setup, Examples, Testing632
videos, express, typescript, testing, examples
A Gentle Introduction to Generics in TypeScript631
introductions, typescript, generics
Comparing JavaScript Frameworks: Templates630
javascript, frameworks, templates, comparisons
CSS Button Styles You Might Not Know (dbu)629
html, css, buttons
Optimising Your Design System With Figma’s Variables628
design-systems, optimization, variables, figma
Things I Learned While Building My JS Library627
javascript, libraries, lessons
Access by a Thousand Curb Cuts (yat)626
accessibility
How to Invert the Colors Using CSS (ron)625
css, colors, filters, images
Jakob Has Jumped the Shark (aar)624
accessibility, link-lists
eslint-plugin-depend (430)623
packages, npm, maintenance, simplicity
Replace ESLint and Prettier With Biome.js622
biome, eslint, prettier, comparisons, tooling, remix
Dissecting Layered Architecture (yok)621
architecture
How “HEAD” Works in Git (b0r)620
git
Modern CSS Tooltips and Speech Bubbles II (css/sma)619
tooltips, css, techniques
Add Superpowers to Your CSS Variables With Style Queries (jar/van)618
css, style-queries, custom-properties
Creating Color Palettes With the CSS “color-mix()” Function (mic)617
css, functions, colors, color-palettes
Asking Users for Their Pronouns: A Guide for UX Designers616
guides, user-experience, communication
Navigating the Future of Frontend615
frameworks, web-platform, outlooks
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)614
how-tos, accessibility, testing
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)613
css, selectors, examples
The Quiet, Pervasive Devaluation of Frontend (col)612
html, css, craft, career, community
AVIF Is the Future of Web Images611
images, avif, performance, outlooks
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project610
how-tos, nodejs, environments
Managing Static Files in Django: A Comprehensive Guide609
guides, django, file-handling
Announcing TypeScript 5.4 (dan/typ)608
release-notes, typescript
Making Room for Long List Markers With Subgrid (nol)607
html, lists, css, grids
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)606
videos, css, selectors
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)605
static-site-generation, server-side-rendering, incremental-static-regeneration, client-side-rendering, rendering, strategies, comparisons, nextjs
The End of My Gatsby Journey (mon)604
gatsby, frameworks, comparisons
Sometimes, a Button Just Wants to Look Like a Button603
design, usability, buttons
WebAssembly JSPI Is Going to Origin Trial602
webassembly, origin-trials
The Ultimate Guide to Choosing the Best React Website Builder601
guides, react, tooling, comparisons, link-lists
Exploring the Creative Power of CSS Filters and Blending600
css, blend-modes, filters, effects
Leadership Is a Hell of a Drug (lud)599
leadership, engineering-management
Release Notes for Safari Technology Preview 190 (jon/web)598
release-notes, browsers, safari
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers597
figma, keyboard-shortcuts, cheat-sheets, design
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets596
shadow-dom, dom, css
90% of Designers are Unhirable?595
design, processes, career
5 Ways Productivity Culture Kills Business Agility594
productivity, agile, economics, culture
Internationalization With Remix (rem)593
remix, internationalization
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)592
how-tos, websockets, nodejs
Data Table Design Patterns591
information-design, tables, design-patterns
WebKit Features in Safari 17.4 (jen+/web)590
release-notes, browsers, safari, webkit
Best Practices for Inclusive Design (slo)589
design, dei, accessibility, best-practices
CSS-Tricks in Limbo: Chris Coyier Wants It Back and the Community Reacts588
css-tricks, digitalocean, community
How to Ensure Your Designs Work if You Can’t Access Sample Data587
how-tos, design, usability, metrics, testing
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)586
design, accessibility, user-experience, mobile
JSR: Second Look (dbu)585
jsr
The 88×31 Archive584
web, images, history
WCAG? More Like, W-What?! (stv)583
accessibility, wcag, link-lists
JavaScript Runs the World—Maybe Even Literally (wir)582
javascript, programming, web
When We Talk About Front-End Performance, What Are We Talking About581
performance, metrics, web-vitals, lighthouse
SemVer Simplified: An Introduction to Semantic Versioning580
introductions, semver, versioning
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)579
design, collaboration
Modern Git Commands and Features You Should Be Using578
git, command-line
Accessibility Darkness (ste)577
accessibility, overlays
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)576
accessibility, ai
Bugs I’ve Filed on Browsers (nol)575
browsers, chromium, firefox, webkit, quality
CSS for Printing to Paper574
css, print
We Need to Talk About Jakob (mat)573
accessibility
Visualizing Frontend Architecture (max)572
architecture, documentation, visualization
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)571
npm, dependencies, examples, security
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr570
servers, hosting, comparisons, metrics, digitalocean
Tools That Make Me Productive as a Software Engineer569
tooling, productivity, link-lists
Go Ahead and Block AI Web Crawlers (cor)568
robotstxt, crawling, scraping, ai
The Hunt for the Missing Data Type (hil)567
types, algorithms
Planning a Design System Generation (nat)566
design-systems, automation
Emerging UX Patterns in Generative AI Experiences565
user-experience, design-patterns, ai
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked564
lambda, javascript, runtimes, nodejs, comparisons, metrics
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)563
accessibility, web-components, ai
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)562
web-apps, apple
Eloquent JavaScript (mar)561
websites, books, javascript
Modern CSS Tooltips and Speech Bubbles (css/sma)560
tooltips, css, techniques
TIL—“submit()” Versus “requestSubmit()” (ray)559
javascript, comparisons
Web Tech Trends to Watch in 2024 and Beyond (web)558
trends, design, dark-mode, ai, sustainability, minimalism
Retrofitting Fluid Typography (ric)557
liquid-design, typography, css
Design System Generations (nat)556
design-systems, processes
An Introduction to Webflow—the No-Code Website Builder555
introductions, webflow, low-and-no-code
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (9to)554
browsers, apple, mobile, web-apps
Team Productivity Metrics for Engineering Managers553
productivity, metrics, engineering-management
Introducing JSR—the JavaScript Registry (lca+/den)552
introductions, jsr, deno, dependencies, javascript
A Love Letter to the Underrepresented in Tech (abb)551
community
Accessibility Has Failed: Try Generative UI = Individualized UX550
accessibility, usability, ai, outlooks
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)549
guides, nodejs, dependencies, comparisons
Keyboard Accessibility Testing on Mobile Devices548
accessibility, testing, keyboard-navigation, mobile
Techniques to Break Words (aar)547
techniques, html, css, content
The Wax and the Wane of the Web (ste/ali)546
web-platform, history
What Is Inclusive Design, and How Does It Relate to Accessibility? (slo)545
design, dei, accessibility
Diving Into CSS Interactivity (daw+/sto)544
videos, css
What You Need to Know About Software Requirements543
software-design, best-practices
Understanding Cookies and Sessions in React542
react, authentication, cookies
Why Does “is-number” Package Have 59M Weekly Downloads?541
dependencies, npm
New to the Web Platform in February540
release-notes, web-platform, browsers, firefox, chrome, safari
An HTML Switch Control (ann+/web)539
html, css, forms
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)538
apple, web-apps, progressive-web-apps, community
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)537
css, container-queries, units
Making Math Accessible (ons/tpg)536
accessibility, math
So, What Exactly Did Apple Break in the EU? (tom)535
browsers, apple, mobile, support, web-apps, apis
Test Quality vs. Bashing Tailwind CSS (mar)534
tailwind, css, comparisons
Enhanced Internationalization (I18N) in Next.js 14533
nextjs, internationalization
Creativity Lies in the Paradoxes532
creativity, design
Top 8 Recent V8 in Node Updates (app)531
nodejs, v8
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js530
how-tos, navigation, functionality, astro, tailwind, alpinejs
Ultimate Guide to Visual Testing With Playwright529
guides, testing, regressions, playwright
Where I’m at on the Whole CSS-Tricks Thing (chr)528
css-tricks, digitalocean
A Fun Line of Code (dbu)527
javascript, apis, multimedia
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)526
videos, mistakes, dark-mode, css
AI and Design Systems (bra)525
ai, design-systems
Reporting Core Web Vitals With the Performance API (geo/sma)524
apis, performance, web-vitals
ServerlessHorrors (and)523
websites, serverless, cloud-computing
YouTube Video Embedding Harm Reduction (jvo)522
multimedia, embed-code, youtube, html, privacy
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)521
drag-and-drop, accessibility, browsers, screen-readers, support
How to Use Server-Sent Events in Node.js (cra)520
how-tos, nodejs, events
The 3 Capabilities Designers Need to Build for the AI Era519
design, career, training, ai, link-lists
A Guide to CSS Cursor Types518
guides, css, cursors
What Is Vuetify in Vue.js?517
vuetify, vuejs
How to Lazy-Load CodePen and CanIUse Embeds516
how-tos, embed-code, performance, codepen, caniuse
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)515
wordpress, ai
Here Lies the Internet, Murdered by Generative AI514
web, content, ai
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)513
accessibility, screen-readers
A Web Designer’s Accessibility Advocacy Toolkit (sma)512
accessibility, advocacy, strategies
CSS-Only Bottom-Anchored Scrolling Area (kit)511
css, scrolling
The CSS Cascade—a (Re)Introduction (mat)510
videos, css, cascade
What Is a Single-Page Application? (hey)509
single-page-apps, javascript, performance, user-experience
CSS Foundations: What Is IACVT? (bra)508
css, fundamentals
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)507
open-letters, apple, web-apps
Advanced Figma Tips and Tricks 2024: Little Gems We Love506
figma, tips-and-tricks
Why I Use Firefox (sim)505
browsers, firefox
Speaker Spotlight: Michelle Barker (mic)504
interviews, css, sustainability
How to Build a Newthing503
how-tos, processes, creativity, maintenance
No Outer Margin502
css, margins, spacing, components
Home Screen Advantage (sli)501
browsers, apple, mobile, support, web-apps, web-platform
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)500
accessibility, web, captcha
CSS “:has()” Interactive Guide (sha)499
guides, css, selectors
My WebAIM 10th SR User Survey Takeaways (aar)498
accessibility, screen-readers
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization497
react, hooks, signals
The Power of Patterns and Playbooks in Content Design (kat)496
design, content, design-patterns
WebAIM Screen Reader User Survey 10 (den)495
accessibility, screen-readers
Understanding Event-Driven Architecture (yok)494
architecture, events
JSDoc as an Alternative TypeScript Syntax493
typescript, documentation, jsdoc
Proposal: CSS Variable Groups (lea)492
css, variables
Why My Code Isn’t in TypeScript (rem)491
typescript
A Developer’s Guide for Web Accessibility490
guides, accessibility
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)489
videos, accessibility, aria, html, user-experience
Building Dynamic Progress Bars Using Only CSS (ami)488
css, progress-indicators
Filling Gaps With a Polyfill (jay)487
polyfills, html, css, javascript, history
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)486
jsr, deno, dependencies, javascript
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)485
javascript, libraries, client-side-rendering, state-management
JavaScript Bloat in 2024 (nik)484
javascript, performance
Navbar Gallery483
websites, navigation, design-patterns, examples
htmx vs. React: A Complete Comparison482
htmx, react, comparisons
Difference Between the Accessibility Page and the Accessibility Statement481
accessibility, documentation, comparisons
UX Leadership Is Failing (and What We Can Do About It)480
user-experience, leadership
My Favourite Animation Trick: Exponential Smoothing (lis)479
animations, tips-and-tricks
Node.js 2023 Year in an Article (raf)478
nodejs, retrospectives
Parallax Effect With CSS Custom Properties (fro)477
css, custom-properties, effects, parallax
Syntax Highlighting With No Spans?! (chr/fro)476
css, apis, syntax-highlighting
View Transitions: Handling Aspect Ratio Changes (jaf)475
css, view-transitions, aspect-ratio
CSS “::backdrop” Now Inherits From Its Originating Element (bra)474
css, selectors
How to Optimize the Web for the Worst User Conditions?473
how-tos, user-experience, responsive-design, performance, optimization
10 Best “Create React App” Alternatives for Different Use Cases472
react, frameworks, tech-stacks, comparisons, link-lists
Making of True Multi-Brand Design System471
design-systems, theming
Discovering Web Automation and Scraping (gli)470
scraping, automation, bots, tooling
Release Notes for Safari Technology Preview 189 (jon/web)469
release-notes, browsers, safari
Next.js vs. Remix—a Developer’s Dilemma468
nextjs, remix, comparisons
The One Trick Every Flutter Web Dev Needs to Know467
tips-and-tricks, flutter, performance
A Practical Guide to Designing for Colorblind People (vit/sma)466
guides, accessibility, design, colors, color-blindness
A Practical Guide to Using Shadow DOM (may)465
guides, dom, shadow-dom
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js464
how-tos, nodejs, worker-threads
How to Use Local Storage in JavaScript (fre)463
how-tos, browser-storage, javascript
Okay, Color Spaces (eee)462
colors, oklch
Why Is JavaScript Fragile? (cfe)461
javascript
Preventing SQL Injection Attacks in Node.js460
security, nodejs, databases, sql
Design Patterns That Encourage Junk Data (mic)459
design-patterns, sustainability, economics, storage, email
My Design System Journey: Building the Plane While Flying458
design-systems, collaboration, processes
CSS-Only Radial Progress Bars Using Conic Gradients457
videos, css, gradients, progress-indicators
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)456
videos, accessibility, wcag, guidelines, compliance
“random()” Distribution Visualizer455
javascript, randomness, visualization
Control Lazy Load, Infinite Scroll, and Animations in React454
react, lazy-loading, scrolling, animations, javascript
How to Make a Cursor Image Hover Effect With CSS and JS453
how-tos, css, javascript, images, cursors, hover
100 Things You Can Do on Your Personal Website (cap)452
blogging, writing, indieweb
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)451
how-tos, accessibility, dei, user-experience, colors, contrast, readability
The Fifty-Fifty Split and Overflow (hex)450
css, overflow, layout
[Web Accessibility] Survey Results449
accessibility, surveys
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)448
content, design, design-debt, technical-debt, maintenance, processes, visualization
What Is Utility-First CSS? (hey)447
css, presentational-html, principles
Responsive Web Design: 3 Key Fundamentals (nng)446
videos, responsive-design, fundamentals
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)445
user-experience, product-management, processes
17 Equations That Changed the World—Rewritten in JavaScript444
javascript, math
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)443
collaboration, onboarding, user-experience
Don’t Care About Accessibility? Resistance Is Futile! (cer)442
accessibility
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)441
apis, javascript, css, syntax-highlighting
Tailwind Marketing and Misinformation Engine440
tailwind, css, semantics, principles, maintainability, marketing
A Manifesto for Small, Static, Web Apps (ros)439
manifestos, web-apps, principles
Understanding React “useEffect”438
react, hooks
JavaScript on Demand: How Qwik Differs From React Hydration437
javascript, qwik, react, hydration, comparisons
JavaScript Workers436
videos, javascript, web-workers
It’s Official, Apple Kills Web Apps in the EU (owa)435
web-apps, apple
Popular Git Config Options (b0r)434
git, configuration
UI = ƒ(statesⁿ) (dav)433
design, state-management
How to Set Up a Node Server With TypeScript in 2024 (jle)432
how-tos, nodejs, servers, typescript
Frontend Application Security: Tips and Tricks431
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
Be a Better Developer With These Git Good Practices430
git, best-practices, conventions, consistency, code-reviews
A Dozen Thoughts About AI (dav)429
ai
ARIA “note” (aar)428
accessibility, aria, browsers, screen-readers, support
CSS “:is(.awesome)” (mar/cfe)427
videos, css, selectors, techniques
How I Developed the 10 Usability Heuristics426
usability, heuristics, history
Making the Most of Ligatures (man)425
css, typography
Playing With Infinity in CSS (lon)424
css, math
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)423
javascript
React Labs: What We’ve Been Working On—February 2024 (rea)422
react
Full Guide on How to Hire Front-End Developers Effectively421
guides, how-tos, hiring, career
Getting to an Accessibility Strategy420
accessibility, strategies, processes
Future of CSS: Functions and Mixins419
css, functions, mixins
Reasonable WCAG Additions (a11)418
accessibility, wcag
The Text File That Runs the Internet (dav/ver)417
robotstxt, crawling, scraping, ai, web
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)416
accessibility, aria, naming
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)415
css, overflow, scrolling, animations
Input Type “date”: The Accessibility of HTML Date Picker414
accessibility, forms
How Accessibility Standards Can Empower Better Chart Visual Design (sma)413
accessibility, contrast, colors, information-design
What Is Lighthouse Speed Index (SI) and How to Reduce It412
performance, metrics, lighthouse
What Is the Difference Between ASP and ASP.NET?411
asp, asp-net, comparisons
Wednesday, February 14, 2024 Security Releases (raf+/nod)410
release-notes, nodejs, security
A Practical Guide to Designing for Children (vit/sma)409
guides, design, link-lists
Advanced Architecture for AI Application (aka AAAA) (aus)408
ai, architecture, edge-computing, optimization
Be Aware of Arrays—V8 Engine Advice407
javascript, javascript-engines, v8, arrays
CSS Color Module Level 4 (tab+/w3c)406
standards, css, colors
How to Center a Div (jos)405
how-tos, css, centering
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)404
how-tos, browsers, mobile, scrolling, css
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)403
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)402
css, functions, math
Why I Like Scrumban (j9t)401
processes, agile, scrum, kanban
An Introduction to Node.js Multithreading (cra)400
introductions, nodejs, multithreading
Selenium Automation Testing: A Step-by-Step Beginners Guide399
guides, selenium, testing, automation
Building htmx and Go Web Apps With Gemini Advanced398
videos, web-apps, htmx, go, ai, gemini
A CSS Project Boilerplate (bel/pic)397
css, tailwind, templates
Can Generative AI Help Write Accessible Code? (tin/tet)396
accessibility, code-generation, ai
Learn TypeScript (jad)395
websites, courses, typescript
How to Boost WordPress Security and Protect Your SEO Ranking394
how-tos, wordpress, security, seo
How to Choose the Best Static Site Generator in 2024393
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
You Want to Make It Easy to Feature Your Content (fro)392
frontend-dogma, content, community
The ü/ü Conundrum391
javascript, unicode, encoding
The Anatomy of Addictive Content (moz)390
content, writing, seo
React, Solid, htmx389
react, solidjs, htmx, comparisons
CSS Mixins and Functions Explainer (mia/odd)388
css, mixins, functions
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)387
css, svg, filters, colors, contrast
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)386
naming, design, case-studies
Using Recursive CSS to Change Styles Based on Depth (cri)385
css, selectors
Don’t Disable Form Controls (aar)384
accessibility, usability, forms, buttons
Navigating Prioritization: Four Approaches (cwo)383
project-management, prioritization, processes
Everything You Need to Know About Image Formats in 2024 (web)382
images, jpeg, png, gif, webp, avif, pdf, svg
Have We Forgotten How to Build Ethical Things for the Web? (nic)381
web, ethics
HTML as the Baseline (cfe)380
html, progressive-enhancement
The Front-End Development We’re Used to Is Dying379
career, simplicity, complexity
Accelerating Code Reviews With Nudges378
research, code-reviews, productivity, experiments, facebook+meta
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)377
learning, career
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)376
viewport, css, units
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)375
web-apps, browsers, apple, mobile
Is [“* { min-width: 0; }”] a Good Idea? (kev)374
videos, css
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)373
nodejs, corepack, npm, yarn, pnpm, dependencies
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)372
videos, accessibility
Format Nunjucks Files With Prettier (san)371
nunjucks, prettier
What Is a Descriptive Transcript?370
accessibility, multimedia
So You Think You Know Git (git)369
videos, git
Git Tips: Really Large Repositories (git)368
git, monorepos, tips-and-tricks
CSS Is Logical (geo)367
css
Offloading JavaScript With Custom Properties (hey)366
javascript, css, custom-properties
Opportunities for AI in Accessibility (aar/ali)365
accessibility, ai
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)364
web-platform, frameworks, tech-stacks, complexity
Patterns in Design Systems (ikn)363
design-systems, design-patterns, components
Release Notes for Safari Technology Preview 188 (jon/web)362
release-notes, browsers, safari
10 Best Automated AI Code Review Tools 2024361
ai, automation, code-reviews, tooling, comparisons, link-lists
A Guide to Designing for Older Adults (vit/sma)360
guides, design, accessibility
Detect Caps Lock With JavaScript (dav)359
javascript
In Praise of the “switch” Statement (chi)358
javascript
jQuery 4.0.0 Beta (tim/jqu)357
release-notes, jquery
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)356
videos, lessons, eleventy, commonjs, esm, refactoring
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)355
metrics, quality, efficiency, productivity
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)354
npm, dependencies, security
When to Use the “min()” or “max()” Function (css)353
css, functions, tips-and-tricks
Immutable Array Updates With “Array.prototype.with” (jad)352
javascript, arrays, prototypes, browsers, support
Designing User Onboarding: Lessons From Figma, Duolingo, and More351
lessons, onboarding, design, user-experience, figma
JavaScript vs. Python: Which One Should You Learn First?350
javascript, python, comparisons
Remix Takes on Next.js in Battle of the React Frameworks349
frameworks, react, remix, nextjs
JavaScript Promises Demystified (mar)348
javascript, promises
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)347
accessibility, usability, forms, errors
UI Elements Are Not So Elementary346
design, design-patterns
A Beginner’s Guide to Seamless Open-Source Contributions (wom)345
guides, foss
Bookmarklet: Load All GitHub Comments (mey)344
bookmarklets, github, code-reviews
Getting Into Web Components—an Intro (uti)343
introductions, web-components
How to Create Rounded Gradient Borders With Any Background in CSS (ben)342
how-tos, css, borders, gradients, backgrounds
It’s the Hope That Kills You (yat)341
accessibility, career, community
Revolutionizing Usability Testing With Machine Learning (uxm)340
usability, testing, ai
Thoughts on a Global Design System (chr)339
design-systems
You Won’t Scale (cfe)338
maintainability, scalability
13 Best Books, Courses, and Communities for Learning React337
react, books, courses, link-lists
The Decision to Leave Tech (col)336
career, retrospectives
Everything You Need to Know About Git335
git, command-line
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)334
user-experience, design, hierarchy
The Most Demanded Frontend Frameworks in 2023333
frameworks, comparisons, react, angular, vuejs
Exciting New Tools for Designers, February 2024 (web)332
design, tooling, link-lists
The Importance of Web Performance to Information Equity (sch/fos)331
videos, performance, accessibility
“X” Marks the Spot: Landmark Elements (stv)330
html, semantics, accessibility, assistive-tech, aria
HTML Attributes That Every Web Developer Should Know329
html, attributes, pop-overs, forms, custom-data
htmx Deep Dive With Carson Gross328
videos, htmx, deep-dives
Why Disabled People’s Needs Aren’t “Special”327
accessibility
A View Source Web (gar)326
websites, view-source, browsers
All Art Is a Copy of Something (chr)325
art
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)324
images, svg, css, masking, performance
The SEO Starter Guide Got a Makeover (liz+)323
guides, seo, search, google
From Many to One: Moving Our JavaScript Code Into a Monorepo322
migrating, monorepos, javascript, git
What Is WAP?321
wap, mobile
5 Hidden Risks of Your Inaccessible Website (deq)320
accessibility
SOLID Principles: They’re Rock-Solid for Good Reason319
programming, principles, solid
A Look at the New WAI–ARIA 1.3 Draft (cra)318
accessibility, aria, standards
Dynamically Adding Text Alternatives to Images With AI (kar)317
automation, ai, accessibility, images, alt-text
The Web Just Gets Better With Interop 2024 (jen/web)316
web-platform, interoperability, browsers, support
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?315
ai, quality, technical-debt
What’s the Difference Between “localhost” and “127.0.0.1”?314
network, ip, testing
Tracking Your Interviews Is Extremely Important313
career, interviewing
Drupal Creator: Websites Needed More Than Ever in the AI Era312
web, ai, complexity
A Complete Guide to Open Source—100× Simpler311
guides, foss
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)310
videos, frameworks, svelte
Everyone’s a Sellout Now309
career, culture
Career Retrospective308
career, retrospectives
Interop 2024307
interoperability, web-platform, browsers, support
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)306
guides, accessibility, colors, color-palettes, figma
How to Stream Files From Next.js Route Handlers (eri)305
how-tos, nextjs, routing, streaming
Making VPATs and ACRs More Effective in Procurement (web)304
accessibility, vpat-acr, processes
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)303
html, dom, shadow-dom, apis, security
The Good, the Bad, the Web Components (zac)302
web-components, shadow-dom, dom
Why Not htmx? (cfe)301
htmx
PurePWA—a Radical U-Turn in Web Development300
web-apps, progressive-web-apps, simplicity, tooling
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+)299
performance, web-vitals, metrics
Implementing User Authentication in React Apps With Appwrite298
react, authentication, tooling
The Art and Science of Annotations in Dev Mode (fig)297
figma, annotations
Be Purposeful About Your Content296
accessibility, content, writing
GitLab vs. GitHub: Which Is Better in 2024?295
version-control, gitlab, github, comparisons
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization294
testing, flakiness, cypress, playwright, network
5 Essential DevTools Console Hacks for Every Web Developer293
videos, browsers, dev-tools
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)292
html, css
“field-sizing” Just Works! (kil/pol)291
css, forms, comparisons
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)290
css, units, fonts
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)289
guides, foss, collaboration
The Psychology of Site Speed and Human Happiness (tam/spe)288
performance, usability
Use CSS “accent-color” to Style Your Inputs (cas)287
css, forms
Why Do Rubber Ducks Work?286
processes, productivity, creativity
Web Platform Design Principles (lea/w3c)285
web-platform, software-design, principles, standards, w3c
Tuesday, February 6, 2024 Security Releases (raf/nod)284
release-notes, nodejs, security
Is Generated Code Harder to Maintain?283
discussions, ai, maintainability, maintenance
Learn Testing282
courses, testing
Understanding Signals in Django281
signals, django