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

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

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

Entry (Sources) and TopicsDate#
Go Ahead and Block AI Web Crawlers (cor)14587
robotstxt, crawling, scraping, ai
Introducing JSR—the JavaScript Registry (lca+/den)14586
introductions, jsr, deno, dependencies, javascript
Team Productivity Metrics for Engineering Managers14585
productivity, metrics, engineering-management
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (9to)14584
browsers, apple, mobile, web-apps
An Introduction to Webflow—the No-Code Website Builder14583
introductions, webflow, low-and-no-code
Design System Generations (nat)14582
design-systems, processes
Retrofitting Fluid Typography (ric)14581
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)14580
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)14579
javascript, comparisons
Modern CSS Tooltips and Speech Bubbles (css/sma)14578
tooltips, css, techniques
Eloquent JavaScript (mar)14577
websites, books, javascript
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)14576
web-apps, apple
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)14575
accessibility, web-components, ai
A Love Letter to the Underrepresented in Tech14574
community
Diving Into CSS Interactivity (daw+/sto)14573
videos, css
What Is Inclusive Design, and How Does It Relate to Accessibility? (slo)14572
design, dei, accessibility
New to the Web Platform in February (rac)14571
release-notes, web-platform, browsers, firefox, chrome, safari
Understanding Cookies and Sessions in React14570
react, authentication, cookies
Why Does “is-number” Package Have 59M Weekly Downloads?14569
dependencies, npm
What You Need to Know About Software Requirements14568
software-design, best-practices
The Wax and the Wane of the Web (ste/ali)14567
web-platform, history
Techniques to Break Words (aar)14566
techniques, html, css, content
Keyboard Accessibility Testing on Mobile Devices14565
accessibility, testing, keyboard-navigation, mobile
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)14564
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX14563
accessibility, usability, ai, outlooks
Ultimate Guide to Visual Testing With Playwright14562
guides, testing, regressions, playwright
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js14561
how-tos, navigation, functionality, astro, tailwind, alpinejs
Top 8 Recent V8 in Node Updates (app)14560
nodejs, v8
Creativity Lies in the Paradoxes14559
creativity, design
Enhanced Internationalization (I18N) in Next.js 1414558
nextjs, internationalization
Test Quality vs. Bashing Tailwind CSS (mar)14557
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)14556
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)14555
accessibility, math
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)14554
css, container-queries, units
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)14553
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)14552
html, css, forms
What Is Vuetify in Vue.js?14551
vuetify, vuejs
A Guide to CSS Cursor Types14550
guides, css, cursors
The 3 Capabilities Designers Need to Build for the AI Era14549
design, career, training, ai, link-lists
How to Use Server-Sent Events in Node.js (cra)14548
how-tos, nodejs, events
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)14547
drag-and-drop, accessibility, browsers, screen-readers, support
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)14546
wordpress, ai
YouTube Video Embedding Harm Reduction (jvo)14545
multimedia, embed-code, youtube, html, privacy
ServerlessHorrors (and)14544
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)14543
apis, performance, web-vitals
How to Lazy-Load CodePen and CanIUse Embeds14542
how-tos, embed-code, performance, codepen, caniuse
Here Lies the Internet, Murdered by Generative AI14541
web, content, ai
AI and Design Systems (bra)14540
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)14539
videos, mistakes, dark-mode, css
A Fun Line of Code (dbu)14538
javascript, apis, multimedia
Speaker Spotlight: Michelle Barker (mic)14537
interviews, css, sustainability
Why I Use Firefox (sim)14536
browsers, firefox
Advanced Figma Tips and Tricks 2024: Little Gems We Love14535
figma, tips-and-tricks
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)14534
open-letters, apple, web-apps
CSS Foundations: What Is IACVT? (bra)14533
css, fundamentals
What Is a Single-Page Application? (hey)14532
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)14531
videos, css, cascade
No Outer Margin14530
css, margins, spacing, components
How to Build a Newthing14529
how-tos, processes, creativity, maintenance
CSS-Only Bottom-Anchored Scrolling Area (kit)14528
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)14527
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)14526
accessibility, screen-readers
Home Screen Advantage (sli)14525
browsers, apple, mobile, support, web-apps, web-platform
WebAIM Screen Reader User Survey 10 (den)14524
accessibility, screen-readers
The Power of Patterns and Playbooks in Content Design (kat)14523
design, content, design-patterns
Understanding Event-Driven Architecture14522
architecture, events
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization14521
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)14520
accessibility, screen-readers
JSDoc as an Alternative TypeScript Syntax14519
typescript, documentation, jsdoc
CSS “:has()” Interactive Guide (sha)14518
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)14517
accessibility, web, captcha
A Developer’s Guide for Web Accessibility14516
guides, accessibility
Why My Code Isn’t in TypeScript (rem)14515
typescript
Proposal: CSS Variable Groups (lea)14514
css, variables
Difference Between the Accessibility Page and the Accessibility Statement14513
accessibility, documentation, comparisons
htmx vs. React: A Complete Comparison14512
htmx, react, comparisons
UX Leadership Is Failing (and What We Can Do About It)14511
user-experience, leadership
Navbar Gallery14510
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)14509
javascript, performance
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)14508
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)14507
jsr, deno, dependencies, javascript
Filling Gaps With a Polyfill (jay)14506
polyfills, html, css, javascript, history
Building Dynamic Progress Bars Using Only CSS (ami)14505
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)14504
videos, accessibility, aria, html, user-experience
Next.js vs. Remix—a Developer’s Dilemma14503
nextjs, remix, comparisons
Release Notes for Safari Technology Preview 189 (jon/web)14502
release-notes, browsers, safari
The One Trick Every Flutter Web Dev Needs to Know14501
tips-and-tricks, flutter, performance
Discovering Web Automation and Scraping (gli)14500
scraping, automation, bots, tooling
Making of True Multi-Brand Design System14499
design-systems, theming
10 Best “Create React App” Alternatives for Different Use Cases14498
react, frameworks, tech-stacks, comparisons, link-lists
How to Optimize the Web for the Worst User Conditions?14497
how-tos, user-experience, responsive-design, performance, optimization
CSS “::backdrop” Now Inherits From Its Originating Element (bra)14496
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)14495
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)14494
css, apis, syntax-highlighting
Parallax Effect With CSS Custom Properties (fro)14493
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)14492
nodejs, retrospectives
My Favourite Animation Trick: Exponential Smoothing (lis)14491
animations, tips-and-tricks
CSS-Only Radial Progress Bars Using Conic Gradients14490
videos, css, gradients, progress-indicators
My Design System Journey: Building the Plane While Flying14489
design-systems, collaboration, processes
Control Lazy Load, Infinite Scroll, and Animations in React14488
react, lazy-loading, scrolling, animations, javascript
How to Make a Cursor Image Hover Effect With CSS and JS14487
how-tos, css, javascript, images, cursors, hover
Design Patterns That Encourage Junk Data (mic)14486
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js14485
security, nodejs, databases, sql
Why Is JavaScript Fragile? (cfe)14484
javascript
“random()” Distribution Visualizer14483
javascript, randomness, visualization
Okay, Color Spaces (eee)14482
colors, oklch
How to Use Local Storage in JavaScript (fre)14481
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js14480
how-tos, nodejs, worker-threads
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)14479
videos, accessibility, wcag, guidelines, compliance
A Practical Guide to Using Shadow DOM (may)14478
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)14477
guides, accessibility, design, colors, color-blindness
17 Equations That Changed the World—Rewritten in JavaScript14476
javascript, math
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)14475
user-experience, product-management, processes
Responsive Web Design: 3 Key Fundamentals (nng)14474
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)14473
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)14472
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results14471
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)14470
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)14469
how-tos, accessibility, dei, user-experience, colors, contrast, readability
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)14468
collaboration, onboarding, user-experience
100 Things You Can Do on Your Personal Website (cap)14467
blogging, writing, indieweb
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)14466
apis, javascript, css, syntax-highlighting
Tailwind Marketing and Misinformation Engine14465
tailwind, css, semantics, principles, maintainability, marketing
Don’t Care About Accessibility? Resistance Is Futile! (cer)14464
accessibility
JavaScript on Demand: How Qwik Differs From React Hydration14463
javascript, qwik, react, hydration, comparisons
Understanding React “useEffect”14462
react, hooks
JavaScript Workers14461
videos, javascript, web-workers
A Manifesto for Small, Static, Web Apps (ros)14460
manifestos, web-apps, principles
How to Set Up a Node Server With TypeScript in 2024 (jle)14459
how-tos, nodejs, servers, typescript
Frontend Application Security: Tips and Tricks14458
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
UI = ƒ(statesⁿ) (dav)14457
design, state-management
Popular Git Config Options (b0r)14456
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)14455
web-apps, apple
Be a Better Developer With These Git Good Practices14454
git, best-practices, conventions, consistency, code-reviews
React Labs: What We’ve Been Working On—February 2024 (rea)14453
react
Full Guide on How to Hire Front-End Developers Effectively14452
guides, how-tos, hiring, career
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)14451
javascript
Playing With Infinity in CSS (lon)14450
css, math
Making the Most of Ligatures (man)14449
css, typography
How I Developed the 10 Usability Heuristics14448
usability, heuristics, history
Getting to an Accessibility Strategy14447
accessibility, strategies, processes
Future of CSS: Functions and Mixins14446
css, functions, mixins
CSS “:is(.awesome)” (mar/cfe)14445
videos, css, selectors, techniques
ARIA “note” (aar)14444
accessibility, aria, browsers, screen-readers, support
A Dozen Thoughts About AI (dav)14443
ai
What Is the Difference Between ASP and ASP.NET?14442
asp, asp-net, comparisons
What Is Lighthouse Speed Index (SI) and How to Reduce It14441
performance, metrics, lighthouse
How Accessibility Standards Can Empower Better Chart Visual Design (sma)14440
accessibility, contrast, colors, information-design
Input Type “date”: The Accessibility of HTML Date Picker14439
accessibility, forms
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)14438
css, overflow, scrolling, animations
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)14437
accessibility, aria, naming
Wednesday, February 14, 2024 Security Releases (raf+/nod)14436
release-notes, nodejs, security
The Text File That Runs the Internet (dav/ver)14435
robotstxt, crawling, scraping, ai, web
Reasonable WCAG Additions (a11)14434
accessibility, wcag
Selenium Automation Testing: A Step-by-Step Beginners Guide14433
guides, selenium, testing, automation
An Introduction to Node.js Multithreading (cra)14432
introductions, nodejs, multithreading
Building htmx and Go Web Apps With Gemini Advanced14431
videos, web-apps, htmx, go, ai, gemini
Why I Like Scrumban (j9t)14430
processes, agile, scrum, kanban
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)14429
css, functions, math
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)14428
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)14427
how-tos, browsers, mobile, scrolling, css
How to Center a Div (jos)14426
how-tos, css, centering
CSS Color Module Level 4 (tab+/w3c)14425
standards, css, colors
Be Aware of Arrays—V8 Engine Advice14424
javascript, javascript-engines, v8, arrays
Advanced Architecture for AI Application (aka AAAA) (aus)14423
ai, architecture, edge-computing, optimization
A Practical Guide to Designing for Children (vit/sma)14422
guides, design, link-lists
You Want to Make It Easy to Feature Your Content (fro)14421
frontend-dogma, content, community
The ü/ü Conundrum14420
javascript, unicode, encoding
How to Choose the Best Static Site Generator in 202414419
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
How to Boost WordPress Security and Protect Your SEO Ranking14418
how-tos, wordpress, security, seo
The Anatomy of Addictive Content (moz)14417
content, writing, seo
React, Solid, htmx14416
react, solidjs, htmx, comparisons
Learn TypeScript (jad)14415
websites, courses, typescript
Can Generative AI Help Write Accessible Code? (tin/tet)14414
accessibility, code-generation, ai
A CSS Project Boilerplate (bel/pic)14413
css, tailwind, templates
Using Recursive CSS to Change Styles Based on Depth (cri)14412
css, selectors
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)14411
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)14410
css, svg, filters, colors, contrast
CSS Mixins and Functions Explainer (mia/odd)14409
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)14408
project-management, prioritization, processes
Don’t Disable Form Controls (aar)14407
accessibility, usability, forms, buttons
Accelerating Code Reviews With Nudges14406
research, code-reviews, productivity, experiments, facebook+meta
The Front-End Development We’re Used to Is Dying14405
career, simplicity, complexity
HTML as the Baseline (cfe)14404
html, progressive-enhancement
Have We Forgotten How to Build Ethical Things for the Web? (nic)14403
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)14402
images, jpeg, png, gif, webp, avif, pdf, svg
Git Tips: Really Large Repositories (git)14401
git, monorepos, tips-and-tricks
So You Think You Know Git (git)14400
videos, git
What Is a Descriptive Transcript?14399
accessibility, multimedia
Format Nunjucks Files With Prettier (san)14398
nunjucks, prettier
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)14397
videos, accessibility
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)14396
nodejs, corepack, npm, yarn, pnpm, dependencies
Is [“* { min-width: 0; }”] a Good Idea? (kev)14395
videos, css
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)14394
web-apps, browsers, apple, mobile
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)14393
viewport, css, units
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)14392
learning, career
10 Best Automated AI Code Review Tools 202414391
ai, automation, code-reviews, tooling, comparisons, link-lists
Release Notes for Safari Technology Preview 188 (jon/web)14390
release-notes, browsers, safari
Patterns in Design Systems (ikn)14389
design-systems, design-patterns, components
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)14388
web-platform, frameworks, tech-stacks, complexity
Opportunities for AI in Accessibility (aar/ali)14387
accessibility, ai
Offloading JavaScript With Custom Properties (hey)14386
javascript, css, custom-properties
CSS Is Logical (geo)14385
css
JavaScript Promises Demystified (mar)14384
javascript, promises
Remix Takes on Next.js in Battle of the React Frameworks14383
frameworks, react, remix, nextjs
JavaScript vs. Python: Which One Should You Learn First?14382
javascript, python, comparisons
UI Elements Are Not So Elementary14381
design, design-patterns
Designing User Onboarding: Lessons From Figma, Duolingo, and More14380
lessons, onboarding, design, user-experience, figma
Immutable Array Updates With “Array.prototype.with” (jad)14379
javascript, arrays, prototypes, browsers, support
A Beginner’s Guide to Seamless Open-Source Contributions (wom)14378
guides, foss
When to Use the “min()” or “max()” Function (css)14377
css, functions, tips-and-tricks
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)14376
npm, dependencies, security
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)14375
metrics, quality, efficiency, productivity
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)14374
videos, lessons, eleventy, commonjs, esm, refactoring
jQuery 4.0.0 Beta (tim/jqu)14373
release-notes, jquery
In Praise of the “switch” Statement (chi)14372
javascript
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)14371
accessibility, usability, forms, errors
Detect Caps Lock With JavaScript (dav)14370
javascript
A Guide to Designing for Older Adults (vit/sma)14369
guides, design, accessibility
13 Best Books, Courses, and Communities for Learning React14368
react, books, courses, link-lists
You Won’t Scale (cfe)14367
maintainability, scalability
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)14366
user-experience, design, hierarchy
Thoughts on a Global Design System (chr)14365
design-systems
The Most Demanded Frontend Frameworks in 202314364
frameworks, comparisons, react, angular, vuejs
The Decision to Leave Tech (col)14363
career, retrospectives
Revolutionizing Usability Testing With Machine Learning (uxm)14362
usability, testing, ai
It’s the Hope That Kills You (yat)14361
accessibility, career, community
How to Create Rounded Gradient Borders With Any Background in CSS (ben)14360
how-tos, css, borders, gradients, backgrounds
Getting Into Web Components—an Intro (uti)14359
introductions, web-components
Exciting New Tools for Designers, February 2024 (web)14358
design, tooling, link-lists
Everything You Need to Know About Git14357
git, command-line
Bookmarklet: Load All GitHub Comments (mey)14356
bookmarklets, github, code-reviews
htmx Deep Dive With Carson Gross14355
videos, htmx, deep-dives
HTML Attributes That Every Web Developer Should Know14354
html, attributes, pop-overs, forms, custom-data
“X” Marks the Spot: Landmark Elements (stv)14353
html, semantics, accessibility, assistive-tech, aria
Why Disabled People’s Needs Aren’t “Special”14352
accessibility
The Importance of Web Performance to Information Equity (sch/fos)14351
videos, performance, accessibility
A View Source Web (gar)14350
websites, view-source, browsers
What Is WAP?14349
wap, mobile
From Many to One: Moving Our JavaScript Code Into a Monorepo14348
migrating, monorepos, javascript, git
The SEO Starter Guide Got a Makeover (liz+)14347
guides, seo, search, google
SOLID Principles: They’re Rock-Solid for Good Reason14346
programming, principles, solid
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)14345
images, svg, css, masking, performance
All Art Is a Copy of Something (chr)14344
art
5 Hidden Risks of Your Inaccessible Website (deq)14343
accessibility
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)14342
videos, frameworks, svelte
Everyone’s a Sellout Now14341
career, culture
A Complete Guide to Open Source—100× Simpler14340
guides, foss
Drupal Creator: Websites Needed More Than Ever in the AI Era14339
web, ai, complexity
Tracking Your Interviews Is Extremely Important14338
career, interviewing
Interop 2024 (rac)14337
interoperability, web-platform, browsers, support
What’s the Difference Between “localhost” and “127.0.0.1”?14336
network, ip, testing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?14335
ai, quality, technical-debt
The Web Just Gets Better With Interop 2024 (jen/web)14334
web-platform, interoperability, browsers, support
Dynamically Adding Text Alternatives to Images With AI (kar)14333
automation, ai, accessibility, images, alt-text
Career Retrospective14332
career, retrospectives
A Look at the New WAI–ARIA 1.3 Draft (cra)14331
accessibility, aria, standards
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization14330
testing, flakiness, cypress, playwright, network
GitLab vs. GitHub: Which Is Better in 2024?14329
version-control, gitlab, github, comparisons
Be Purposeful About Your Content14328
accessibility, content, writing
The Art and Science of Annotations in Dev Mode (fig)14327
figma, annotations
Implementing User Authentication in React Apps With Appwrite14326
react, authentication, tooling
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+)14325
performance, web-vitals, metrics
PurePWA—a Radical U-Turn in Web Development14324
web-apps, progressive-web-apps, simplicity, tooling
Why Not htmx? (cfe)14323
htmx
The Good, the Bad, the Web Components (zac)14322
web-components, shadow-dom, dom
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)14321
html, dom, shadow-dom, apis, security
Making VPATs and ACRs More Effective in Procurement (web)14320
accessibility, vpat-acr, processes
How to Stream Files From Next.js Route Handlers (eri)14319
how-tos, nextjs, routing, streaming
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)14318
guides, accessibility, colors, color-palettes, figma
5 Essential DevTools Console Hacks for Every Web Developer14317
videos, browsers, dev-tools
Web Platform Design Principles (lea/w3c)14316
web-platform, software-design, principles, standards, w3c
Why Do Rubber Ducks Work?14315
processes, productivity, creativity
New to the Web Platform in January (rac)14314
release-notes, web-platform, browsers, firefox, chrome, safari
Understanding Signals in Django14313
signals, django
Celebrate a More Interoperable Web With Interop 2023 (rac)14312
web-platform, interoperability, browsers, support
Learn Testing14311
courses, testing
Use CSS “accent-color” to Style Your Inputs (cas)14310
css, forms
Tuesday, February 6, 2024 Security Releases (raf/nod)14309
release-notes, nodejs, security
The Psychology of Site Speed and Human Happiness (tam/spe)14308
performance, usability
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)14307
guides, foss, collaboration
Onboarding (mfo)14306
processes, onboarding, productivity, engineering-management
Is Generated Code Harder to Maintain?14305
discussions, ai, maintainability, maintenance
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)14304
css, units, fonts
“field-sizing” Just Works! (kil/pol)14303
css, forms, comparisons
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)14302
html, css
The EU Forces Open Apple’s Walled Garden (tid)14301
legal, apple, browsers, mobile
Next.js App Router Migration: The Good, Bad, and Ugly14300
nextjs, routing, migrating
ESG and DEI Policies Were Always Luxury Goods14299
dei, sustainability, policies
Debunking 10 Common Objections to Incremental Delivery for Software Teams14298
agile, processes
The Loss of the Process in the Name of Progress14297
design, creativity, productivity, processes
Express Forward (exp)14296
discussions, outlooks, express
Practical Guide to Destructuring: TypeScript vs. Dart14295
guides, typescript, dart, comparisons
The Web Component Success Story (jak)14294
web-components
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)14293
how-tos, images, favicons
Git: The Basics of “git bisect” (ada)14292
fundamentals, git
Dynamic README Image Based on GitHub Activity14291
readme, github
At Last, Browser Choice * (dav)14290
legal, browsers, apple, mobile
Nicer Text Wrapping With CSS “text-wrap” (lon)14289
css, typography
Design Systems Burnout (fon)14288
design-systems
A Guide to Styling Tables (sto)14287
css, tables, responsive-design
Futuring With Design14286
design, creativity, processes
Please, Don’t Force Me to Log In (ham)14285
web, authentication, user-experience
Gold Text Effect With CSS (man)14284
css, effects
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)14283
css, selectors, focus
Apple, the DMA, and Malicious Compliance (bru)14282
legal, browsers, apple, mobile
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)14281
legal, browsers, apple, mobile
Introducing Our Updated [Green Web Hosting] Directory (mrc)14280
introductions, release-notes, sustainability, hosting
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)14279
browsers, apple, mozilla, firefox, mobile
The Impact of Developer Experience14278
research, developer-experience, productivity, efficiency
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)14277
accessibility, ethics, overlays, community
Inside .git (b0r)14276
git
HTML Web Components on the Server Are Great (sco)14275
html, web-components
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)14274
accessibility, tips-and-tricks, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)14273
design, responsive-design, seo
JWT vs. Session Authentication14272
security, authentication, json-web-tokens, comparisons
A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js14271
functionality, databases, sql, nodejs, django, nextjs
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments14270
studies, research, accessibility, ecommerce, legal
Deno 1.40: Temporal API (den)14269
release-notes, deno, apis, time
Using Alternative Browser Engines in the European Union14268
apple, browsers, browser-engines, mobile
This Web Page Is Best Viewed in the EU (gri/clo)14267
legal, browsers, apple, mobile, web
Should Links Open in a New Tab? (stv)14266
links, usability, user-experience
One World, One Web, One Love (aar)14265
web
CSS Blurry Shimmer Effect (sma)14264
css, effects
Animating Font Palette (man)14263
css, colors, fonts, effects
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware14262
github, npm, security, malware, foss
An Introduction to the Liquid Template Language14261
introductions, liquid, template-engines
Release Notes for Safari Technology Preview 187 (jon/web)14260
release-notes, browsers, safari
Take a Qwik Break From React With Astro14259
qwik, react, astro, frameworks, comparisons
The Structure of User Experience14258
user-experience, processes
Getting Started With Content Collections in Astro14257
introductions, astro
The API That No One Dared Delete14256
apis, infrastructure, documentation, maintenance, technical-debt
What Happened With the Web Monetization API? (chr)14255
monetization, apis
What Can a Website Do? (dav)14254
accessibility, usability, quality
Web Components in Earnest (dav)14253
web-components, javascript
User Styles (mia)14252
css, user-styles, browsers
The New CSS Color Format You Didn’t Know You Needed; “oklch()”14251
css, colors, oklch, functions, tailwind
On Web Components (tmc)14250
web-components
Five Future Roles for Designers (jar)14249
design, career, outlooks
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)14248
design-systems, economics
14 Best SEO Tools in 2024 (web)14247
seo, tooling, link-lists
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)14246
ai, design, typography
The Web Is Unversioned (rhi/w3c)14245
web-platform, versioning
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development14244
studies, research, ai, quality, technical-debt
In Praise of Buttons14243
buttons
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)14242
videos, interviews, tech-stacks, jamstack
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)14241
html, modals
Unit Testing With Jest and Integration With GitHub Actions14240
testing, jest, github-actions, quality
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project14239
javascript, typescript, documentation, jsdoc
What Has a Ceiling but No Floor? (mat)14238
accessibility, apple, facebook+meta
Modern JavaScript Library Starter14237
dependencies, npm, libraries
LCP and FCP on Single Page Application on Soft Navigations (dws)14236
performance, web-vitals, single-page-apps, navigation
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)14235
css, scrolling, effects
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)14234
ai, browsers, google, chrome
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)14233
bookmarklets, accessibility, html, aria, keyboard-shortcuts
Better Form UX With the CSS Property “field-sizing” (sea)14232
forms, user-experience, css
Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build14231
culture, engineering-management, processes, comparisons
WebKit Features in Safari 17.3 (jen/web)14230
release-notes, browsers, safari, webkit
Battle of the Browsers (zer)14229
browsers, browser-engines, blink, chrome, edge, brave, gecko, firefox, webkit, safari, comparisons
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website14228
pjpeg, jpeg, images, performance, comparisons
How a Web-Site Redesign Can Impact the Customer Journey (uxm)14227
redesigning, user-experience
Layouts in Astro14226
astro
What Is Jest and Why Should I Use It? (cod)14225
jest
Use Tailwind CSS Prefixes for Shared Design System Components (sen)14224
tailwind, design-systems, components
Repetition Avoidance (ste)14223
code-pens, accessibility, user-experience, aria
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)14222
accessibility, processes, testing
Handling Environment Variables in Node.js (mco/pla)14221
environments, variables, nodejs
Could Local SEO Transform Your User Experience? (uxm)14220
seo, user-experience
Continuous Accessibility: What, Why, How (ass)14219
accessibility, processes, testing, tooling
7 Mobile UX Design Tools to Supercharge Your Design Process (uxm)14218
design, tooling, link-lists
What Is Our Design Intention?14217
design, processes
Vector Database Recommender System (ast)14216
databases, vector-databases
Why I Don’t Care About Website/Blog Stats (nei)14215
blogging, metrics, sem
What Is CSS Motion Path?14214
css, svg, animations
The World’s Smallest PNG (eva)14213
images, png, minimalism
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)14212
accessibility, design, html, aria
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)14211
javascript, security, debugging, firefox, browsers
Mastering Node CSV14210
nodejs, csv
The Bun Shell (jar/bun)14209
bun, javascript, shells
A Call for Consensus on HTML Semantics (5t3)14208
html, semantics
How Core Web Vitals Affect SEO (ind)14207
performance, web-vitals, lighthouse, seo
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (jen+)14206
videos, interviews, css, web, browsers, safari
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)14205
css, gradients, transparency+opacity
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)14204
accessibility, legal
Why Do Reflows Negatively Affect Performance? (fro)14203
performance, reflow
Making CSS View Transitions Easy With Velvette (nom/cod)14202
css, view-transitions, tooling
Under-Supported and Underpaid (aar)14201
accessibility, career, economics, craft
12 Modern CSS One-Line Upgrades (5t3)14200
css
Deceptive Deprecation: The Truth About npm Deprecated Packages14199
deprecation, security, npm, dependencies, research
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript14198
functionality, html, css, javascript
Astro 4.2 (eri+)14197
astro, release-notes
Node.js vs. Python: Which One to Choose for 202414196
nodejs, python, comparisons
The Color Input and the Color Picker (chr/fro)14195
html, colors, usability
Different Node.js Versions and Package Managers per Project—a Solved Problem (wem)14194
nodejs, dependencies, nvm
The Designer’s Guide to Social Computing14193
guides, design, social-media
Fading Content Using Transparent Gradient in CSS (ami)14192
css, gradients, transparency+opacity, effects
Safely Accessing the DOM With Angular SSR14191
security, dom, javascript, angular, server-side-rendering
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)14190
notifications, errors, validation, usability
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)14189
videos, javascript, arrays, sorting, comparisons
Dispatching an Event (chr/fro)14188
javascript, events
Basic Accessibility Mistakes I Often See in Audits (cfe)14187
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
AI Art Is the New Stock Image (ia)14186
design, ai, images
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)14185
introductions, scrolling, animations, css, functions
Measuring Developer Productivity: Real-World Examples (ger)14184
productivity, metrics, developer-experience, google, microsoft
Are You Boring Your Interviewer by Over-Explaining Context?14183
career, interviewing, design
Guide to Fast Next.js14182
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Practical Guide to Usability Testing14181
guides, usability, testing
The Golden Rule of Assertions14180
javascript, testing
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience14179
react, data-fetching, code-splitting, components, techniques
Is It Time to Switch From Docker to Podman?14178
videos, docker, podman, tooling, comparisons
The Complex but Awesome CSS “border-image” Property (css/sma)14177
css, borders, techniques
Stop Trying to Recruit Unicorns With Acorns (cra)14176
accessibility, career
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)14175
nodejs, security
Git Lesson: How to Use .gitignore and .gitkeep?14174
git, how-tos
Disillusioned With Deno (bal)14173
deno
Difference Between “getElementByID” and “querySelector”14172
javascript, css, selectors
APA-Style Titles in Laravel (ami)14171
writing, conventions, laravel
14 Things to Check Before Deploying a Website14170
deploying, quality, processes
Design Is Not Really a Thing14169
design, user-experience
The Evolution of Page Speed (mat/deb)14168
videos, performance, metrics, optimization, history
Dynamically Darken or Lighten a Color in CSS (bpu)14167
css, colors, functions
Combining “:has” and “:only-child” to Change Tab Containers (cri)14166
css, selectors
Why I Use htmx (fla)14165
htmx
Why I Use Alpine.js (fla)14164
alpinejs
Web Standards: The Guidelines That Every Developer Should Know14163
standards, history, w3c, html, css, xml, wcag
The Building Blocks of a Greenfield Vue Application in 2024 (fad)14162
vuejs, tooling, link-lists
React Libraries for 2024 (rwi)14161
react, libraries, link-lists
Performance and Stay Questions in 1:1s (j9t)14160
engineering-management, leadership, career, processes
Optimizing SQL Queries by 23×14159
databases, sql, performance, optimization
Moving on From React (kel)14158
migrating, react, stimulus
Accessible Notifications With ARIA Live Regions (sar)14157
accessibility, notifications, aria, live-regions
Accessible Notifications With ARIA Live Regions II (sar)14156
accessibility, notifications, aria, live-regions
I Hate CORS14155
videos, cors, security
Secure Your Code: Auto-Fix Vulnerabilities With Dependabot (GitHub Tutorial)14154
videos, dependencies, security, dependabot
Hover Contrast Bookmarklet (joe)14153
bookmarklets, hover, colors, contrast, focus, accessibility
Disable Browser Caching With “meta” HTML Tags14152
html, metadata, caching
Creating a Markdown Preprocessor for Svelte14151
svelte, sveltekit, markdown, functionality
Why Did Frontend Development Become So Complicated?14150
processes, complexity, career
Igalia Chats: Browser Politics and You (jaf+/iga)14149
podcasts, web-platform
“import myModule from "./my-module.torrent"”: Requiring Node Modules From BitTorrent (eva)14148
nodejs, modules
Building a Clean and Scalable Frontend Architecture14147
architecture, scalability, simplicity, maintainability
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol)14146
web-components, javascript, callbacks, comparisons
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor)14145
accessibility, ai, content
Kind of Annoyed at React (cas)14144
react
A Guide on Using Postman as a Frontend Developer in Web Development14143
guides, postman, apis
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)14142
podcasts, javascript, performance, nodejs, optimization
Power of WebRTC14141
webrtc, apis
Applying the SPACE Framework (lau)14140
productivity, metrics
How to Get Started With Progressive Web Apps14139
how-tos, web-apps, progressive-web-apps, comparisons
Avoid These 5 Mistakes as a Web Developer14138
career, mistakes, learning
Type in TypeScript14137
typescript, types
Static Site Generators: A Growing Trend in Frontend Development14136
static-site-generation, site-generators, trends
Options for “optgroup” Labeling of “options” (ste)14135
accessibility, html, forms, browsers, screen-readers, support
How to Use “data-nosnippet” to Block Specific Content From Being Used in a Google Search Snippet (Experiment)14134
how-tos, seo, google, experiments
Eliminating Cookie Banners Is Hard (jef)14133
cookies, consent-management, legal
Compatibility of Node.js Versions With Packages14132
nodejs, versioning, dependencies
If It’s Not Usable, It’s Not Accessible (slo/tpg)14131
interviews, accessibility, usability, history
Chrome Alternative Browsers to Check Out in 202414130
browsers, arc, chromium, orion, firefox
Creating a Color Ramp Using Color Modifiers in Tokens Studio14129
design-systems, design-tokens, colors, figma
Bringing Down the Digital Divide14128
accessibility, user-experience
The Stack I Used to Build My Blog in 202414127
tech-stacks, functionality
5 CSS Snippets Every Front-End Developer Should Know in 2024 (arg)14126
css
Node.js Mastery: Advanced Development and Performance Tips14125
nodejs, servers, express, performance, testing, memory
What I Have Learned From Conducting Over 100 Website Migrations (moz)14124
seo, migrating, testing
Using “abbr” Element With “title” Attribute (aar)14123
html, attributes, accessibility, browsers, assistive-tech, support
Top Front-End Tools of 2023 (lou/sma)14122
tooling, link-lists, retrospectives
console.delight (zac/fro)14121
javascript, console, browsers, dev-tools, debugging
The Best Web Framework Doesn’t Exist14120
frameworks
Release Notes for Safari Technology Preview 186 (jon/web)14119
release-notes, browsers, safari
Accounting for Internationalization With CSS and HTML (spa)14118
html, css, internationalization
Node v20.11.0 (LTS) (nod)14117
release-notes, nodejs
Understanding WCAG SC 3.2.6 Consistent Help (Level A)14116
accessibility, standards, wcag
We Removed Advertising Cookies, Here’s What Happened (get)14115
cookies, sem
Setting Up Renovate for GitHub Repositories14114
renovate, github, installing, configuration
High-Level System Architecture of Booking.com14113
architecture, microservices, case-studies
Using CSS Houdini to Extend Styling and Layout Capabilities (log)14112
css, houdini, apis, javascript
Streaming HTML Out of Order Without JavaScript14111
html, streaming
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (soc)14110
npm, retrospectives
Is htmx Just Another JavaScript Framework? (htm)14109
htmx, frameworks
Introducing fsx: A Modern Filesystem API for JavaScript (nza)14108
introductions, file-handling, apis, javascript
Dynamic Accessible Descriptions Reference (dar)14107
accessibility, testing
Designing Better Target Sizes (sha)14106
accessibility, design, best-practices
Buttons and Links—Common Misconceptions14105
accessibility, html, semantics, buttons, links
AI for Web Devs: Deploying Your AI App to Production (aus)14104
ai, deploying
How We Built Project IDX: A High-Level Overview14103
overviews, project-idx, google, code-editors
The Change You Wish to See14102
accessibility
Definition of Done (DoD) Explanation and Example14101
agile, scrum, processes, quality, examples
An Alphabetized List of MIME Types14100
mime-types
A 2024 Wishlist for Node’s Test Runner (cji)14099
nodejs, testing
Understanding Immutability in JavaScript14098
videos, javascript
A Global Design System (bra)14097
design-systems
SolidStart: A Different Breed of Meta-Framework (ati/sma)14096
frameworks, tooling, solidstart, solidjs
2024 Resolution: Be More Open-Source Centric14095
foss, tooling, link-lists
htmx for React Developers in 10 Minutes (jhe)14094
videos, htmx, react
Taking a Closer Look at “@property” in CSS (uti)14093
css
Vue 3—Dynamic Components14092
vuejs, components
Introduction to Data Engineering: A Complete Beginner’s Guide14091
guides, introductions, data-engineering
Why I Like Web Components14090
web-components, html
Where Have All the Websites Gone? (fro)14089
web, trends
What’s New in PHP 8.4 (ami)14088
php