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#
So, What Exactly Did Apple Break in the EU? (tom)14526
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)14525
accessibility, math
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)14524
css, container-queries, units
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)14523
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)14522
html, css, forms
What Is Vuetify in Vue.js?14521
vuetify, vuejs
A Guide to CSS Cursor Types14520
guides, css, cursors
The 3 Capabilities Designers Need to Build for the AI Era14519
design, career, training, ai, link-lists
How to Use Server-Sent Events in Node.js (cra)14518
how-tos, nodejs, events
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)14517
drag-and-drop, accessibility, browsers, screen-readers, support
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)14516
wordpress, ai
YouTube Video Embedding Harm Reduction (jvo)14515
multimedia, embed-code, youtube, html, privacy
ServerlessHorrors (and)14514
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)14513
apis, performance, web-vitals
How to Lazy-Load CodePen and CanIUse Embeds14512
how-tos, embed-code, performance, codepen, caniuse
Here Lies the Internet, Murdered by Generative AI14511
web, content, ai
AI and Design Systems (bra)14510
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)14509
videos, mistakes, dark-mode, css
A Fun Line of Code (dbu)14508
javascript, apis, multimedia
Speaker Spotlight: Michelle Barker (mic)14507
interviews, css, sustainability
Why I Use Firefox (sim)14506
browsers, firefox
Advanced Figma Tips and Tricks 2024: Little Gems We Love14505
figma, tips-and-tricks
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)14504
open-letters, apple, web-apps
CSS Foundations: What Is IACVT? (bra)14503
css, fundamentals
What Is a Single-Page Application? (hey)14502
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)14501
videos, css, cascade
No Outer Margin14500
css, margins, spacing, components
How to Build a Newthing14499
how-tos, processes, creativity, maintenance
CSS-Only Bottom-Anchored Scrolling Area (kit)14498
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)14497
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)14496
accessibility, screen-readers
Home Screen Advantage (sli)14495
browsers, apple, mobile, support, web-apps, web-platform
WebAIM Screen Reader User Survey 10 (den)14494
accessibility, screen-readers
The Power of Patterns and Playbooks in Content Design (kat)14493
design, content, design-patterns
Understanding Event-Driven Architecture14492
architecture, events
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization14491
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)14490
accessibility, screen-readers
JSDoc as an Alternative TypeScript Syntax14489
typescript, documentation, jsdoc
CSS “:has()” Interactive Guide (sha)14488
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)14487
accessibility, web, captcha
A Developer’s Guide for Web Accessibility14486
guides, accessibility
Why My Code Isn’t in TypeScript (rem)14485
typescript
Proposal: CSS Variable Groups (lea)14484
css, variables
Difference Between the Accessibility Page and the Accessibility Statement14483
accessibility, documentation, comparisons
htmx vs. React: A Complete Comparison14482
htmx, react, comparisons
UX Leadership Is Failing (and What We Can Do About It)14481
user-experience, leadership
Navbar Gallery14480
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)14479
javascript, performance
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)14478
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)14477
jsr, deno, dependencies, javascript
Filling Gaps With a Polyfill (jay)14476
polyfills, html, css, javascript, history
Building Dynamic Progress Bars Using Only CSS (ami)14475
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)14474
videos, accessibility, aria, html, user-experience
Next.js vs. Remix—a Developer’s Dilemma14473
nextjs, remix, comparisons
Release Notes for Safari Technology Preview 189 (jon/web)14472
release-notes, browsers, safari
The One Trick Every Flutter Web Dev Needs to Know14471
tips-and-tricks, flutter, performance
Discovering Web Automation and Scraping (gli)14470
scraping, automation, bots, tooling
Making of True Multi-Brand Design System14469
design-systems, theming
10 Best “Create React App” Alternatives for Different Use Cases14468
react, frameworks, tech-stacks, comparisons, link-lists
How to Optimize the Web for the Worst User Conditions?14467
how-tos, user-experience, responsive-design, performance, optimization
CSS “::backdrop” Now Inherits From Its Originating Element (bra)14466
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)14465
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)14464
css, apis, syntax-highlighting
Parallax Effect With CSS Custom Properties (fro)14463
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)14462
nodejs, retrospectives
My Favourite Animation Trick: Exponential Smoothing (lis)14461
animations, tips-and-tricks
CSS-Only Radial Progress Bars Using Conic Gradients14460
videos, css, gradients, progress-indicators
My Design System Journey: Building the Plane While Flying14459
design-systems, collaboration, processes
Control Lazy Load, Infinite Scroll, and Animations in React14458
react, lazy-loading, scrolling, animations, javascript
How to Make a Cursor Image Hover Effect With CSS and JS14457
how-tos, css, javascript, images, cursors, hover
Design Patterns That Encourage Junk Data (mic)14456
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js14455
security, nodejs, databases, sql
Why Is JavaScript Fragile? (cfe)14454
javascript
“random()” Distribution Visualizer14453
javascript, randomness, visualization
Okay, Color Spaces (eee)14452
colors, oklch
How to Use Local Storage in JavaScript (fre)14451
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js14450
how-tos, nodejs, worker-threads
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)14449
videos, accessibility, wcag, guidelines, compliance
A Practical Guide to Using Shadow DOM (may)14448
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)14447
guides, accessibility, design, colors, color-blindness
17 Equations That Changed the World—Rewritten in JavaScript14446
javascript, math
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)14445
user-experience, product-management, processes
Responsive Web Design: 3 Key Fundamentals (nng)14444
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)14443
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)14442
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results14441
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)14440
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)14439
how-tos, accessibility, dei, user-experience, colors, contrast, readability
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)14438
collaboration, onboarding, user-experience
100 Things You Can Do on Your Personal Website (cap)14437
blogging, writing, indieweb
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)14436
apis, javascript, css, syntax-highlighting
Tailwind Marketing and Misinformation Engine14435
tailwind, css, semantics, principles, maintainability, marketing
Don’t Care About Accessibility? Resistance Is Futile! (cer)14434
accessibility
JavaScript on Demand: How Qwik Differs From React Hydration14433
javascript, qwik, react, hydration, comparisons
Understanding React “useEffect”14432
react, hooks
JavaScript Workers14431
videos, javascript, web-workers
A Manifesto for Small, Static, Web Apps (ros)14430
manifestos, web-apps, principles
How to Set Up a Node Server With TypeScript in 2024 (jle)14429
how-tos, nodejs, servers, typescript
Frontend Application Security: Tips and Tricks14428
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
UI = ƒ(statesⁿ) (dav)14427
design, state-management
Popular Git Config Options (b0r)14426
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)14425
web-apps, apple
Be a Better Developer With These Git Good Practices14424
git, best-practices, conventions, consistency, code-reviews
React Labs: What We’ve Been Working On—February 2024 (rea)14423
react
Full Guide on How to Hire Front-End Developers Effectively14422
guides, how-tos, hiring, career
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)14421
javascript
Playing With Infinity in CSS (lon)14420
css, math
Making the Most of Ligatures (man)14419
css, typography
How I Developed the 10 Usability Heuristics14418
usability, heuristics, history
Getting to an Accessibility Strategy14417
accessibility, strategies, processes
Future of CSS: Functions and Mixins14416
css, functions, mixins
CSS “:is(.awesome)” (mar/cfe)14415
videos, css, selectors, techniques
ARIA “note” (aar)14414
accessibility, aria, browsers, screen-readers, support
A Dozen Thoughts About AI (dav)14413
ai
What Is the Difference Between ASP and ASP.NET?14412
asp, asp-net, comparisons
What Is Lighthouse Speed Index (SI) and How to Reduce It14411
performance, metrics, lighthouse
How Accessibility Standards Can Empower Better Chart Visual Design (sma)14410
accessibility, contrast, colors, information-design
Input Type “date”: The Accessibility of HTML Date Picker14409
accessibility, forms
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)14408
css, overflow, scrolling, animations
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)14407
accessibility, aria, naming
Wednesday, February 14, 2024 Security Releases (raf+/nod)14406
release-notes, nodejs, security
The Text File That Runs the Internet (dav/ver)14405
robotstxt, crawling, scraping, ai, web
Reasonable WCAG Additions (a11)14404
accessibility, wcag
Selenium Automation Testing: A Step-by-Step Beginners Guide14403
guides, selenium, testing, automation
An Introduction to Node.js Multithreading (cra)14402
introductions, nodejs, multithreading
Building htmx and Go Web Apps With Gemini Advanced14401
videos, web-apps, htmx, go, ai, gemini
Why I Like Scrumban (j9t)14400
processes, agile, scrum, kanban
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)14399
css, functions, math
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)14398
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)14397
how-tos, browsers, mobile, scrolling, css
How to Center a Div (jos)14396
how-tos, css, centering
CSS Color Module Level 4 (tab+/w3c)14395
standards, css, colors
Be Aware of Arrays—V8 Engine Advice14394
javascript, javascript-engines, v8, arrays
Advanced Architecture for AI Application (aka AAAA) (aus)14393
ai, architecture, edge-computing, optimization
A Practical Guide to Designing for Children (vit/sma)14392
guides, design, link-lists
You Want to Make It Easy to Feature Your Content (fro)14391
frontend-dogma, content, community
The ü/ü Conundrum14390
javascript, unicode, encoding
How to Choose the Best Static Site Generator in 202414389
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
How to Boost WordPress Security and Protect Your SEO Ranking14388
how-tos, wordpress, security, seo
The Anatomy of Addictive Content (moz)14387
content, writing, seo
React, Solid, htmx14386
react, solidjs, htmx, comparisons
Learn TypeScript (jad)14385
websites, courses, typescript
Can Generative AI Help Write Accessible Code? (tin/tet)14384
accessibility, code-generation, ai
A CSS Project Boilerplate (bel/pic)14383
css, tailwind, templates
Using Recursive CSS to Change Styles Based on Depth (cri)14382
css, selectors
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)14381
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)14380
css, svg, filters, colors, contrast
CSS Mixins and Functions Explainer (mia/odd)14379
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)14378
project-management, prioritization, processes
Don’t Disable Form Controls (aar)14377
accessibility, usability, forms, buttons
Accelerating Code Reviews With Nudges14376
research, code-reviews, productivity, experiments, facebook+meta
The Front-End Development We’re Used to Is Dying14375
career, simplicity, complexity
HTML as the Baseline (cfe)14374
html, progressive-enhancement
Have We Forgotten How to Build Ethical Things for the Web? (nic)14373
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)14372
images, jpeg, png, gif, webp, avif, pdf, svg
Git Tips: Really Large Repositories (git)14371
git, monorepos, tips-and-tricks
So You Think You Know Git (git)14370
videos, git
What Is a Descriptive Transcript?14369
accessibility, multimedia
Format Nunjucks Files With Prettier (san)14368
nunjucks, prettier
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)14367
videos, accessibility
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)14366
nodejs, corepack, npm, yarn, pnpm, dependencies
Is [“* { min-width: 0; }”] a Good Idea? (kev)14365
videos, css
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)14364
web-apps, browsers, apple, mobile
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)14363
viewport, css, units
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)14362
learning, career
10 Best Automated AI Code Review Tools 202414361
ai, automation, code-reviews, tooling, comparisons, link-lists
Release Notes for Safari Technology Preview 188 (jon/web)14360
release-notes, browsers, safari
Patterns in Design Systems (ikn)14359
design-systems, design-patterns, components
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)14358
web-platform, frameworks, tech-stacks, complexity
Opportunities for AI in Accessibility (aar/ali)14357
accessibility, ai
Offloading JavaScript With Custom Properties (hey)14356
javascript, css, custom-properties
CSS Is Logical (geo)14355
css
JavaScript Promises Demystified (mar)14354
javascript, promises
Remix Takes on Next.js in Battle of the React Frameworks14353
frameworks, react, remix, nextjs
JavaScript vs. Python: Which One Should You Learn First?14352
javascript, python, comparisons
UI Elements Are Not So Elementary14351
design, design-patterns
Designing User Onboarding: Lessons From Figma, Duolingo, and More14350
lessons, onboarding, design, user-experience, figma
Immutable Array Updates With “Array.prototype.with” (jad)14349
javascript, arrays, prototypes, browsers, support
A Beginner’s Guide to Seamless Open-Source Contributions (wom)14348
guides, foss
When to Use the “min()” or “max()” Function (css)14347
css, functions, tips-and-tricks
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)14346
npm, dependencies, security
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)14345
metrics, quality, efficiency, productivity
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)14344
videos, lessons, eleventy, commonjs, esm, refactoring
jQuery 4.0.0 Beta (tim/jqu)14343
release-notes, jquery
In Praise of the “switch” Statement (chi)14342
javascript
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)14341
accessibility, usability, forms, errors
Detect Caps Lock With JavaScript (dav)14340
javascript
A Guide to Designing for Older Adults (vit/sma)14339
guides, design, accessibility
13 Best Books, Courses, and Communities for Learning React14338
react, books, courses, link-lists
You Won’t Scale (cfe)14337
maintainability, scalability
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)14336
user-experience, design, hierarchy
Thoughts on a Global Design System (chr)14335
design-systems
The Most Demanded Frontend Frameworks in 202314334
frameworks, comparisons, react, angular, vuejs
The Decision to Leave Tech (col)14333
career, retrospectives
Revolutionizing Usability Testing With Machine Learning (uxm)14332
usability, testing, ai
It’s the Hope That Kills You (yat)14331
accessibility, career, community
How to Create Rounded Gradient Borders With Any Background in CSS (ben)14330
how-tos, css, borders, gradients, backgrounds
Getting Into Web Components—an Intro (uti)14329
introductions, web-components
Exciting New Tools for Designers, February 2024 (web)14328
design, tooling, link-lists
Everything You Need to Know About Git14327
git, command-line
Bookmarklet: Load All GitHub Comments (mey)14326
bookmarklets, github, code-reviews
htmx Deep Dive With Carson Gross14325
videos, htmx, deep-dives
HTML Attributes That Every Web Developer Should Know14324
html, attributes, pop-overs, forms, custom-data
“X” Marks the Spot: Landmark Elements (stv)14323
html, semantics, accessibility, assistive-tech, aria
Why Disabled People’s Needs Aren’t “Special”14322
accessibility
The Importance of Web Performance to Information Equity (sch/fos)14321
videos, performance, accessibility
A View Source Web (gar)14320
websites, view-source, browsers
What Is WAP?14319
wap, mobile
From Many to One: Moving Our JavaScript Code Into a Monorepo14318
migrating, monorepos, javascript, git
The SEO Starter Guide Got a Makeover (liz+)14317
guides, seo, search, google
SOLID Principles: They’re Rock-Solid for Good Reason14316
programming, principles, solid
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)14315
images, svg, css, masking, performance
All Art Is a Copy of Something (chr)14314
art
5 Hidden Risks of Your Inaccessible Website (deq)14313
accessibility
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)14312
videos, frameworks, svelte
Everyone’s a Sellout Now14311
career, culture
A Complete Guide to Open Source—100× Simpler14310
guides, foss
Drupal Creator: Websites Needed More Than Ever in the AI Era14309
web, ai, complexity
Tracking Your Interviews Is Extremely Important14308
career, interviewing
Interop 2024 (rac)14307
interoperability, web-platform, browsers, support
What’s the Difference Between “localhost” and “127.0.0.1”?14306
network, ip, testing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?14305
ai, quality, technical-debt
The Web Just Gets Better With Interop 2024 (jen/web)14304
web-platform, interoperability, browsers, support
Dynamically Adding Text Alternatives to Images With AI (kar)14303
automation, ai, accessibility, images, alt-text
Career Retrospective14302
career, retrospectives
A Look at the New WAI–ARIA 1.3 Draft (cra)14301
accessibility, aria, standards
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization14300
testing, flakiness, cypress, playwright, network
GitLab vs. GitHub: Which Is Better in 2024?14299
version-control, gitlab, github, comparisons
Be Purposeful About Your Content14298
accessibility, content, writing
The Art and Science of Annotations in Dev Mode (fig)14297
figma, annotations
Implementing User Authentication in React Apps With Appwrite14296
react, authentication, tooling
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+)14295
performance, web-vitals, metrics
PurePWA—a Radical U-Turn in Web Development14294
web-apps, progressive-web-apps, simplicity, tooling
Why Not htmx? (cfe)14293
htmx
The Good, the Bad, the Web Components (zac)14292
web-components, shadow-dom, dom
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)14291
html, dom, shadow-dom, apis, security
Making VPATs and ACRs More Effective in Procurement (web)14290
accessibility, vpat-acr, processes
How to Stream Files From Next.js Route Handlers (eri)14289
how-tos, nextjs, routing, streaming
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)14288
guides, accessibility, colors, color-palettes, figma
5 Essential DevTools Console Hacks for Every Web Developer14287
videos, browsers, dev-tools
Web Platform Design Principles (lea/w3c)14286
web-platform, software-design, principles, standards, w3c
Why Do Rubber Ducks Work?14285
processes, productivity, creativity
New to the Web Platform in January (rac)14284
release-notes, web-platform, browsers, firefox, chrome, safari
Understanding Signals in Django14283
signals, django
Celebrate a More Interoperable Web With Interop 2023 (rac)14282
web-platform, interoperability, browsers, support
Learn Testing14281
courses, testing
Use CSS “accent-color” to Style Your Inputs (cas)14280
css, forms
Tuesday, February 6, 2024 Security Releases (raf/nod)14279
release-notes, nodejs, security
The Psychology of Site Speed and Human Happiness (tam/spe)14278
performance, usability
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)14277
guides, foss, collaboration
Onboarding (mfo)14276
processes, onboarding, productivity, engineering-management
Is Generated Code Harder to Maintain?14275
discussions, ai, maintainability, maintenance
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)14274
css, units, fonts
“field-sizing” Just Works! (kil/pol)14273
css, forms, comparisons
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)14272
html, css
The EU Forces Open Apple’s Walled Garden (tid)14271
legal, apple, browsers, mobile
Next.js App Router Migration: The Good, Bad, and Ugly14270
nextjs, routing, migrating
ESG and DEI Policies Were Always Luxury Goods14269
dei, sustainability, policies
Debunking 10 Common Objections to Incremental Delivery for Software Teams14268
agile, processes
The Loss of the Process in the Name of Progress14267
design, creativity, productivity, processes
Express Forward (exp)14266
discussions, outlooks, express
Practical Guide to Destructuring: TypeScript vs. Dart14265
guides, typescript, dart, comparisons
The Web Component Success Story (jak)14264
web-components
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)14263
how-tos, images, favicons
Git: The Basics of “git bisect” (ada)14262
fundamentals, git
Dynamic README Image Based on GitHub Activity14261
readme, github
At Last, Browser Choice * (dav)14260
legal, browsers, apple, mobile
Nicer Text Wrapping With CSS “text-wrap” (lon)14259
css, typography
Design Systems Burnout (fon)14258
design-systems
A Guide to Styling Tables (sto)14257
css, tables, responsive-design
Futuring With Design14256
design, creativity, processes
Please, Don’t Force Me to Log In (ham)14255
web, authentication, user-experience
Gold Text Effect With CSS (man)14254
css, effects
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)14253
css, selectors, focus
Apple, the DMA, and Malicious Compliance (bru)14252
legal, browsers, apple, mobile
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)14251
legal, browsers, apple, mobile
Introducing Our Updated [Green Web Hosting] Directory (mrc)14250
introductions, release-notes, sustainability, hosting
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)14249
browsers, apple, mozilla, firefox, mobile
The Impact of Developer Experience14248
research, developer-experience, productivity, efficiency
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)14247
accessibility, ethics, overlays, community
Inside .git (b0r)14246
git
HTML Web Components on the Server Are Great (sco)14245
html, web-components
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)14244
accessibility, tips-and-tricks, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)14243
design, responsive-design, seo
JWT vs. Session Authentication14242
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.js14241
functionality, databases, sql, nodejs, django, nextjs
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments14240
studies, research, accessibility, ecommerce, legal
Deno 1.40: Temporal API (den)14239
release-notes, deno, apis, time
Using Alternative Browser Engines in the European Union14238
apple, browsers, browser-engines, mobile
This Web Page Is Best Viewed in the EU (gri/clo)14237
legal, browsers, apple, mobile, web
Should Links Open in a New Tab? (stv)14236
links, usability, user-experience
One World, One Web, One Love (aar)14235
web
CSS Blurry Shimmer Effect (sma)14234
css, effects
Animating Font Palette (man)14233
css, colors, fonts, effects
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware14232
github, npm, security, malware, foss
An Introduction to the Liquid Template Language14231
introductions, liquid, template-engines
Release Notes for Safari Technology Preview 187 (jon/web)14230
release-notes, browsers, safari
Take a Qwik Break From React With Astro14229
qwik, react, astro, frameworks, comparisons
The Structure of User Experience14228
user-experience, processes
Getting Started With Content Collections in Astro14227
introductions, astro
The API That No One Dared Delete14226
apis, infrastructure, documentation, maintenance, technical-debt
What Happened With the Web Monetization API? (chr)14225
monetization, apis
What Can a Website Do? (dav)14224
accessibility, usability, quality
Web Components in Earnest (dav)14223
web-components, javascript
User Styles (mia)14222
css, user-styles, browsers
The New CSS Color Format You Didn’t Know You Needed; “oklch()”14221
css, colors, oklch, functions, tailwind
On Web Components (tmc)14220
web-components
Five Future Roles for Designers (jar)14219
design, career, outlooks
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)14218
design-systems, economics
14 Best SEO Tools in 2024 (web)14217
seo, tooling, link-lists
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)14216
ai, design, typography
The Web Is Unversioned (rhi/w3c)14215
web-platform, versioning
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development14214
studies, research, ai, quality, technical-debt
In Praise of Buttons14213
buttons
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)14212
videos, interviews, tech-stacks, jamstack
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)14211
html, modals
Unit Testing With Jest and Integration With GitHub Actions14210
testing, jest, github-actions, quality
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project14209
javascript, typescript, documentation, jsdoc
What Has a Ceiling but No Floor? (mat)14208
accessibility, apple, facebook+meta
Modern JavaScript Library Starter14207
dependencies, npm, libraries
LCP and FCP on Single Page Application on Soft Navigations (dws)14206
performance, web-vitals, single-page-apps, navigation
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)14205
css, scrolling, effects
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)14204
ai, browsers, google, chrome
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)14203
bookmarklets, accessibility, html, aria, keyboard-shortcuts
Better Form UX With the CSS Property “field-sizing” (sea)14202
forms, user-experience, css
Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build14201
culture, engineering-management, processes, comparisons
WebKit Features in Safari 17.3 (jen/web)14200
release-notes, browsers, safari, webkit
Battle of the Browsers (zer)14199
browsers, browser-engines, blink, chrome, edge, brave, gecko, firefox, webkit, safari, comparisons
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website14198
pjpeg, jpeg, images, performance, comparisons
How a Web-Site Redesign Can Impact the Customer Journey (uxm)14197
redesigning, user-experience
Layouts in Astro14196
astro
What Is Jest and Why Should I Use It? (cod)14195
jest
Use Tailwind CSS Prefixes for Shared Design System Components (sen)14194
tailwind, design-systems, components
Repetition Avoidance (ste)14193
code-pens, accessibility, user-experience, aria
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)14192
accessibility, processes, testing
Handling Environment Variables in Node.js (mco/pla)14191
environments, variables, nodejs
Could Local SEO Transform Your User Experience? (uxm)14190
seo, user-experience
Continuous Accessibility: What, Why, How (ass)14189
accessibility, processes, testing, tooling
7 Mobile UX Design Tools to Supercharge Your Design Process (uxm)14188
design, tooling, link-lists
What Is Our Design Intention?14187
design, processes
Vector Database Recommender System (ast)14186
databases, vector-databases
Why I Don’t Care About Website/Blog Stats (nei)14185
blogging, metrics, sem
What Is CSS Motion Path?14184
css, svg, animations
The World’s Smallest PNG (eva)14183
images, png, minimalism
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)14182
accessibility, design, html, aria
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)14181
javascript, security, debugging, firefox, browsers
Mastering Node CSV14180
nodejs, csv
The Bun Shell (jar/bun)14179
bun, javascript, shells
A Call for Consensus on HTML Semantics (5t3)14178
html, semantics
How Core Web Vitals Affect SEO (ind)14177
performance, web-vitals, lighthouse, seo
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (jen+)14176
videos, interviews, css, web, browsers, safari
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)14175
css, gradients, transparency+opacity
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)14174
accessibility, legal
Why Do Reflows Negatively Affect Performance? (fro)14173
performance, reflow
Making CSS View Transitions Easy With Velvette (nom/cod)14172
css, view-transitions, tooling
Under-Supported and Underpaid (aar)14171
accessibility, career, economics, craft
12 Modern CSS One-Line Upgrades (5t3)14170
css
Deceptive Deprecation: The Truth About npm Deprecated Packages14169
deprecation, security, npm, dependencies, research
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript14168
functionality, html, css, javascript
Astro 4.2 (eri+)14167
astro, release-notes
Node.js vs. Python: Which One to Choose for 202414166
nodejs, python, comparisons
The Color Input and the Color Picker (chr/fro)14165
html, colors, usability
Different Node.js Versions and Package Managers per Project—a Solved Problem (wem)14164
nodejs, dependencies, nvm
The Designer’s Guide to Social Computing14163
guides, design, social-media
Fading Content Using Transparent Gradient in CSS (ami)14162
css, gradients, transparency+opacity, effects
Safely Accessing the DOM With Angular SSR14161
security, dom, javascript, angular, server-side-rendering
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)14160
notifications, errors, validation, usability
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)14159
videos, javascript, arrays, sorting, comparisons
Dispatching an Event (chr/fro)14158
javascript, events
Basic Accessibility Mistakes I Often See in Audits (cfe)14157
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
AI Art Is the New Stock Image (ia)14156
design, ai, images
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)14155
introductions, scrolling, animations, css, functions
Measuring Developer Productivity: Real-World Examples (ger)14154
productivity, metrics, developer-experience, google, microsoft
Are You Boring Your Interviewer by Over-Explaining Context?14153
career, interviewing, design
Guide to Fast Next.js14152
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Practical Guide to Usability Testing14151
guides, usability, testing
The Golden Rule of Assertions14150
javascript, testing
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience14149
react, data-fetching, code-splitting, components, techniques
Is It Time to Switch From Docker to Podman?14148
videos, docker, podman, tooling, comparisons
The Complex but Awesome CSS “border-image” Property (css/sma)14147
css, borders, techniques
Stop Trying to Recruit Unicorns With Acorns (cra)14146
accessibility, career
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)14145
nodejs, security
Git Lesson: How to Use .gitignore and .gitkeep?14144
git, how-tos
Disillusioned With Deno (bal)14143
deno
Difference Between “getElementByID” and “querySelector”14142
javascript, css, selectors
APA-Style Titles in Laravel (ami)14141
writing, conventions, laravel
14 Things to Check Before Deploying a Website14140
deploying, quality, processes
Design Is Not Really a Thing14139
design, user-experience
The Evolution of Page Speed (mat/deb)14138
videos, performance, metrics, optimization, history
Dynamically Darken or Lighten a Color in CSS (bpu)14137
css, colors, functions
Combining “:has” and “:only-child” to Change Tab Containers (cri)14136
css, selectors
Why I Use htmx (fla)14135
htmx
Why I Use Alpine.js (fla)14134
alpinejs
Web Standards: The Guidelines That Every Developer Should Know14133
standards, history, w3c, html, css, xml, wcag
The Building Blocks of a Greenfield Vue Application in 2024 (fad)14132
vuejs, tooling, link-lists
React Libraries for 2024 (rwi)14131
react, libraries, link-lists
Performance and Stay Questions in 1:1s (j9t)14130
engineering-management, leadership, career, processes
Optimizing SQL Queries by 23×14129
databases, sql, performance, optimization
Moving on From React (kel)14128
migrating, react, stimulus
Accessible Notifications With ARIA Live Regions (sar)14127
accessibility, notifications, aria, live-regions
Accessible Notifications With ARIA Live Regions II (sar)14126
accessibility, notifications, aria, live-regions
I Hate CORS14125
videos, cors, security
Secure Your Code: Auto-Fix Vulnerabilities With Dependabot (GitHub Tutorial)14124
videos, dependencies, security, dependabot
Hover Contrast Bookmarklet (joe)14123
bookmarklets, hover, colors, contrast, focus, accessibility
Disable Browser Caching With “meta” HTML Tags14122
html, metadata, caching
Creating a Markdown Preprocessor for Svelte14121
svelte, sveltekit, markdown, functionality
Why Did Frontend Development Become So Complicated?14120
processes, complexity, career
Igalia Chats: Browser Politics and You (jaf+/iga)14119
podcasts, web-platform
“import myModule from "./my-module.torrent"”: Requiring Node Modules From BitTorrent (eva)14118
nodejs, modules
Building a Clean and Scalable Frontend Architecture14117
architecture, scalability, simplicity, maintainability
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol)14116
web-components, javascript, callbacks, comparisons
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor)14115
accessibility, ai, content
Kind of Annoyed at React (cas)14114
react
A Guide on Using Postman as a Frontend Developer in Web Development14113
guides, postman, apis
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)14112
podcasts, javascript, performance, nodejs, optimization
Power of WebRTC14111
webrtc, apis
Applying the SPACE Framework (lau)14110
productivity, metrics
How to Get Started With Progressive Web Apps14109
how-tos, web-apps, progressive-web-apps, comparisons
Avoid These 5 Mistakes as a Web Developer14108
career, mistakes, learning
Type in TypeScript14107
typescript, types
Static Site Generators: A Growing Trend in Frontend Development14106
static-site-generation, site-generators, trends
Options for “optgroup” Labeling of “options” (ste)14105
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)14104
how-tos, seo, google, experiments
Eliminating Cookie Banners Is Hard (jef)14103
cookies, consent-management, legal
Compatibility of Node.js Versions With Packages14102
nodejs, versioning, dependencies
If It’s Not Usable, It’s Not Accessible (slo/tpg)14101
interviews, accessibility, usability, history
Chrome Alternative Browsers to Check Out in 202414100
browsers, arc, chromium, orion, firefox
Creating a Color Ramp Using Color Modifiers in Tokens Studio14099
design-systems, design-tokens, colors, figma
Bringing Down the Digital Divide14098
accessibility, user-experience
The Stack I Used to Build My Blog in 202414097
tech-stacks, functionality
5 CSS Snippets Every Front-End Developer Should Know in 2024 (arg)14096
css
Node.js Mastery: Advanced Development and Performance Tips14095
nodejs, servers, express, performance, testing, memory
What I Have Learned From Conducting Over 100 Website Migrations (moz)14094
seo, migrating, testing
Using “abbr” Element With “title” Attribute (aar)14093
html, attributes, accessibility, browsers, assistive-tech, support
Top Front-End Tools of 2023 (lou/sma)14092
tooling, link-lists, retrospectives
console.delight (zac/fro)14091
javascript, console, browsers, dev-tools, debugging
The Best Web Framework Doesn’t Exist14090
frameworks
Release Notes for Safari Technology Preview 186 (jon/web)14089
release-notes, browsers, safari
Accounting for Internationalization With CSS and HTML (spa)14088
html, css, internationalization
Node v20.11.0 (LTS) (nod)14087
release-notes, nodejs
Understanding WCAG SC 3.2.6 Consistent Help (Level A)14086
accessibility, standards, wcag
We Removed Advertising Cookies, Here’s What Happened (get)14085
cookies, sem
Setting Up Renovate for GitHub Repositories14084
renovate, github, installing, configuration
High-Level System Architecture of Booking.com14083
architecture, microservices, case-studies
Using CSS Houdini to Extend Styling and Layout Capabilities (log)14082
css, houdini, apis, javascript
Streaming HTML Out of Order Without JavaScript14081
html, streaming
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (soc)14080
npm, retrospectives
Is htmx Just Another JavaScript Framework? (htm)14079
htmx, frameworks
Introducing fsx: A Modern Filesystem API for JavaScript (nza)14078
introductions, file-handling, apis, javascript
Dynamic Accessible Descriptions Reference (dar)14077
accessibility, testing
Designing Better Target Sizes (sha)14076
accessibility, design, best-practices
Buttons and Links—Common Misconceptions14075
accessibility, html, semantics, buttons, links
AI for Web Devs: Deploying Your AI App to Production (aus)14074
ai, deploying
How We Built Project IDX: A High-Level Overview14073
overviews, project-idx, google, code-editors
The Change You Wish to See14072
accessibility
Definition of Done (DoD) Explanation and Example14071
agile, scrum, processes, quality, examples
An Alphabetized List of MIME Types14070
mime-types
A 2024 Wishlist for Node’s Test Runner (cji)14069
nodejs, testing
Understanding Immutability in JavaScript14068
videos, javascript
A Global Design System (bra)14067
design-systems
SolidStart: A Different Breed of Meta-Framework (ati/sma)14066
frameworks, tooling, solidstart, solidjs
2024 Resolution: Be More Open-Source Centric14065
foss, tooling, link-lists
htmx for React Developers in 10 Minutes (jhe)14064
videos, htmx, react
Taking a Closer Look at “@property” in CSS (uti)14063
css
Vue 3—Dynamic Components14062
vuejs, components
Introduction to Data Engineering: A Complete Beginner’s Guide14061
guides, introductions, data-engineering
Why I Like Web Components14060
web-components, html
Where Have All the Websites Gone? (fro)14059
web, trends
What’s New in PHP 8.4 (ami)14058
php
Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (and)14057
css, scrolling, effects, progress-indicators
Top Pens of 2023 on CodePen (cod)14056
codepen, code-pens, link-lists, retrospectives
Let’s Make the IndieWeb Easier14055
indieweb, tooling
How Google Perfected the Web (ver)14054
google, web, seo
Declaring Globals Isn’t That Hard (mat)14053
videos, javascript, typescript
CRUD and SQL—the Basics14052
fundamentals, databases, sql
How I’m Writing CSS in 2024 (lee)14051
css, tooling, developer-experience
Embracing the Absurd in Your Design Practices14050
design, processes
Becoming a Senior Frontend Engineer (tec)14049
career
Notes on Using Logical Properties and Values (kiz)14048
css, logical-properties
Nested Dark Mode via CSS Proximity (doc)14047
css, dark-mode
My Web Development Wishlist 2024 (j9t)14046
community, user-experience, developer-experience, quality, conformance, wish-lists
Your MVP Must Be Accessible (den)14045
accessibility
Figma Is Not Forever14044
design, tooling, figma
Weird Things Engineers Believe About Web Development14043
standards, web-apps, javascript, building, web-platform
Simplifying Deployment: Using GitHub Actions and SSH for Quick and Easy Updates14042
deploying, github-actions, ssh
7 Front-End Web Development Trends for 202414041
trends, outlooks, libraries, frameworks, ai
The Bulma CSS Framework: What It Is and How to Get Started14040
introductions, bulma
Software Quality14039
research, quality
20+ Tools for Node.js Development in 202414038
nodejs, tooling, link-lists
Mastering Promises: 8 Advanced Tips and Techniques14037
javascript, promises, asynchronicity, techniques, tips-and-tricks
When “Everything” Becomes Too Much: The npm Package Chaos of 2024 (soc)14036
npm, foss
Under the Radar CSS Features for Your CSS Reset (kev)14035
videos, css, resets
How to Use Template Literals in JavaScript (fre)14034
how-tos, javascript
Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? (b0r)14033
git, concepts, comparisons
CSS in 2024, Am I Right? (jhe)14032
videos, css
A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript (cfe)14031
react, javascript, simplicity
Detecting AI Fingerprints: A Guide to Watermarking and Beyond (bro)14030
guides, ai, fingerprinting, watermarking
The World of Web Browsers Is in a Bad Way (jen)14029
browsers, browser-engines, chromium, google
16 Lesser Known Accessibility Issues14028
accessibility
AI Vertigo: Where Do We Go From Here as Designers?14027
design, ai, career