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. Hide

Frontend Dogma

“2024” News Archive (6)

Entry (Sources) and Additional TopicsDate#
How Does npx Actually Work and When to Use It771
npx, nodejs
How Invalid HTML Elements Impact Web Performance (erw)770
html, conformance, performance
How to Take Control of Flexbox (kev)769
videos, how-tos, css, flexbox, layout
Node v20.12.0 (LTS) (nod)768
release-notes, nodejs
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)767
css, overviews
Animating Clip Paths on Scroll With “@property” in CSS (uti)766
css, animations, scrolling, clipping, masking
Exploring the Power of ARIA Live Attribute in Web Accessibility765
accessibility, aria, attributes
Convention Over Creativity? The Ups and Downs of UX Design764
user-experience, design
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests763
how-tos, jquery, ajax, functions, asynchronicity
Quick Tip: How to Align Column Rows With CSS Subgrid (ral)762
tips-and-tricks, how-tos, css, grids, layout, alignment
History of Web Accessibility761
videos, accessibility, history
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)760
colors, dark-mode, css, javascript
Error Messages 101 (nng)759
videos, usability, errors, microcontent
7 Simple Rules for Better Data Visualization758
information-design
How to Consolidate Multiple Design Systems757
how-tos, design-systems, processes
Diving Into the Node.js Website Redesign (bri/nod)756
redesigning, case-studies
Incredible JavaScript Animation Libraries755
javascript, animations, libraries, link-lists
New CSS That Can Actually Be Used in 2024 (tho)754
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Spicing Up Text With “text-emphasis” in CSS (ami)753
css, typography, effects
How Does Single Sign-On (SSO) Work? (mil)752
authentication, security
JavaScript Visualized: Promise Execution751
javascript, promises, visualization
CORS Finally Explained—Simply750
security, csrf, cors, concepts
No One Actually Wants Accessibility (dav)749
accessibility
ARIA “role=application” and Mobile Screen Readers (cer)748
accessibility, aria, screen-readers, mobile
AI Can Make a Code Review for Free747
ai, code-reviews, tooling
Profile Node.js Performance With the Performance Panel (jec+)746
nodejs, performance, debugging, browsers, chrome, dev-tools
Learn OAuth 2.0 by Building Your Own OAuth Client745
authorization, oauth, functionality
Radix Themes 3.0744
release-notes, radix
Accessible Forms With Pseudo Classes (css)743
accessibility, forms, css, selectors
CAPTCHA Excludes Disabled Web Users (zel)742
accessibility, captcha
CSS Values and Units Module Level 3 (tab+/w3c)741
standards, css, units
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)740
css, units
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)739
nodejs, npm
The “Current Branch” in Git (b0r)738
git
12 Figma Tips to Work More Efficiently737
figma, tips-and-tricks, efficiency
The Cost of Interrupted Work: More Speed and Stress736
research, productivity, processes
Quick Tip: How to Add Gradient Effects and Patterns to Text (ral)735
tips-and-tricks, how-tos, css, gradients, effects
Don’t Get Scammed by Fake Performance Experts and Apps734
performance, tooling
Building a Micro htmx SSR Framework (mco/pla)733
frameworks, htmx, examples
[Bulma] 1.0.0732
release-notes, bulma
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)731
how-tos, accessibility, testing, authentication
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)730
accessibility, pop-overs, html
On the Gift of OKR for Company Culture (j9t)729
processes, okr, culture
Optimizing JavaScript for Fun and for Profit728
javascript, optimization
Relicensing and Rug Pulls727
foss, licensing, history
This Pattern Will Wreck Your React App’s TS Performance (mat)726
design-patterns, react, typescript, performance
Microservices Promised Freedom but Delivered Dependencies (pur)725
microservices, dependencies
“__dirname” Is Back in Node.js With ES Modules (phi)724
nodejs, esm
Avoid These Design System Traps723
design-systems
Welcome to Future of Web Accessibility Based on Predictors (jar+)722
videos, accessibility, outlooks
Node.js: The Documentary (isa+)721
videos, nodejs, history
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)720
code-pens, layout, css
Folder Structures in React Projects719
react, architecture
How to Create a Website and a PDF From the Same Codebase (spa/clo)718
how-tos, code-generation, pdf, functionality
How to Plan Your First Successful Website (web)717
how-tos, processes, project-management
Progressive Disclosure Defaults (ada)716
css, forms, interaction-design
The Box Model and Box Sizing (bel/pic)715
css, box-model, concepts
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)714
javascript-engines, memory, garbage-collection, asynchronicity
Angular Signals: Best Practices713
angular, signals, best-practices
Psychology and UX: Decoding the Science Behind User Clicks712
user-experience, design, principles
Chill Scroll Snapping: Article Headers (chr/fro)711
css, scrolling
Using Relative Colors (chr/mdn)710
css, colors
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)709
how-tos, guides, interviewing, career
Build a Full-Stack App With Node.js and htmx708
web-apps, nodejs, htmx
Essential CSS Tools for Developers (nim)707
css, tooling
A Comparison of JavaScript CRDTs (alm)706
javascript, types, comparisons
Build a Node App With TypeScript (mat)705
nodejs, typescript, pnpm, esm
Comparing ECMAScript Modules and CommonJS704
comparisons, esm, commonjs
Every React Concept Explained in 12 Minutes703
videos, react, concepts
How to Kill the Cascade (fon)702
css, cascade, resets, scope
How Web-Site Design and Social Media Work Together (uxm)701
design, content, social-media
I’m So Old: Web Edition (dav)700
web, history
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility699
accessibility
The Power of Textual Content in UX Design (uxm)698
content, user-experience
“require(esm)” in Node.js (joy)697
nodejs, ecmascript, esm, commonjs
Observability Is an Illusion (pur)696
observability, logging, monitoring, alerting
Accessibility Foundations (ihe/tpg)695
accessibility, fundamentals, link-lists
How Meta Improved Their Cache Consistency to 99.99999999694
facebook+meta, caching
A Designer’s Role Is Not “at the Table”693
design, career
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)692
user-experience, interaction-design, best-practices
Make a Web Browser: Beginner’s Guide (nim)691
guides, browsers, browser-engines
The Ultimate Guide to Understanding npx vs. npm690
guides, npx, npm, nodejs
2024 Cheat Sheet Collection689
cheat-sheets, link-lists
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)688
embed-code, google, analytics, sustainability, performance, compliance
Why UI Designers Should Understand Flexbox and CSS Grid687
design, layout, flexbox, grids, css
Copy Objects Ways in JavaScript686
javascript, objects
How Web Bloat Impacts Users With Slow Devices685
performance, metrics, comparisons, web
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)684
migrating, jest, testing, memory, performance
Homepage Design: 5 Fundamental Principles (nng)683
design, homepages, principles
Skeuomorphism (nng)682
design, terminology
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets681
accessibility, design-systems, documentation, dei
Quick Tip: Creating a Date Picker in React680
tips-and-tricks, react, functionality
How (In)Efficient Are Engineering Organizations?679
efficiency, processes, engineering-management
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)678
how-tos, performance, web-vitals, optimization, shopify
Deploying Remix to GitHub Pages (rem)677
videos, deploying, remix, github-pages
Webflow 101: A Guide for Beginners676
introductions, guides, webflow, low-and-no-code
Arguments for Opening Links in a New Tab or Window (gri/clo)675
links, usability
Make Your Functions More Reusable With Generics (mat)674
typescript, functions, generics, maintainability
The Golden Age of Accessibility673
accessibility
What Is Safe Alignment in CSS? (chr/fro)672
css, layout, user-experience
When “Semantic Tokens” Are No Longer Semantic671
design-tokens, semantics
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?670
frameworks, comparisons, qwik, nextjs
There Is No EU Cookie Banner Law669
consent-management, cookies, legal
Performance Tooling in 2024 and Beyond (pau)668
performance, tooling, browsers, dev-tools, lighthouse
25 Unnoticeable Features of JavaScript667
javascript
Another JS Registry—Seriously?! (den)666
videos, jsr, dependencies, javascript
My New Favorite CSS Trick: “will-change”665
css, animations, transitions, tips-and-tricks
Refactoring My Ugliest Code With Signal View Queries664
videos, refactoring, angular
Ruby Is Complicated663
html
The Problem With AI (cfe)662
ai
The Problem With Data Attributes for Text Effects (man)661
html, custom-data, css, typography, effects
There Are No Standards Police (mno)660
standards, policies, processes
What’s Next for a Global Design System (bra)659
design-systems
HTML Performance Optimization: Tips for Faster Loading Pages658
html, landing-pages, performance, optimization, tips-and-tricks
You Want “border-color: transparent”, Not “border: none” (dav/fro)657
css, borders, transparency+opacity, accessibility, contrast
A Beginner’s Guide to Node.js Worker Threads (bet)656
guides, nodejs, worker-threads
How to Avoid Flaky Tests in Playwright655
how-tos, testing, flakiness, playwright
How to Design Icons in Figma654
how-tos, images, icons, figma, design
WCAG 2.2 Detective Skills653
accessibility, standards, wcag
A Letter to My Younger Self, as an Accessibility Advocate (hbu)652
accessibility, advocacy, retrospectives
Building Websites and Building Websites Well (j9t)651
quality, craft, community
How to Read Files Quickly in JavaScript (lem)650
how-tos, javascript, file-handling
Spread vs. Rest Operators in JavaScript649
javascript, operators, comparisons
The “10× Engineer”: 50 Years Ago and Now (ger)648
productivity, processes, career, history
Thoughts on Embedding Alternative Text Metadata Into Images (eri)647
accessibility, images, metadata
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)646
architecture, microservices, monoliths
15 Years of Running a Personal Website (ste)645
indieweb
Interaction to Next Paint Is Officially a Core Web Vital (rvi)644
performance, web-vitals
Marking the Web’s 35th Birthday: An Open Letter (tim)643
open-letters, web, history, anniversaries
5 Exciting New JavaScript Features in 2024642
javascript
The Essential Guide to Microcopy and Becoming a More Literate Designer641
guides, design, microcontent, content, writing
Runtime Compatibility (asc+)640
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
A Gentle Introduction to Generics in TypeScript639
introductions, typescript, generics
Alt Text for CSS Generated Content (tem)638
css, generated-content, alt-text, accessibility
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness637
performance, tooling, metrics
Are We Watching the Internet Die? (edz)636
web
Comparing JavaScript Frameworks: Templates635
javascript, frameworks, templates, comparisons
Distinguishing Between ARIA and Native HTML Attributes (deq)634
html, aria, attributes, accessibility, comparisons
Express.js With TypeScript—Setup, Examples, Testing633
videos, express, typescript, testing, examples
IDEs vs. Code Editors: Everything You Need to Know (jet)632
code-editors, comparisons, concepts
Streaming HTML (chr/fro)631
html, php, streaming
What Is INP and Why You Should Care (whi/get)630
performance, web-vitals, monitoring
Have You Optimized for INP?629
performance, web-vitals, optimization
JSON Canvas628
websites, standards, json, canvas
Accessibility: Implementing Focus Traps627
accessibility, focus, keyboard-navigation
CSS Button Styles You Might Not Know (dbu)626
html, css, buttons
Things I Learned While Building My JS Library625
javascript, libraries, lessons
Optimising Your Design System With Figma’s Variables624
design-systems, optimization, variables, figma
Access by a Thousand Curb Cuts (yat)623
accessibility
eslint-plugin-depend622
packages, npm, maintenance, simplicity
How to Invert the Colors Using CSS (ron)621
css, colors, filters, images
Jakob Has Jumped the Shark (aar)620
accessibility, link-lists
Replace ESLint and Prettier With Biome.js619
biome, eslint, prettier, comparisons, tooling, remix
Dissecting Layered Architecture (yok)618
architecture
How “HEAD” Works in Git (b0r)617
git
Modern CSS Tooltips and Speech Bubbles II (css/sma)616
tooltips, css, techniques
Add Superpowers to Your CSS Variables With Style Queries (jar/van)615
css, style-queries, custom-properties
Creating Color Palettes With the CSS “color-mix()” Function (mic)614
css, functions, colors, color-palettes
Asking Users for Their Pronouns: A Guide for UX Designers613
guides, user-experience, communication
Navigating the Future of Frontend612
frameworks, web-platform, outlooks
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)611
how-tos, accessibility, testing
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)610
css, selectors, examples
The Quiet, Pervasive Devaluation of Frontend (col)609
html, css, craft, career, community
AVIF Is the Future of Web Images608
images, avif, performance, outlooks
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project607
how-tos, nodejs, environments
Managing Static Files in Django: A Comprehensive Guide606
guides, django, file-handling
Announcing TypeScript 5.4 (dan/typ)605
release-notes, typescript
Internationalization With Remix (rem)604
remix, internationalization
Making Room for Long List Markers With Subgrid (nol)603
html, lists, css, grids
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)602
videos, css, selectors
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)601
static-site-generation, server-side-rendering, incremental-static-regeneration, client-side-rendering, rendering, strategies, comparisons, nextjs
The End of My Gatsby Journey (mon)600
gatsby, frameworks, comparisons
Sometimes, a Button Just Wants to Look Like a Button599
design, usability, buttons
WebAssembly JSPI Is Going to Origin Trial598
webassembly, origin-trials
The Ultimate Guide to Choosing the Best React Website Builder597
guides, react, tooling, comparisons, link-lists
Exploring the Creative Power of CSS Filters and Blending596
css, blend-modes, filters, effects
90% of Designers are Unhirable?595
design, processes, career
Leadership Is a Hell of a Drug (lud)594
leadership, engineering-management
5 Ways Productivity Culture Kills Business Agility593
productivity, agile, economics, culture
Release Notes for Safari Technology Preview 190 (jon/web)592
release-notes, browsers, safari
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers591
figma, keyboard-shortcuts, cheat-sheets, design
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets590
shadow-dom, dom, css
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)589
how-tos, websockets, nodejs
Data Table Design Patterns588
information-design, tables, design-patterns
How to Ensure Your Designs Work if You Can’t Access Sample Data587
how-tos, design, usability, metrics, testing
WebKit Features in Safari 17.4 (jen+/web)586
release-notes, browsers, safari, webkit
Best Practices for Inclusive Design (slo)585
design, dei, accessibility, best-practices
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)584
design, collaboration
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)583
design, accessibility, user-experience, mobile
JSR: Second Look (dbu)582
jsr
Modern Git Commands and Features You Should Be Using581
git, command-line
The 88×31 Archive580
web, images, history
WCAG? More Like, W-What?! (stv)579
accessibility, wcag, link-lists
SemVer Simplified: An Introduction to Semantic Versioning578
introductions, semver, versioning
JavaScript Runs the World—Maybe Even Literally (wir)577
javascript, programming, web
When We Talk About Front-End Performance, What Are We Talking About576
performance, metrics, web-vitals, lighthouse
Accessibility Darkness (ste)575
accessibility, overlays
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)574
accessibility, ai
Bugs I’ve Filed on Browsers (nol)573
browsers, chromium, firefox, webkit, quality
CSS for Printing to Paper572
css, print
Tools That Make Me Productive as a Software Engineer571
tooling, productivity, link-lists
We Need to Talk About Jakob (mat)570
accessibility
Visualizing Frontend Architecture (max)569
architecture, documentation, visualization
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr568
servers, hosting, comparisons, metrics
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)567
npm, dependencies, examples, security
Go Ahead and Block AI Web Crawlers (cor)566
robotstxt, crawling, scraping, ai
The Hunt for the Missing Data Type (hil)565
types, algorithms
Planning a Design System Generation (nat)564
design-systems, automation
Emerging UX Patterns in Generative AI Experiences563
user-experience, design-patterns, ai
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked562
lambda, javascript, runtimes, nodejs, comparisons, metrics
A Love Letter to the Underrepresented in Tech561
community
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)560
accessibility, web-components, ai
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)559
web-apps, apple
Eloquent JavaScript (mar)558
websites, books, javascript
Modern CSS Tooltips and Speech Bubbles (css/sma)557
tooltips, css, techniques
TIL—“submit()” Versus “requestSubmit()” (ray)556
javascript, comparisons
Web Tech Trends to Watch in 2024 and Beyond (web)555
trends, design, dark-mode, ai, sustainability, minimalism
Retrofitting Fluid Typography (ric)554
liquid-design, typography, css
Design System Generations (nat)553
design-systems, processes
An Introduction to Webflow—the No-Code Website Builder552
introductions, webflow, low-and-no-code
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (9to)551
browsers, apple, mobile, web-apps
Team Productivity Metrics for Engineering Managers550
productivity, metrics, engineering-management
Introducing JSR—the JavaScript Registry (lca+/den)549
introductions, jsr, deno, dependencies, javascript
Accessibility Has Failed: Try Generative UI = Individualized UX548
accessibility, usability, ai, outlooks
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)547
guides, nodejs, dependencies, comparisons
Keyboard Accessibility Testing on Mobile Devices546
accessibility, testing, keyboard-navigation, mobile
Techniques to Break Words (aar)545
techniques, html, css, content
The Wax and the Wane of the Web (ste/ali)544
web-platform, history
What You Need to Know About Software Requirements543
software-design, best-practices
Why Does “is-number” Package Have 59M Weekly Downloads?542
dependencies, npm
Understanding Cookies and Sessions in React541
react, authentication, cookies
New to the Web Platform in February (rac)540
release-notes, web-platform, browsers, firefox, chrome, safari
What Is Inclusive Design, and How Does It Relate to Accessibility? (slo)539
design, dei, accessibility
Diving Into CSS Interactivity (daw+/sto)538
videos, css
An HTML Switch Control (ann+/web)537
html, css, forms
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)536
apple, web-apps, progressive-web-apps, community
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)535
css, container-queries, units
Making Math Accessible (ons/tpg)534
accessibility, math
So, What Exactly Did Apple Break in the EU? (tom)533
browsers, apple, mobile, support, web-apps, apis
Test Quality vs. Bashing Tailwind CSS (mar)532
tailwind, css, comparisons
Enhanced Internationalization (I18N) in Next.js 14531
nextjs, internationalization
Creativity Lies in the Paradoxes530
creativity, design
Top 8 Recent V8 in Node Updates (app)529
nodejs, v8
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js528
how-tos, navigation, functionality, astro, tailwind, alpinejs
Ultimate Guide to Visual Testing With Playwright527
guides, testing, regressions, playwright
A Fun Line of Code (dbu)526
javascript, apis, multimedia
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)525
videos, mistakes, dark-mode, css
AI and Design Systems (bra)524
ai, design-systems
Here Lies the Internet, Murdered by Generative AI523
web, content, ai
How to Lazy-Load CodePen and CanIUse Embeds522
how-tos, embed-code, performance, codepen, caniuse
Reporting Core Web Vitals With the Performance API (geo/sma)521
apis, performance, web-vitals
ServerlessHorrors (and)520
websites, serverless, cloud-computing
YouTube Video Embedding Harm Reduction (jvo)519
multimedia, embed-code, youtube, html, privacy
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)518
wordpress, ai
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)517
drag-and-drop, accessibility, browsers, screen-readers, support
How to Use Server-Sent Events in Node.js (cra)516
how-tos, nodejs, events
The 3 Capabilities Designers Need to Build for the AI Era515
design, career, training, ai, link-lists
A Guide to CSS Cursor Types514
guides, css, cursors
What Is Vuetify in Vue.js?513
vuetify, vuejs
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)512
accessibility, screen-readers
A Web Designer’s Accessibility Advocacy Toolkit (sma)511
accessibility, advocacy, strategies
CSS-Only Bottom-Anchored Scrolling Area (kit)510
css, scrolling
How to Build a Newthing509
how-tos, processes, creativity, maintenance
No Outer Margin508
css, margins, spacing, components
The CSS Cascade—a (Re)Introduction (mat)507
videos, css, cascade
What Is a Single-Page Application? (hey)506
single-page-apps, javascript, performance, user-experience
CSS Foundations: What Is IACVT? (bra)505
css, fundamentals
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)504
open-letters, apple, web-apps
Advanced Figma Tips and Tricks 2024: Little Gems We Love503
figma, tips-and-tricks
Why I Use Firefox (sim)502
browsers, firefox
Speaker Spotlight: Michelle Barker (mic)501
interviews, css, sustainability
Home Screen Advantage (sli)500
browsers, apple, mobile, support, web-apps, web-platform
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)499
accessibility, web, captcha
CSS “:has()” Interactive Guide (sha)498
guides, css, selectors
JSDoc as an Alternative TypeScript Syntax497
typescript, documentation, jsdoc
My WebAIM 10th SR User Survey Takeaways (aar)496
accessibility, screen-readers
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization495
react, hooks, signals
Understanding Event-Driven Architecture494
architecture, events
The Power of Patterns and Playbooks in Content Design (kat)493
design, content, design-patterns
WebAIM Screen Reader User Survey 10 (den)492
accessibility, screen-readers
Proposal: CSS Variable Groups (lea)491
css, variables
Why My Code Isn’t in TypeScript (rem)490
typescript
A Developer’s Guide for Web Accessibility489
guides, accessibility
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)488
videos, accessibility, aria, html, user-experience
Building Dynamic Progress Bars Using Only CSS (ami)487
css, progress-indicators
Filling Gaps With a Polyfill (jay)486
polyfills, html, css, javascript, history
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)485
jsr, deno, dependencies, javascript
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)484
javascript, libraries, client-side-rendering, state-management
JavaScript Bloat in 2024 (nik)483
javascript, performance
Navbar Gallery482
websites, navigation, design-patterns, examples
UX Leadership Is Failing (and What We Can Do About It)481
user-experience, leadership
htmx vs. React: A Complete Comparison480
htmx, react, comparisons
Difference Between the Accessibility Page and the Accessibility Statement479
accessibility, documentation, comparisons
My Favourite Animation Trick: Exponential Smoothing (lis)478
animations, tips-and-tricks
Node.js 2023 Year in an Article (raf)477
nodejs, retrospectives
Parallax Effect With CSS Custom Properties (fro)476
css, custom-properties, effects, parallax
Syntax Highlighting With No Spans?! (chr/fro)475
css, apis, syntax-highlighting
View Transitions: Handling Aspect Ratio Changes (jaf)474
css, view-transitions, aspect-ratio
CSS “::backdrop” Now Inherits From Its Originating Element (bra)473
css, selectors
How to Optimize the Web for the Worst User Conditions?472
how-tos, user-experience, responsive-design, performance, optimization
10 Best “Create React App” Alternatives for Different Use Cases471
react, frameworks, tech-stacks, comparisons, link-lists
Making of True Multi-Brand Design System470
design-systems, theming
Discovering Web Automation and Scraping (gli)469
scraping, automation, bots, tooling
The One Trick Every Flutter Web Dev Needs to Know468
tips-and-tricks, flutter, performance
Release Notes for Safari Technology Preview 189 (jon/web)467
release-notes, browsers, safari
Next.js vs. Remix—a Developer’s Dilemma466
nextjs, remix, comparisons
A Practical Guide to Designing for Colorblind People (vit/sma)465
guides, accessibility, design, colors, color-blindness
A Practical Guide to Using Shadow DOM (may)464
guides, dom, shadow-dom
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)463
videos, accessibility, wcag, guidelines, compliance
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js462
how-tos, nodejs, worker-threads
How to Use Local Storage in JavaScript (fre)461
how-tos, browser-storage, javascript
Okay, Color Spaces (eee)460
colors, oklch
“random()” Distribution Visualizer459
javascript, randomness, visualization
Why Is JavaScript Fragile? (cfe)458
javascript
Preventing SQL Injection Attacks in Node.js457
security, nodejs, databases, sql
Design Patterns That Encourage Junk Data (mic)456
design-patterns, sustainability, economics, storage, email
How to Make a Cursor Image Hover Effect With CSS and JS455
how-tos, css, javascript, images, cursors, hover
Control Lazy Load, Infinite Scroll, and Animations in React454
react, lazy-loading, scrolling, animations, javascript
My Design System Journey: Building the Plane While Flying453
design-systems, collaboration, processes
CSS-Only Radial Progress Bars Using Conic Gradients452
videos, css, gradients, progress-indicators
100 Things You Can Do on Your Personal Website (cap)451
blogging, writing, indieweb
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)450
collaboration, onboarding, user-experience
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)449
how-tos, accessibility, dei, user-experience, colors, contrast, readability
The Fifty-Fifty Split and Overflow (hex)448
css, overflow, layout
[Web Accessibility] Survey Results447
accessibility, surveys
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)446
content, design, design-debt, technical-debt, maintenance, processes, visualization
What Is Utility-First CSS? (hey)445
css, presentational-html, principles
Responsive Web Design: 3 Key Fundamentals (nng)444
videos, responsive-design, fundamentals
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)443
user-experience, product-management, processes
17 Equations That Changed the World—Rewritten in JavaScript442
javascript, math
Don’t Care About Accessibility? Resistance Is Futile! (cer)441
accessibility
Tailwind Marketing and Misinformation Engine440
tailwind, css, semantics, principles, maintainability, marketing
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)439
apis, javascript, css, syntax-highlighting
A Manifesto for Small, Static, Web Apps (ros)438
manifestos, web-apps, principles
JavaScript Workers437
videos, javascript, web-workers
Understanding React “useEffect”436
react, hooks
JavaScript on Demand: How Qwik Differs From React Hydration435
javascript, qwik, react, hydration, comparisons
Be a Better Developer With These Git Good Practices434
git, best-practices, conventions, consistency, code-reviews
It’s Official, Apple Kills Web Apps in the EU (owa)433
web-apps, apple
Popular Git Config Options (b0r)432
git, configuration
UI = ƒ(statesⁿ) (dav)431
design, state-management
Frontend Application Security: Tips and Tricks430
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
How to Set Up a Node Server With TypeScript in 2024 (jle)429
how-tos, nodejs, servers, typescript
A Dozen Thoughts About AI (dav)428
ai
ARIA “note” (aar)427
accessibility, aria, browsers, screen-readers, support
CSS “:is(.awesome)” (mar/cfe)426
videos, css, selectors, techniques
Future of CSS: Functions and Mixins425
css, functions, mixins
Getting to an Accessibility Strategy424
accessibility, strategies, processes
How I Developed the 10 Usability Heuristics423
usability, heuristics, history
Making the Most of Ligatures (man)422
css, typography
Playing With Infinity in CSS (lon)421
css, math
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)420
javascript
Full Guide on How to Hire Front-End Developers Effectively419
guides, how-tos, hiring, career
React Labs: What We’ve Been Working On—February 2024 (rea)418
react
Reasonable WCAG Additions (a11)417
accessibility, wcag
The Text File That Runs the Internet (dav/ver)416
robotstxt, crawling, scraping, ai, web
Wednesday, February 14, 2024 Security Releases (raf+/nod)415
release-notes, nodejs, security
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)414
accessibility, aria, naming
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)413
css, overflow, scrolling, animations
Input Type “date”: The Accessibility of HTML Date Picker412
accessibility, forms
How Accessibility Standards Can Empower Better Chart Visual Design (sma)411
accessibility, contrast, colors, information-design
What Is Lighthouse Speed Index (SI) and How to Reduce It410
performance, metrics, lighthouse
What Is the Difference Between ASP and ASP.NET?409
asp, asp-net, comparisons
A Practical Guide to Designing for Children (vit/sma)408
guides, design, link-lists
Advanced Architecture for AI Application (aka AAAA) (aus)407
ai, architecture, edge-computing, optimization
Be Aware of Arrays—V8 Engine Advice406
javascript, javascript-engines, v8, arrays
CSS Color Module Level 4 (tab+/w3c)405
standards, css, colors
How to Center a Div (jos)404
how-tos, css, centering
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)403
how-tos, browsers, mobile, scrolling, css
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)402
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)401
css, functions, math
Why I Like Scrumban (j9t)400
processes, agile, scrum, kanban
Building htmx and Go Web Apps With Gemini Advanced399
videos, web-apps, htmx, go, ai, gemini
An Introduction to Node.js Multithreading (cra)398
introductions, nodejs, multithreading
Selenium Automation Testing: A Step-by-Step Beginners Guide397
guides, selenium, testing, automation
A CSS Project Boilerplate (bel/pic)396
css, tailwind, templates
Can Generative AI Help Write Accessible Code? (tin/tet)395
accessibility, code-generation, ai
Learn TypeScript (jad)394
websites, courses, typescript
React, Solid, htmx393
react, solidjs, htmx, comparisons
The Anatomy of Addictive Content (moz)392
content, writing, seo
You Want to Make It Easy to Feature Your Content (fro)391
frontend-dogma, content, community
How to Boost WordPress Security and Protect Your SEO Ranking390
how-tos, wordpress, security, seo
How to Choose the Best Static Site Generator in 2024389
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
The ü/ü Conundrum388
javascript, unicode, encoding
CSS Mixins and Functions Explainer (mia/odd)387
css, mixins, functions
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)386
css, svg, filters, colors, contrast
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)385
naming, design, case-studies
Using Recursive CSS to Change Styles Based on Depth (cri)384
css, selectors
Don’t Disable Form Controls (aar)383
accessibility, usability, forms, buttons
Navigating Prioritization: Four Approaches (cwo)382
project-management, prioritization, processes
Everything You Need to Know About Image Formats in 2024 (web)381
images, jpeg, png, gif, webp, avif, pdf, svg
Have We Forgotten How to Build Ethical Things for the Web? (nic)380
web, ethics
HTML as the Baseline (cfe)379
html, progressive-enhancement
The Front-End Development We’re Used to Is Dying378
career, simplicity, complexity
Accelerating Code Reviews With Nudges377
research, code-reviews, productivity, experiments, facebook+meta
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)376
learning, career
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)375
viewport, css, units
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)374
web-apps, browsers, apple, mobile
Is [“* { min-width: 0; }”] a Good Idea? (kev)373
videos, css
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)372
nodejs, corepack, npm, yarn, pnpm, dependencies
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)371
videos, accessibility
Format Nunjucks Files With Prettier (san)370
nunjucks, prettier
What Is a Descriptive Transcript?369
accessibility, multimedia
So You Think You Know Git (git)368
videos, git
Git Tips: Really Large Repositories (git)367
git, monorepos, tips-and-tricks
CSS Is Logical (geo)366
css
Offloading JavaScript With Custom Properties (hey)365
javascript, css, custom-properties
Opportunities for AI in Accessibility (aar/ali)364
accessibility, ai
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)363
web-platform, frameworks, tech-stacks, complexity
Patterns in Design Systems (ikn)362
design-systems, design-patterns, components
Release Notes for Safari Technology Preview 188 (jon/web)361
release-notes, browsers, safari
10 Best Automated AI Code Review Tools 2024360
ai, automation, code-reviews, tooling, comparisons, link-lists
A Guide to Designing for Older Adults (vit/sma)359
guides, design, accessibility
Detect Caps Lock With JavaScript (dav)358
javascript
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)357
accessibility, usability, forms, errors
In Praise of the “switch” Statement (chi)356
javascript
jQuery 4.0.0 Beta (tim/jqu)355
release-notes, jquery
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)354
videos, lessons, eleventy, commonjs, esm, refactoring
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)353
metrics, quality, efficiency, productivity
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)352
npm, dependencies, security
When to Use the “min()” or “max()” Function (css)351
css, functions, tips-and-tricks
A Beginner’s Guide to Seamless Open-Source Contributions (wom)350
guides, foss
Immutable Array Updates With “Array.prototype.with” (jad)349
javascript, arrays, prototypes, browsers, support
Designing User Onboarding: Lessons From Figma, Duolingo, and More348
lessons, onboarding, design, user-experience, figma
UI Elements Are Not So Elementary347
design, design-patterns
JavaScript vs. Python: Which One Should You Learn First?346
javascript, python, comparisons
Remix Takes on Next.js in Battle of the React Frameworks345
frameworks, react, remix, nextjs
JavaScript Promises Demystified (mar)344
javascript, promises
Bookmarklet: Load All GitHub Comments (mey)343
bookmarklets, github, code-reviews
Everything You Need to Know About Git342
git, command-line
Exciting New Tools for Designers, February 2024 (web)341
design, tooling, link-lists
Getting Into Web Components—an Intro (uti)340
introductions, web-components
How to Create Rounded Gradient Borders With Any Background in CSS (ben)339
how-tos, css, borders, gradients, backgrounds
It’s the Hope That Kills You (yat)338
accessibility, career, community
Revolutionizing Usability Testing With Machine Learning (uxm)337
usability, testing, ai
The Decision to Leave Tech (col)336
career, retrospectives
The Most Demanded Frontend Frameworks in 2023335
frameworks, comparisons, react, angular, vuejs
Thoughts on a Global Design System (chr)334
design-systems
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)333
user-experience, design, hierarchy
You Won’t Scale (cfe)332
maintainability, scalability
13 Best Books, Courses, and Communities for Learning React331
react, books, courses, link-lists
The Importance of Web Performance to Information Equity (sch/fos)330
videos, performance, accessibility
Why Disabled People’s Needs Aren’t “Special”329
accessibility
“X” Marks the Spot: Landmark Elements (stv)328
html, semantics, accessibility, assistive-tech, aria
HTML Attributes That Every Web Developer Should Know327
html, attributes, pop-overs, forms, custom-data
htmx Deep Dive With Carson Gross326
videos, htmx, deep-dives
A View Source Web (gar)325
websites, view-source, browsers
5 Hidden Risks of Your Inaccessible Website (deq)324
accessibility
All Art Is a Copy of Something (chr)323
art
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)322
images, svg, css, masking, performance
SOLID Principles: They’re Rock-Solid for Good Reason321
programming, principles, solid
The SEO Starter Guide Got a Makeover (liz+)320
guides, seo, search, google
From Many to One: Moving Our JavaScript Code Into a Monorepo319
migrating, monorepos, javascript, git
What Is WAP?318
wap, mobile
A Look at the New WAI–ARIA 1.3 Draft (cra)317
accessibility, aria, standards
Career Retrospective316
career, retrospectives
Dynamically Adding Text Alternatives to Images With AI (kar)315
automation, ai, accessibility, images, alt-text
The Web Just Gets Better With Interop 2024 (jen/web)314
web-platform, interoperability, browsers, support
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?313
ai, quality, technical-debt
What’s the Difference Between “localhost” and “127.0.0.1”?312
network, ip, testing
Interop 2024 (rac)311
interoperability, web-platform, browsers, support
Tracking Your Interviews Is Extremely Important310
career, interviewing
Drupal Creator: Websites Needed More Than Ever in the AI Era309
web, ai, complexity
A Complete Guide to Open Source—100× Simpler308
guides, foss
Everyone’s a Sellout Now307
career, culture
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)306
videos, frameworks, svelte
5 Essential DevTools Console Hacks for Every Web Developer305
videos, browsers, dev-tools
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)304
guides, accessibility, colors, color-palettes, figma
How to Stream Files From Next.js Route Handlers (eri)303
how-tos, nextjs, routing, streaming
Making VPATs and ACRs More Effective in Procurement (web)302
accessibility, vpat-acr, processes
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)301
html, dom, shadow-dom, apis, security
The Good, the Bad, the Web Components (zac)300
web-components, shadow-dom, dom
Why Not htmx? (cfe)299
htmx
PurePWA—a Radical U-Turn in Web Development298
web-apps, progressive-web-apps, simplicity, tooling
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+)297
performance, web-vitals, metrics
Implementing User Authentication in React Apps With Appwrite296
react, authentication, tooling
The Art and Science of Annotations in Dev Mode (fig)295
figma, annotations
Be Purposeful About Your Content294
accessibility, content, writing
GitLab vs. GitHub: Which Is Better in 2024?293
version-control, gitlab, github, comparisons
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization292
testing, flakiness, cypress, playwright, network
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)291
html, css
“field-sizing” Just Works! (kil/pol)290
css, forms, comparisons
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)289
css, units, fonts
Is Generated Code Harder to Maintain?288
discussions, ai, maintainability, maintenance
Onboarding (mfo)287
processes, onboarding, productivity, engineering-management
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)286
guides, foss, collaboration
The Psychology of Site Speed and Human Happiness (tam/spe)285
performance, usability
Tuesday, February 6, 2024 Security Releases (raf/nod)284
release-notes, nodejs, security
Use CSS “accent-color” to Style Your Inputs (cas)283
css, forms
Learn Testing282
courses, testing
Celebrate a More Interoperable Web With Interop 2023 (rac)281
web-platform, interoperability, browsers, support
Understanding Signals in Django280
signals, django
New to the Web Platform in January (rac)279
release-notes, web-platform, browsers, firefox, chrome, safari
Why Do Rubber Ducks Work?278
processes, productivity, creativity
Web Platform Design Principles (lea/w3c)277
web-platform, software-design, principles, standards, w3c
At Last, Browser Choice * (dav)276
legal, browsers, apple, mobile
Dynamic README Image Based on GitHub Activity275
readme, github
Git: The Basics of “git bisect” (ada)274
fundamentals, git
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)273
how-tos, images, favicons
The Web Component Success Story (jak)272
web-components