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 (18)

→ 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#
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)15507
css, selectors, examples
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)15506
how-tos, accessibility, testing
Internationalization With Remix (rem)15505
remix, internationalization
5 Ways Productivity Culture Kills Business Agility15504
productivity, agile, economics, culture
90% of Designers are Unhirable?15503
design, processes, career
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets15502
shadow-dom, dom, css
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers15501
figma, keyboard-shortcuts, cheat-sheets, design
Release Notes for Safari Technology Preview 190 (jon/web)15500
release-notes, browsers, safari
Leadership Is a Hell of a Drug (lud)15499
leadership, engineering-management
Exploring the Creative Power of CSS Filters and Blending15498
css, blend-modes, filters, effects
The Ultimate Guide to Choosing the Best React Website Builder15497
guides, react, tooling, comparisons, link-lists
WebAssembly JSPI Is Going to Origin Trial15496
webassembly, origin-trials
Sometimes, a Button Just Wants to Look Like a Button15495
design, usability, buttons
The End of My Gatsby Journey (mon)15494
gatsby, frameworks, comparisons
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)15493
static-site-generation, server-side-rendering, incremental-static-regeneration, client-side-rendering, rendering, strategies, comparisons, nextjs
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)15492
videos, css, selectors
Making Room for Long List Markers With Subgrid (nol)15491
html, lists, css, grids
Announcing TypeScript 5.4 (dan/typ)15490
release-notes, typescript
WebKit Features in Safari 17.4 (jon/web)15489
release-notes, browsers, safari, webkit
How to Ensure Your Designs Work if You Can’t Access Sample Data15488
how-tos, design, usability, metrics, testing
CSS-Tricks in Limbo: Chris Coyier Wants It Back and the Community Reacts15487
css-tricks, digitalocean, community
Best Practices for Inclusive Design (slo)15486
design, dei, accessibility, best-practices
Data Table Design Patterns15485
information-design, tables, design-patterns
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)15484
how-tos, websockets, nodejs
Modern Git Commands and Features You Should Be Using15483
git, command-line
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)15482
design, collaboration
SemVer Simplified: An Introduction to Semantic Versioning15481
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About15480
performance, metrics, web-vitals, lighthouse
JavaScript Runs the World—Maybe Even Literally (wir)15479
javascript, programming, web
WCAG? More Like, W-What?! (stv)15478
accessibility, wcag, link-lists
The 88×31 Archive15477
web, images, history
JSR: Second Look (dbu)15476
jsr
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)15475
design, accessibility, user-experience, mobile
Tools That Make Me Productive as a Software Engineer15474
tooling, productivity, link-lists
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr15473
servers, hosting, comparisons, metrics, digitalocean
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)15472
npm, dependencies, examples, security
Visualizing Frontend Architecture (max)15471
architecture, documentation, visualization
We Need to Talk About Jakob (mat)15470
accessibility
CSS for Printing to Paper15469
css, print
Bugs I’ve Filed on Browsers (nol)15468
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)15467
accessibility, ai
Accessibility Darkness (ste)15466
accessibility, overlays
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked15465
lambda, javascript, runtimes, nodejs, comparisons, metrics
Emerging UX Patterns in Generative AI Experiences15464
user-experience, design-patterns, ai
Planning a Design System Generation (nat)15463
design-systems, automation
The Hunt for the Missing Data Type (hil)15462
types, algorithms
Go Ahead and Block AI Web Crawlers (cor)15461
robotstxt, crawling, scraping, ai
A Love Letter to the Underrepresented in Tech (abb)15460
community
Introducing JSR—the JavaScript Registry (lca+/den)15459
introductions, jsr, deno, dependencies, javascript
Team Productivity Metrics for Engineering Managers15458
productivity, metrics, engineering-management
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (9to)15457
browsers, apple, mobile, web-apps
An Introduction to Webflow—the No-Code Website Builder15456
introductions, webflow, low-and-no-code
Design System Generations (nat)15455
design-systems, processes
Retrofitting Fluid Typography (ric)15454
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)15453
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)15452
javascript, comparisons
Modern CSS Tooltips and Speech Bubbles (css/sma)15451
tooltips, css, techniques
Eloquent JavaScript (mar)15450
websites, books, javascript
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)15449
web-apps, apple
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)15448
accessibility, web-components, ai
New to the Web Platform in February15447
release-notes, web-platform, browsers, firefox, chrome, safari
Why Does “is-number” Package Have 59M Weekly Downloads?15446
dependencies, npm
Understanding Cookies and Sessions in React15445
react, authentication, cookies
What You Need to Know About Software Requirements15444
software-design, best-practices
Diving Into CSS Interactivity (daw+/sto)15443
videos, css
What Is Inclusive Design, and How Does It Relate to Accessibility? (slo)15442
design, dei, accessibility
The Wax and the Wane of the Web (ste/ali)15441
web-platform, history
Techniques to Break Words (aar)15440
techniques, html, css, content
Keyboard Accessibility Testing on Mobile Devices15439
accessibility, testing, keyboard-navigation, mobile
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)15438
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX15437
accessibility, usability, ai, outlooks
Where I’m at on the Whole CSS-Tricks Thing (chr)15436
css-tricks, digitalocean
Ultimate Guide to Visual Testing With Playwright15435
guides, testing, regressions, playwright
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js15434
how-tos, navigation, functionality, astro, tailwind, alpinejs
Top 8 Recent V8 in Node Updates (app)15433
nodejs, v8
Creativity Lies in the Paradoxes15432
creativity, design
Enhanced Internationalization (I18N) in Next.js 1415431
nextjs, internationalization
Test Quality vs. Bashing Tailwind CSS (mar)15430
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)15429
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)15428
accessibility, math
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)15427
css, container-queries, units
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)15426
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)15425
html, css, forms
Here Lies the Internet, Murdered by Generative AI15424
web, content, ai
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)15423
wordpress, ai
How to Lazy-Load CodePen and CanIUse Embeds15422
how-tos, embed-code, performance, codepen, caniuse
What Is Vuetify in Vue.js?15421
vuetify, vuejs
A Guide to CSS Cursor Types15420
guides, css, cursors
The 3 Capabilities Designers Need to Build for the AI Era15419
design, career, training, ai, link-lists
How to Use Server-Sent Events in Node.js (cra)15418
how-tos, nodejs, events
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)15417
drag-and-drop, accessibility, browsers, screen-readers, support
YouTube Video Embedding Harm Reduction (jvo)15416
multimedia, embed-code, youtube, html, privacy
ServerlessHorrors (and)15415
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)15414
apis, performance, web-vitals
AI and Design Systems (bra)15413
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)15412
videos, mistakes, dark-mode, css
A Fun Line of Code (dbu)15411
javascript, apis, multimedia
No Outer Margin15410
css, margins, spacing, components
How to Build a Newthing15409
how-tos, processes, creativity, maintenance
Speaker Spotlight: Michelle Barker (mic)15408
interviews, css, sustainability
Why I Use Firefox (sim)15407
browsers, firefox
Advanced Figma Tips and Tricks 2024: Little Gems We Love15406
figma, tips-and-tricks
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)15405
open-letters, apple, web-apps
CSS Foundations: What Is IACVT? (bra)15404
css, fundamentals
What Is a Single-Page Application? (hey)15403
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)15402
videos, css, cascade
CSS-Only Bottom-Anchored Scrolling Area (kit)15401
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)15400
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)15399
accessibility, screen-readers
Home Screen Advantage (sli)15398
browsers, apple, mobile, support, web-apps, web-platform
WebAIM Screen Reader User Survey 10 (den)15397
accessibility, screen-readers, metrics
JSDoc as an Alternative TypeScript Syntax15396
typescript, documentation, jsdoc
Understanding Event-Driven Architecture (yok)15395
architecture, events
The Power of Patterns and Playbooks in Content Design (kat)15394
design, content, design-patterns
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization15393
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)15392
accessibility, screen-readers
CSS “:has()” Interactive Guide (sha)15391
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)15390
accessibility, web, captcha
A Developer’s Guide for Web Accessibility15389
guides, accessibility
Why My Code Isn’t in TypeScript (rem)15388
typescript
Proposal: CSS Variable Groups (lea)15387
css, variables
UX Leadership Is Failing (and What We Can Do About It)15386
user-experience, leadership
Difference Between the Accessibility Page and the Accessibility Statement15385
accessibility, documentation, comparisons
htmx vs. React: A Complete Comparison15384
htmx, react, comparisons
Navbar Gallery15383
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)15382
javascript, performance
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)15381
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)15380
jsr, deno, dependencies, javascript
Filling Gaps With a Polyfill (jay)15379
polyfills, html, css, javascript, history
Building Dynamic Progress Bars Using Only CSS (ami)15378
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)15377
videos, accessibility, aria, html, user-experience
The One Trick Every Flutter Web Dev Needs to Know15376
tips-and-tricks, flutter, performance
Next.js vs. Remix—a Developer’s Dilemma15375
nextjs, remix, comparisons
Release Notes for Safari Technology Preview 189 (jon/web)15374
release-notes, browsers, safari
Discovering Web Automation and Scraping (gli)15373
scraping, automation, bots, tooling
Making of True Multi-Brand Design System15372
design-systems, theming
10 Best “Create React App” Alternatives for Different Use Cases15371
react, frameworks, tech-stacks, comparisons, link-lists
How to Optimize the Web for the Worst User Conditions?15370
how-tos, user-experience, responsive-design, performance, optimization
CSS “::backdrop” Now Inherits From Its Originating Element (bra)15369
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)15368
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)15367
css, apis, syntax-highlighting
Parallax Effect With CSS Custom Properties (fro)15366
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)15365
nodejs, retrospectives
My Favourite Animation Trick: Exponential Smoothing (lis)15364
animations, tips-and-tricks
A Practical Guide to Designing for Colorblind People (sma)15363
guides, accessibility, design, colors, color-blindness
How to Make a Cursor Image Hover Effect With CSS and JS15362
how-tos, css, javascript, images, cursors, hover
Control Lazy Load, Infinite Scroll, and Animations in React15361
react, lazy-loading, scrolling, animations, javascript
“random()” Distribution Visualizer15360
javascript, randomness, visualization
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)15359
videos, accessibility, wcag, guidelines, compliance
CSS-Only Radial Progress Bars Using Conic Gradients15358
videos, css, gradients, progress-indicators
My Design System Journey: Building the Plane While Flying15357
design-systems, collaboration, processes
Design Patterns That Encourage Junk Data (mic)15356
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js15355
security, nodejs, databases, sql
Why Is JavaScript Fragile? (cfe)15354
javascript
Okay, Color Spaces (eee)15353
colors, oklch
How to Use Local Storage in JavaScript (fre)15352
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js15351
how-tos, nodejs, worker-threads
A Practical Guide to Using Shadow DOM (may)15350
guides, dom, shadow-dom
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)15349
collaboration, onboarding, user-experience
17 Equations That Changed the World—Rewritten in JavaScript15348
javascript, math
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)15347
user-experience, product-management, processes
Responsive Web Design: 3 Key Fundamentals (nng)15346
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)15345
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)15344
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results15343
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)15342
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)15341
how-tos, accessibility, dei, user-experience, colors, contrast, readability
100 Things You Can Do on Your Personal Website (cap)15340
blogging, writing, indieweb
Tailwind Marketing and Misinformation Engine15339
tailwind, css, semantics, principles, maintainability, marketing
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)15338
apis, javascript, css, syntax-highlighting
Don’t Care About Accessibility? Resistance Is Futile! (cer)15337
accessibility
JavaScript Workers15336
videos, javascript, web-workers
JavaScript on Demand: How Qwik Differs From React Hydration15335
javascript, qwik, react, hydration, comparisons
Understanding React “useEffect”15334
react, hooks
A Manifesto for Small, Static, Web Apps (ros)15333
manifestos, web-apps, principles
Be a Better Developer With These Git Good Practices15332
git, best-practices, conventions, consistency, code-reviews
Frontend Application Security: Tips and Tricks15331
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
How to Set Up a Node Server With TypeScript in 2024 (jle)15330
how-tos, nodejs, servers, typescript
UI = ƒ(statesⁿ) (dav)15329
design, state-management
Popular Git Config Options (b0r)15328
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)15327
web-apps, apple
Future of CSS: Functions and Mixins15326
css, functions, mixins
Getting to an Accessibility Strategy15325
accessibility, strategies, processes
Full Guide on How to Hire Front-End Developers Effectively15324
guides, how-tos, hiring, career
React Labs: What We’ve Been Working On—February 2024 (rea)15323
react
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)15322
javascript
Playing With Infinity in CSS (lon)15321
css, math
Making the Most of Ligatures (man)15320
css, typography
How I Developed the 10 Usability Heuristics15319
usability, heuristics, history
CSS “:is(.awesome)” (mar/cfe)15318
videos, css, selectors, techniques
ARIA “note” (aar)15317
accessibility, aria, browsers, screen-readers, support
A Dozen Thoughts About AI (dav)15316
ai
Wednesday, February 14, 2024 Security Releases (raf+/nod)15315
release-notes, nodejs, security
What Is the Difference Between ASP and ASP.NET?15314
asp, asp-net, comparisons
What Is Lighthouse Speed Index (SI) and How to Reduce It15313
performance, metrics, lighthouse
How Accessibility Standards Can Empower Better Chart Visual Design (sma)15312
accessibility, contrast, colors, information-design
Input Type “date”: The Accessibility of HTML Date Picker15311
accessibility, forms
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)15310
css, overflow, scrolling, animations
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)15309
accessibility, aria, naming
The Text File That Runs the Internet (dav/ver)15308
robotstxt, crawling, scraping, ai, web
Reasonable WCAG Additions (a11)15307
accessibility, wcag
A Practical Guide to Designing for Children (sma)15306
guides, design, link-lists
Building htmx and Go Web Apps With Gemini Advanced15305
videos, web-apps, htmx, go, ai, gemini
Selenium Automation Testing: A Step-by-Step Beginners Guide15304
guides, selenium, testing, automation
An Introduction to Node.js Multithreading (cra)15303
introductions, nodejs, multithreading
Why I Like Scrumban (j9t)15302
processes, agile, scrum, kanban
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)15301
css, functions, math
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)15300
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)15299
how-tos, browsers, mobile, scrolling, css
How to Center a Div (jos)15298
how-tos, css, centering
CSS Color Module Level 4 (tab+/w3c)15297
standards, css, colors
Be Aware of Arrays—V8 Engine Advice15296
javascript, javascript-engines, v8, arrays
Advanced Architecture for AI Application (aka AAAA) (aus)15295
ai, architecture, edge-computing, optimization
React, Solid, htmx15294
react, solidjs, htmx, comparisons
The Anatomy of Addictive Content (moz)15293
content, writing, seo
The ü/ü Conundrum15292
javascript, unicode, encoding
You Want to Make It Easy to Feature Your Content (fro)15291
frontend-dogma, content, community
How to Choose the Best Static Site Generator in 202415290
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
How to Boost WordPress Security and Protect Your SEO Ranking15289
how-tos, wordpress, security, seo
Learn TypeScript (jad)15288
websites, courses, typescript
Can Generative AI Help Write Accessible Code? (tin/tet)15287
accessibility, code-generation, ai
A CSS Project Boilerplate (bel/pic)15286
css, tailwind, templates
Using Recursive CSS to Change Styles Based on Depth (cri)15285
css, selectors
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)15284
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)15283
css, svg, filters, colors, contrast
CSS Mixins and Functions Explainer (mia/odd)15282
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)15281
project-management, prioritization, processes
Don’t Disable Form Controls (aar)15280
accessibility, usability, forms, buttons
Accelerating Code Reviews With Nudges15279
research, code-reviews, productivity, experiments, facebook+meta
The Front-End Development We’re Used to Is Dying15278
career, simplicity, complexity
HTML as the Baseline (cfe)15277
html, progressive-enhancement
Have We Forgotten How to Build Ethical Things for the Web? (nic)15276
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)15275
images, jpeg, png, gif, webp, avif, pdf, svg
Git Tips: Really Large Repositories (git)15274
git, monorepos, tips-and-tricks
So You Think You Know Git (git)15273
videos, git
What Is a Descriptive Transcript?15272
accessibility, multimedia
Format Nunjucks Files With Prettier (san)15271
nunjucks, prettier
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)15270
videos, accessibility
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)15269
nodejs, corepack, npm, yarn, pnpm, dependencies
Is [“* { min-width: 0; }”] a Good Idea? (kev)15268
videos, css
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)15267
web-apps, browsers, apple, mobile
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)15266
viewport, css, units
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)15265
learning, career
10 Best Automated AI Code Review Tools 202415264
ai, automation, code-reviews, tooling, comparisons, link-lists
Release Notes for Safari Technology Preview 188 (jon/web)15263
release-notes, browsers, safari
Patterns in Design Systems (ikn)15262
design-systems, design-patterns, components
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)15261
web-platform, frameworks, tech-stacks, complexity
Opportunities for AI in Accessibility (aar/ali)15260
accessibility, ai
Offloading JavaScript With Custom Properties (hey)15259
javascript, css, custom-properties
CSS Is Logical (geo)15258
css
A Guide to Designing for Older Adults (sma)15257
guides, design, accessibility
A Beginner’s Guide to Seamless Open-Source Contributions (wom)15256
guides, foss
UI Elements Are Not So Elementary15255
design, design-patterns
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)15254
accessibility, usability, forms, errors
JavaScript Promises Demystified (mar)15253
javascript, promises
Remix Takes on Next.js in Battle of the React Frameworks15252
frameworks, react, remix, nextjs
JavaScript vs. Python: Which One Should You Learn First?15251
javascript, python, comparisons
Designing User Onboarding: Lessons From Figma, Duolingo, and More15250
lessons, onboarding, design, user-experience, figma
Immutable Array Updates With “Array.prototype.with” (jad)15249
javascript, arrays, prototypes, browsers, support
When to Use the “min()” or “max()” Function (css)15248
css, functions, tips-and-tricks
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)15247
npm, dependencies, security
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)15246
metrics, quality, efficiency, productivity
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)15245
videos, lessons, eleventy, commonjs, esm, refactoring
jQuery 4.0.0 Beta (tim/jqu)15244
release-notes, jquery
In Praise of the “switch” Statement (chi)15243
javascript
Detect Caps Lock With JavaScript (dav)15242
javascript
Exciting New Tools for Designers, February 2024 (web)15241
design, tooling, link-lists
The Most Demanded Frontend Frameworks in 202315240
frameworks, comparisons, react, angular, vuejs
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)15239
user-experience, design, hierarchy
Everything You Need to Know About Git15238
git, command-line
The Decision to Leave Tech (col)15237
career, retrospectives
13 Best Books, Courses, and Communities for Learning React15236
react, books, courses, link-lists
You Won’t Scale (cfe)15235
maintainability, scalability
Thoughts on a Global Design System (chr)15234
design-systems
Revolutionizing Usability Testing With Machine Learning (uxm)15233
usability, testing, ai
It’s the Hope That Kills You (yat)15232
accessibility, career, community
How to Create Rounded Gradient Borders With Any Background in CSS (ben)15231
how-tos, css, borders, gradients, backgrounds
Getting Into Web Components—an Intro (uti)15230
introductions, web-components
Bookmarklet: Load All GitHub Comments (mey)15229
bookmarklets, github, code-reviews
Why Disabled People’s Needs Aren’t “Special”15228
accessibility
htmx Deep Dive With Carson Gross15227
videos, htmx, deep-dives
HTML Attributes That Every Web Developer Should Know15226
html, attributes, pop-overs, forms, custom-data
“X” Marks the Spot: Landmark Elements (stv)15225
html, semantics, accessibility, assistive-tech, aria
The Importance of Web Performance to Information Equity (sch/fos)15224
videos, performance, accessibility
A View Source Web (gar)15223
websites, view-source, browsers
SOLID Principles: They’re Rock-Solid for Good Reason15222
programming, principles, solid
5 Hidden Risks of Your Inaccessible Website (deq)15221
accessibility
What Is WAP?15220
wap, mobile
From Many to One: Moving Our JavaScript Code Into a Monorepo15219
migrating, monorepos, javascript, git
The SEO Starter Guide Got a Makeover (liz+)15218
guides, seo, search, google
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)15217
images, svg, css, masking, performance
All Art Is a Copy of Something (chr)15216
art
The Web Just Gets Better With Interop 2024 (web)15215
web-platform, interoperability, browsers, support
Interop 202415214
interoperability, web-platform, browsers, support
Career Retrospective15213
career, retrospectives
Everyone’s a Sellout Now15212
career, culture
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)15211
videos, frameworks, svelte
A Complete Guide to Open Source—100× Simpler15210
guides, foss
Drupal Creator: Websites Needed More Than Ever in the AI Era15209
web, ai, complexity
Tracking Your Interviews Is Extremely Important15208
career, interviewing
What’s the Difference Between “localhost” and “127.0.0.1”?15207
network, ip, testing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?15206
ai, quality, technical-debt
Dynamically Adding Text Alternatives to Images With AI (kar)15205
automation, ai, accessibility, images, alt-text
A Look at the New WAI–ARIA 1.3 Draft (cra)15204
accessibility, aria, standards
5 Essential DevTools Console Hacks for Every Web Developer15203
videos, browsers, dev-tools
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization15202
testing, flakiness, cypress, playwright, network
GitLab vs. GitHub: Which Is Better in 2024?15201
version-control, gitlab, github, comparisons
Be Purposeful About Your Content15200
accessibility, content, writing
The Art and Science of Annotations in Dev Mode (fig)15199
figma, annotations
Implementing User Authentication in React Apps With Appwrite15198
react, authentication, tooling
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+)15197
performance, web-vitals, metrics
PurePWA—a Radical U-Turn in Web Development15196
web-apps, progressive-web-apps, simplicity, tooling
Why Not htmx? (cfe)15195
htmx
The Good, the Bad, the Web Components (zac)15194
web-components, shadow-dom, dom
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)15193
html, dom, shadow-dom, apis, security
Making VPATs and ACRs More Effective in Procurement (web)15192
accessibility, vpat-acr, processes
How to Stream Files From Next.js Route Handlers (eri)15191
how-tos, nextjs, routing, streaming
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)15190
guides, accessibility, colors, color-palettes, figma
New to the Web Platform in January15189
release-notes, web-platform, browsers, firefox, chrome, safari
Celebrate a More Interoperable Web With Interop 202315188
web-platform, interoperability, browsers, support
Onboarding (mfo)15187
processes, onboarding, productivity, engineering-management
Understanding Signals in Django15186
signals, django
Learn Testing15185
courses, testing
Is Generated Code Harder to Maintain?15184
discussions, ai, maintainability, maintenance
Tuesday, February 6, 2024 Security Releases (raf/nod)15183
release-notes, nodejs, security
Web Platform Design Principles (lea/w3c)15182
web-platform, software-design, principles, standards, w3c
Why Do Rubber Ducks Work?15181
processes, productivity, creativity
Use CSS “accent-color” to Style Your Inputs (cas)15180
css, forms
The Psychology of Site Speed and Human Happiness (tam/spe)15179
performance, usability
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)15178
guides, foss, collaboration
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)15177
css, units, fonts
“field-sizing” Just Works! (kil/pol)15176
css, forms, comparisons
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)15175
html, css
Practical Guide to Destructuring: TypeScript vs. Dart15174
guides, typescript, dart, comparisons
ESG and DEI Policies Were Always Luxury Goods15173
dei, sustainability, policies
Dynamic README Image Based on GitHub Activity15172
readme, github
The EU Forces Open Apple’s Walled Garden (tid)15171
legal, apple, browsers, mobile
Next.js App Router Migration: The Good, Bad, and Ugly15170
nextjs, routing, migrating
Debunking 10 Common Objections to Incremental Delivery for Software Teams15169
agile, processes
The Loss of the Process in the Name of Progress15168
design, creativity, productivity, processes
Express Forward (exp)15167
discussions, outlooks, express
The Web Component Success Story (jak)15166
web-components
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)15165
how-tos, images, favicons
Git: The Basics of “git bisect” (ada)15164
fundamentals, git
At Last, Browser Choice * (dav)15163
legal, browsers, apple, mobile
The Singular Web (dut)15162
web, web-platform, google, microsoft, amazon, apple
Nicer Text Wrapping With CSS “text-wrap” (lon)15161
css, typography
Design Systems Burnout (fon)15160
design-systems
A Guide to Styling Tables (sto)15159
css, tables, responsive-design
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)15158
legal, browsers, apple, iphone, mobile
Futuring With Design15157
design, creativity, processes
Please, Don’t Force Me to Log In (ham)15156
web, authentication, user-experience
Gold Text Effect With CSS (man)15155
css, effects
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)15154
css, selectors, focus
Apple, the DMA, and Malicious Compliance (bru)15153
legal, browsers, apple, mobile
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)15152
accessibility, tips-and-tricks, processes
Introducing Our Updated [Green Web Hosting] Directory (mrc)15151
introductions, release-notes, sustainability, hosting
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)15150
browsers, apple, mozilla, firefox, mobile
The Impact of Developer Experience15149
research, developer-experience, productivity, efficiency
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)15148
accessibility, ethics, overlays, community
Inside .git (b0r)15147
git
HTML Web Components on the Server Are Great (sco)15146
html, web-components
5 Web Design Disasters That Will Ruin Your 2024 (web)15145
design, responsive-design, seo
CSS Blurry Shimmer Effect (sma)15144
css, effects
JWT vs. Session Authentication15143
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.js15142
functionality, databases, sql, nodejs, django, nextjs
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments15141
studies, research, accessibility, ecommerce, legal
Deno 1.40: Temporal API (den)15140
release-notes, deno, apis, time
Using Alternative Browser Engines in the European Union15139
apple, browsers, browser-engines, mobile
This Web Page Is Best Viewed in the EU (gri/clo)15138
legal, browsers, apple, mobile, web
Should Links Open in a New Tab? (stv)15137
links, usability, user-experience
One World, One Web, One Love (aar)15136
web
Animating Font Palette (man)15135
css, colors, fonts, effects
The New CSS Color Format You Didn’t Know You Needed; “oklch()”15134
css, colors, oklch, functions, tailwind
Getting Started With Content Collections in Astro15133
introductions, astro
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware15132
github, npm, security, malware, foss
An Introduction to the Liquid Template Language15131
introductions, liquid, template-engines
Release Notes for Safari Technology Preview 187 (jon/web)15130
release-notes, browsers, safari
Take a Qwik Break From React With Astro15129
qwik, react, astro, frameworks, comparisons
The Structure of User Experience15128
user-experience, processes
The API That No One Dared Delete15127
apis, infrastructure, documentation, maintenance, technical-debt
What Happened With the Web Monetization API? (chr)15126
monetization, apis
What Can a Website Do? (dav)15125
accessibility, usability, quality
Web Components in Earnest (dav)15124
web-components, javascript
User Styles (mia)15123
css, user-styles, browsers
On Web Components (tmc)15122
web-components
Five Future Roles for Designers (jar)15121
design, career, outlooks
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)15120
design-systems, economics
14 Best SEO Tools in 2024 (web)15119
seo, tooling, link-lists
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)15118
bookmarklets, accessibility, html, attributes, accesskeys, aria, keyboard-shortcuts
Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build15117
culture, engineering-management, processes, comparisons
Unit Testing With Jest and Integration With GitHub Actions15116
testing, jest, github-actions, quality
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project15115
javascript, typescript, documentation, jsdoc
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)15114
ai, design, typography
The Web Is Unversioned (rhi/w3c)15113
web-platform, versioning
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development15112
studies, research, ai, quality, technical-debt
In Praise of Buttons15111
buttons
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)15110
videos, interviews, tech-stacks, jamstack
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)15109
html, modals
What Has a Ceiling but No Floor? (mat)15108
accessibility, apple, facebook+meta
Modern JavaScript Library Starter15107
dependencies, npm, libraries
LCP and FCP on Single Page Application on Soft Navigations (dws)15106
performance, web-vitals, single-page-apps, navigation
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)15105
css, scrolling, effects
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)15104
ai, browsers, google, chrome
Better Form UX With the CSS Property “field-sizing” (sea)15103
forms, user-experience, css
WebKit Features in Safari 17.3 (web)15102
release-notes, browsers, safari, webkit
Continuous Accessibility: What, Why, How (seg/ass)15101
accessibility, processes, testing, tooling
Layouts in Astro15100
astro
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)15099
accessibility, processes, testing
Could Local SEO Transform Your User Experience? (uxm)15098
seo, user-experience
Battle of the Browsers (zer)15097
browsers, browser-engines, blink, chrome, edge, brave, gecko, firefox, webkit, safari, comparisons
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website15096
pjpeg, jpeg, images, performance, comparisons
How a Web-Site Redesign Can Impact the Customer Journey (uxm)15095
redesigning, user-experience
What Is Jest and Why Should I Use It? (cod)15094
jest
Use Tailwind CSS Prefixes for Shared Design System Components (sen)15093
tailwind, design-systems, components
Repetition Avoidance (ste)15092
code-pens, accessibility, user-experience, aria
Handling Environment Variables in Node.js (mco/pla)15091
environments, variables, nodejs
7 Mobile UX Design Tools to Supercharge Your Design Process (uxm)15090
design, tooling, link-lists
What Is CSS Motion Path?15089
css, svg, animations
What Is Our Design Intention?15088
design, processes
Vector Database Recommender System (ast)15087
databases, vector-databases
Why I Don’t Care About Website/Blog Stats (nei)15086
blogging, metrics, sem
The World’s Smallest PNG (eva)15085
images, png, minimalism
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)15084
accessibility, design, html, aria
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)15083
javascript, security, debugging, firefox, browsers
Mastering Node CSV15082
nodejs, csv
The Bun Shell (jar/bun)15081
bun, javascript, shells
A Call for Consensus on HTML Semantics (5t3)15080
html, semantics
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (kev)15079
videos, interviews, css, web, browsers, safari
How Core Web Vitals Affect SEO (ind)15078
performance, web-vitals, lighthouse, seo
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)15077
css, gradients, transparency+opacity
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)15076
accessibility, legal
Why Do Reflows Negatively Affect Performance? (fro)15075
performance, reflow
Making CSS View Transitions Easy With Velvette (nom/cod)15074
css, view-transitions, tooling
Under-Supported and Underpaid (aar)15073
accessibility, career, economics, craft
12 Modern CSS One-Line Upgrades (5t3)15072
css
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript15071
functionality, html, css, javascript
Deceptive Deprecation: The Truth About npm Deprecated Packages15070
deprecation, security, npm, dependencies, research
Astro 4.2 (eri+)15069
astro, release-notes
Node.js vs. Python: Which One to Choose for 202415068
nodejs, python, comparisons
The Color Input and the Color Picker (chr/fro)15067
html, colors, usability
Safely Accessing the DOM With Angular SSR15066
security, dom, javascript, angular, server-side-rendering
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)15065
videos, javascript, arrays, sorting, comparisons
Different Node.js Versions and Package Managers per Project—a Solved Problem (wem)15064
nodejs, dependencies, nvm
The Designer’s Guide to Social Computing15063
guides, design, social-media
Fading Content Using Transparent Gradient in CSS (ami)15062
css, gradients, transparency+opacity, effects
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)15061
notifications, errors, validation, usability
Dispatching an Event (chr/fro)15060
javascript, events
Basic Accessibility Mistakes I Often See in Audits (cfe)15059
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
AI Art Is the New Stock Image (ia)15058
design, ai, images
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)15057
introductions, scrolling, animations, css, functions
Git Lesson: How to Use .gitignore and .gitkeep?15056
git, how-tos
Difference Between “getElementByID” and “querySelector”15055
javascript, css, selectors
Are You Boring Your Interviewer by Over-Explaining Context?15054
career, interviewing, design
14 Things to Check Before Deploying a Website15053
deploying, quality, processes
Is It Time to Switch From Docker to Podman?15052
videos, docker, podman, tooling, comparisons
Measuring Developer Productivity: Real-World Examples (ger)15051
productivity, metrics, developer-experience, google, microsoft
Guide to Fast Next.js15050
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Practical Guide to Usability Testing15049
guides, usability, testing
The Golden Rule of Assertions15048
javascript, testing
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience15047
react, data-fetching, code-splitting, components, techniques
The Complex but Awesome CSS “border-image” Property (css/sma)15046
css, borders, techniques
Stop Trying to Recruit Unicorns With Acorns (cra)15045
accessibility, career
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)15044
nodejs, security
Disillusioned With Deno (bal)15043
deno
APA-Style Titles in Laravel (ami)15042
writing, conventions, laravel
Optimizing SQL Queries by 23×15041
databases, sql, performance, optimization
Design Is Not Really a Thing15040
design, user-experience
The Evolution of Page Speed (mat/deb)15039
videos, performance, metrics, optimization, history
Dynamically Darken or Lighten a Color in CSS (bpu)15038
css, colors, functions
Combining “:has” and “:only-child” to Change Tab Containers (cri)15037
css, selectors
Why I Use htmx (fla)15036
htmx
Why I Use Alpine.js (fla)15035
alpinejs
Web Standards: The Guidelines That Every Developer Should Know15034
standards, history, w3c, html, css, xml, wcag
The Building Blocks of a Greenfield Vue Application in 2024 (fad)15033
vuejs, tooling, link-lists
React Libraries for 2024 (rwi)15032
react, libraries, link-lists
Performance and Stay Questions in 1:1s (j9t)15031
engineering-management, leadership, career, processes
Moving on From React (kel)15030
migrating, react, stimulus
Accessible Notifications With ARIA Live Regions (sar)15029
accessibility, notifications, aria, live-regions
Accessible Notifications With ARIA Live Regions II (sar)15028
accessibility, notifications, aria, live-regions
Disable Browser Caching With “meta” HTML Tags15027
html, metadata, caching
I Hate CORS15026
videos, cors, security
Secure Your Code: Auto-Fix Vulnerabilities With Dependabot (GitHub Tutorial)15025
videos, dependencies, security, dependabot
Hover Contrast Bookmarklet (joe)15024
bookmarklets, hover, colors, contrast, focus, accessibility
Creating a Markdown Preprocessor for Svelte15023
svelte, sveltekit, markdown, functionality
Why Did Frontend Development Become So Complicated?15022
processes, complexity, career
Igalia Chats: Browser Politics and You (jaf+/iga)15021
podcasts, web-platform
“import myModule from "./my-module.torrent"”: Requiring Node Modules From BitTorrent (eva)15020
nodejs, modules
Building a Clean and Scalable Frontend Architecture15019
architecture, scalability, simplicity, maintainability
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol)15018
web-components, javascript, callbacks, comparisons
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor)15017
accessibility, ai, content
Kind of Annoyed at React (cas)15016
react
A Guide on Using Postman as a Frontend Developer in Web Development15015
guides, postman, apis
How to Use “data-nosnippet” to Block Specific Content From Being Used in a Google Search Snippet (Experiment)15014
how-tos, seo, google, experiments
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)15013
podcasts, javascript, performance, nodejs, optimization
Power of WebRTC15012
webrtc, apis
Applying the SPACE Framework (lau)15011
productivity, metrics
How to Get Started With Progressive Web Apps15010
how-tos, web-apps, progressive-web-apps, comparisons
Avoid These 5 Mistakes as a Web Developer15009
career, mistakes, learning
Type in TypeScript15008
typescript, types