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#
How to Read Files Quickly in JavaScript (lem)14781
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)14780
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)14779
accessibility, advocacy, retrospectives
Accessibility: Implementing Focus Traps14778
accessibility, focus, keyboard-navigation
JSON Canvas14777
websites, standards, json, canvas
Have You Optimized for INP?14776
performance, web-vitals, optimization
What Is INP and Why You Should Care (whi/get)14775
performance, web-vitals, monitoring
Streaming HTML (chr/fro)14774
html, php, streaming
IDEs vs. Code Editors: Everything You Need to Know (jet)14773
code-editors, comparisons, concepts
Express.js With TypeScript—Setup, Examples, Testing14772
videos, express, typescript, testing, examples
Distinguishing Between ARIA and Native HTML Attributes (deq)14771
html, aria, attributes, accessibility, comparisons
Comparing JavaScript Frameworks: Templates14770
javascript, frameworks, templates, comparisons
Are We Watching the Internet Die? (edz)14769
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness14768
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)14767
css, generated-content, alt-text, accessibility
A Gentle Introduction to Generics in TypeScript14766
introductions, typescript, generics
Optimising Your Design System With Figma’s Variables14765
design-systems, optimization, variables, figma
Things I Learned While Building My JS Library14764
javascript, libraries, lessons
CSS Button Styles You Might Not Know (dbu)14763
html, css, buttons
Replace ESLint and Prettier With Biome.js14762
biome, eslint, prettier, comparisons, tooling, remix
Jakob Has Jumped the Shark (aar)14761
accessibility, link-lists
How to Invert the Colors Using CSS (ron)14760
css, colors, filters, images
eslint-plugin-depend14759
packages, npm, maintenance, simplicity
Access by a Thousand Curb Cuts (yat)14758
accessibility
Navigating the Future of Frontend14757
frameworks, web-platform, outlooks
Asking Users for Their Pronouns: A Guide for UX Designers14756
guides, user-experience, communication
Creating Color Palettes With the CSS “color-mix()” Function (mic)14755
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)14754
css, style-queries, custom-properties
Modern CSS Tooltips and Speech Bubbles II (css/sma)14753
tooltips, css, techniques
How “HEAD” Works in Git (b0r)14752
git
Dissecting Layered Architecture (yok)14751
architecture
Managing Static Files in Django: A Comprehensive Guide14750
guides, django, file-handling
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project14749
how-tos, nodejs, environments
AVIF Is the Future of Web Images14748
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)14747
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)14746
css, selectors, examples
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)14745
how-tos, accessibility, testing
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets14744
shadow-dom, dom, css
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers14743
figma, keyboard-shortcuts, cheat-sheets, design
Release Notes for Safari Technology Preview 190 (jon/web)14742
release-notes, browsers, safari
5 Ways Productivity Culture Kills Business Agility14741
productivity, agile, economics, culture
Leadership Is a Hell of a Drug (lud)14740
leadership, engineering-management
90% of Designers are Unhirable?14739
design, processes, career
Exploring the Creative Power of CSS Filters and Blending14738
css, blend-modes, filters, effects
The Ultimate Guide to Choosing the Best React Website Builder14737
guides, react, tooling, comparisons, link-lists
WebAssembly JSPI Is Going to Origin Trial14736
webassembly, origin-trials
Sometimes, a Button Just Wants to Look Like a Button14735
design, usability, buttons
The End of My Gatsby Journey (mon)14734
gatsby, frameworks, comparisons
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)14733
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)14732
videos, css, selectors
Making Room for Long List Markers With Subgrid (nol)14731
html, lists, css, grids
Internationalization With Remix (rem)14730
remix, internationalization
Announcing TypeScript 5.4 (dan/typ)14729
release-notes, typescript
Best Practices for Inclusive Design (slo)14728
design, dei, accessibility, best-practices
WebKit Features in Safari 17.4 (jen+/web)14727
release-notes, browsers, safari, webkit
How to Ensure Your Designs Work if You Can’t Access Sample Data14726
how-tos, design, usability, metrics, testing
Data Table Design Patterns14725
information-design, tables, design-patterns
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)14724
how-tos, websockets, nodejs
When We Talk About Front-End Performance, What Are We Talking About14723
performance, metrics, web-vitals, lighthouse
JavaScript Runs the World—Maybe Even Literally (wir)14722
javascript, programming, web
SemVer Simplified: An Introduction to Semantic Versioning14721
introductions, semver, versioning
WCAG? More Like, W-What?! (stv)14720
accessibility, wcag, link-lists
The 88×31 Archive14719
web, images, history
Modern Git Commands and Features You Should Be Using14718
git, command-line
JSR: Second Look (dbu)14717
jsr
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)14716
design, accessibility, user-experience, mobile
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)14715
design, collaboration
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)14714
npm, dependencies, examples, security
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr14713
servers, hosting, comparisons, metrics
Visualizing Frontend Architecture (max)14712
architecture, documentation, visualization
We Need to Talk About Jakob (mat)14711
accessibility
Tools That Make Me Productive as a Software Engineer14710
tooling, productivity, link-lists
CSS for Printing to Paper14709
css, print
Bugs I’ve Filed on Browsers (nol)14708
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)14707
accessibility, ai
Accessibility Darkness (ste)14706
accessibility, overlays
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked14705
lambda, javascript, runtimes, nodejs, comparisons, metrics
Emerging UX Patterns in Generative AI Experiences14704
user-experience, design-patterns, ai
Planning a Design System Generation (nat)14703
design-systems, automation
The Hunt for the Missing Data Type (hil)14702
types, algorithms
Go Ahead and Block AI Web Crawlers (cor)14701
robotstxt, crawling, scraping, ai
Introducing JSR—the JavaScript Registry (lca+/den)14700
introductions, jsr, deno, dependencies, javascript
Team Productivity Metrics for Engineering Managers14699
productivity, metrics, engineering-management
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (9to)14698
browsers, apple, mobile, web-apps
An Introduction to Webflow—the No-Code Website Builder14697
introductions, webflow, low-and-no-code
Design System Generations (nat)14696
design-systems, processes
Retrofitting Fluid Typography (ric)14695
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)14694
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)14693
javascript, comparisons
Modern CSS Tooltips and Speech Bubbles (css/sma)14692
tooltips, css, techniques
Eloquent JavaScript (mar)14691
websites, books, javascript
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)14690
web-apps, apple
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)14689
accessibility, web-components, ai
A Love Letter to the Underrepresented in Tech14688
community
Diving Into CSS Interactivity (daw+/sto)14687
videos, css
What Is Inclusive Design, and How Does It Relate to Accessibility? (slo)14686
design, dei, accessibility
New to the Web Platform in February (rac)14685
release-notes, web-platform, browsers, firefox, chrome, safari
Understanding Cookies and Sessions in React14684
react, authentication, cookies
Why Does “is-number” Package Have 59M Weekly Downloads?14683
dependencies, npm
What You Need to Know About Software Requirements14682
software-design, best-practices
The Wax and the Wane of the Web (ste/ali)14681
web-platform, history
Techniques to Break Words (aar)14680
techniques, html, css, content
Keyboard Accessibility Testing on Mobile Devices14679
accessibility, testing, keyboard-navigation, mobile
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)14678
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX14677
accessibility, usability, ai, outlooks
Ultimate Guide to Visual Testing With Playwright14676
guides, testing, regressions, playwright
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js14675
how-tos, navigation, functionality, astro, tailwind, alpinejs
Top 8 Recent V8 in Node Updates (app)14674
nodejs, v8
Creativity Lies in the Paradoxes14673
creativity, design
Enhanced Internationalization (I18N) in Next.js 1414672
nextjs, internationalization
Test Quality vs. Bashing Tailwind CSS (mar)14671
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)14670
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)14669
accessibility, math
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)14668
css, container-queries, units
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)14667
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)14666
html, css, forms
What Is Vuetify in Vue.js?14665
vuetify, vuejs
A Guide to CSS Cursor Types14664
guides, css, cursors
The 3 Capabilities Designers Need to Build for the AI Era14663
design, career, training, ai, link-lists
How to Use Server-Sent Events in Node.js (cra)14662
how-tos, nodejs, events
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)14661
drag-and-drop, accessibility, browsers, screen-readers, support
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)14660
wordpress, ai
YouTube Video Embedding Harm Reduction (jvo)14659
multimedia, embed-code, youtube, html, privacy
ServerlessHorrors (and)14658
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)14657
apis, performance, web-vitals
How to Lazy-Load CodePen and CanIUse Embeds14656
how-tos, embed-code, performance, codepen, caniuse
Here Lies the Internet, Murdered by Generative AI14655
web, content, ai
AI and Design Systems (bra)14654
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)14653
videos, mistakes, dark-mode, css
A Fun Line of Code (dbu)14652
javascript, apis, multimedia
Speaker Spotlight: Michelle Barker (mic)14651
interviews, css, sustainability
Why I Use Firefox (sim)14650
browsers, firefox
Advanced Figma Tips and Tricks 2024: Little Gems We Love14649
figma, tips-and-tricks
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)14648
open-letters, apple, web-apps
CSS Foundations: What Is IACVT? (bra)14647
css, fundamentals
What Is a Single-Page Application? (hey)14646
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)14645
videos, css, cascade
No Outer Margin14644
css, margins, spacing, components
How to Build a Newthing14643
how-tos, processes, creativity, maintenance
CSS-Only Bottom-Anchored Scrolling Area (kit)14642
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)14641
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)14640
accessibility, screen-readers
Home Screen Advantage (sli)14639
browsers, apple, mobile, support, web-apps, web-platform
WebAIM Screen Reader User Survey 10 (den)14638
accessibility, screen-readers
The Power of Patterns and Playbooks in Content Design (kat)14637
design, content, design-patterns
Understanding Event-Driven Architecture14636
architecture, events
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization14635
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)14634
accessibility, screen-readers
JSDoc as an Alternative TypeScript Syntax14633
typescript, documentation, jsdoc
CSS “:has()” Interactive Guide (sha)14632
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)14631
accessibility, web, captcha
A Developer’s Guide for Web Accessibility14630
guides, accessibility
Why My Code Isn’t in TypeScript (rem)14629
typescript
Proposal: CSS Variable Groups (lea)14628
css, variables
Difference Between the Accessibility Page and the Accessibility Statement14627
accessibility, documentation, comparisons
htmx vs. React: A Complete Comparison14626
htmx, react, comparisons
UX Leadership Is Failing (and What We Can Do About It)14625
user-experience, leadership
Navbar Gallery14624
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)14623
javascript, performance
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)14622
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)14621
jsr, deno, dependencies, javascript
Filling Gaps With a Polyfill (jay)14620
polyfills, html, css, javascript, history
Building Dynamic Progress Bars Using Only CSS (ami)14619
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)14618
videos, accessibility, aria, html, user-experience
Next.js vs. Remix—a Developer’s Dilemma14617
nextjs, remix, comparisons
Release Notes for Safari Technology Preview 189 (jon/web)14616
release-notes, browsers, safari
The One Trick Every Flutter Web Dev Needs to Know14615
tips-and-tricks, flutter, performance
Discovering Web Automation and Scraping (gli)14614
scraping, automation, bots, tooling
Making of True Multi-Brand Design System14613
design-systems, theming
10 Best “Create React App” Alternatives for Different Use Cases14612
react, frameworks, tech-stacks, comparisons, link-lists
How to Optimize the Web for the Worst User Conditions?14611
how-tos, user-experience, responsive-design, performance, optimization
CSS “::backdrop” Now Inherits From Its Originating Element (bra)14610
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)14609
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)14608
css, apis, syntax-highlighting
Parallax Effect With CSS Custom Properties (fro)14607
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)14606
nodejs, retrospectives
My Favourite Animation Trick: Exponential Smoothing (lis)14605
animations, tips-and-tricks
CSS-Only Radial Progress Bars Using Conic Gradients14604
videos, css, gradients, progress-indicators
My Design System Journey: Building the Plane While Flying14603
design-systems, collaboration, processes
Control Lazy Load, Infinite Scroll, and Animations in React14602
react, lazy-loading, scrolling, animations, javascript
How to Make a Cursor Image Hover Effect With CSS and JS14601
how-tos, css, javascript, images, cursors, hover
Design Patterns That Encourage Junk Data (mic)14600
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js14599
security, nodejs, databases, sql
Why Is JavaScript Fragile? (cfe)14598
javascript
“random()” Distribution Visualizer14597
javascript, randomness, visualization
Okay, Color Spaces (eee)14596
colors, oklch
How to Use Local Storage in JavaScript (fre)14595
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js14594
how-tos, nodejs, worker-threads
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)14593
videos, accessibility, wcag, guidelines, compliance
A Practical Guide to Using Shadow DOM (may)14592
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)14591
guides, accessibility, design, colors, color-blindness
17 Equations That Changed the World—Rewritten in JavaScript14590
javascript, math
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)14589
user-experience, product-management, processes
Responsive Web Design: 3 Key Fundamentals (nng)14588
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)14587
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)14586
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results14585
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)14584
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)14583
how-tos, accessibility, dei, user-experience, colors, contrast, readability
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)14582
collaboration, onboarding, user-experience
100 Things You Can Do on Your Personal Website (cap)14581
blogging, writing, indieweb
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)14580
apis, javascript, css, syntax-highlighting
Tailwind Marketing and Misinformation Engine14579
tailwind, css, semantics, principles, maintainability, marketing
Don’t Care About Accessibility? Resistance Is Futile! (cer)14578
accessibility
JavaScript on Demand: How Qwik Differs From React Hydration14577
javascript, qwik, react, hydration, comparisons
Understanding React “useEffect”14576
react, hooks
JavaScript Workers14575
videos, javascript, web-workers
A Manifesto for Small, Static, Web Apps (ros)14574
manifestos, web-apps, principles
How to Set Up a Node Server With TypeScript in 2024 (jle)14573
how-tos, nodejs, servers, typescript
Frontend Application Security: Tips and Tricks14572
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
UI = ƒ(statesⁿ) (dav)14571
design, state-management
Popular Git Config Options (b0r)14570
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)14569
web-apps, apple
Be a Better Developer With These Git Good Practices14568
git, best-practices, conventions, consistency, code-reviews
React Labs: What We’ve Been Working On—February 2024 (rea)14567
react
Full Guide on How to Hire Front-End Developers Effectively14566
guides, how-tos, hiring, career
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)14565
javascript
Playing With Infinity in CSS (lon)14564
css, math
Making the Most of Ligatures (man)14563
css, typography
How I Developed the 10 Usability Heuristics14562
usability, heuristics, history
Getting to an Accessibility Strategy14561
accessibility, strategies, processes
Future of CSS: Functions and Mixins14560
css, functions, mixins
CSS “:is(.awesome)” (mar/cfe)14559
videos, css, selectors, techniques
ARIA “note” (aar)14558
accessibility, aria, browsers, screen-readers, support
A Dozen Thoughts About AI (dav)14557
ai
Wednesday, February 14, 2024 Security Releases (raf+/nod)14556
release-notes, nodejs, security
What Is the Difference Between ASP and ASP.NET?14555
asp, asp-net, comparisons
What Is Lighthouse Speed Index (SI) and How to Reduce It14554
performance, metrics, lighthouse
How Accessibility Standards Can Empower Better Chart Visual Design (sma)14553
accessibility, contrast, colors, information-design
Input Type “date”: The Accessibility of HTML Date Picker14552
accessibility, forms
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)14551
css, overflow, scrolling, animations
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)14550
accessibility, aria, naming
The Text File That Runs the Internet (dav/ver)14549
robotstxt, crawling, scraping, ai, web
Reasonable WCAG Additions (a11)14548
accessibility, wcag
Selenium Automation Testing: A Step-by-Step Beginners Guide14547
guides, selenium, testing, automation
An Introduction to Node.js Multithreading (cra)14546
introductions, nodejs, multithreading
Building htmx and Go Web Apps With Gemini Advanced14545
videos, web-apps, htmx, go, ai, gemini
Why I Like Scrumban (j9t)14544
processes, agile, scrum, kanban
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)14543
css, functions, math
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)14542
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)14541
how-tos, browsers, mobile, scrolling, css
How to Center a Div (jos)14540
how-tos, css, centering
CSS Color Module Level 4 (tab+/w3c)14539
standards, css, colors
Be Aware of Arrays—V8 Engine Advice14538
javascript, javascript-engines, v8, arrays
Advanced Architecture for AI Application (aka AAAA) (aus)14537
ai, architecture, edge-computing, optimization
A Practical Guide to Designing for Children (vit/sma)14536
guides, design, link-lists
You Want to Make It Easy to Feature Your Content (fro)14535
frontend-dogma, content, community
The ü/ü Conundrum14534
javascript, unicode, encoding
How to Choose the Best Static Site Generator in 202414533
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
How to Boost WordPress Security and Protect Your SEO Ranking14532
how-tos, wordpress, security, seo
The Anatomy of Addictive Content (moz)14531
content, writing, seo
React, Solid, htmx14530
react, solidjs, htmx, comparisons
Learn TypeScript (jad)14529
websites, courses, typescript
Can Generative AI Help Write Accessible Code? (tin/tet)14528
accessibility, code-generation, ai
A CSS Project Boilerplate (bel/pic)14527
css, tailwind, templates
Using Recursive CSS to Change Styles Based on Depth (cri)14526
css, selectors
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)14525
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)14524
css, svg, filters, colors, contrast
CSS Mixins and Functions Explainer (mia/odd)14523
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)14522
project-management, prioritization, processes
Don’t Disable Form Controls (aar)14521
accessibility, usability, forms, buttons
Accelerating Code Reviews With Nudges14520
research, code-reviews, productivity, experiments, facebook+meta
The Front-End Development We’re Used to Is Dying14519
career, simplicity, complexity
HTML as the Baseline (cfe)14518
html, progressive-enhancement
Have We Forgotten How to Build Ethical Things for the Web? (nic)14517
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)14516
images, jpeg, png, gif, webp, avif, pdf, svg
Git Tips: Really Large Repositories (git)14515
git, monorepos, tips-and-tricks
So You Think You Know Git (git)14514
videos, git
What Is a Descriptive Transcript?14513
accessibility, multimedia
Format Nunjucks Files With Prettier (san)14512
nunjucks, prettier
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)14511
videos, accessibility
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)14510
nodejs, corepack, npm, yarn, pnpm, dependencies
Is [“* { min-width: 0; }”] a Good Idea? (kev)14509
videos, css
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)14508
web-apps, browsers, apple, mobile
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)14507
viewport, css, units
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)14506
learning, career
10 Best Automated AI Code Review Tools 202414505
ai, automation, code-reviews, tooling, comparisons, link-lists
Release Notes for Safari Technology Preview 188 (jon/web)14504
release-notes, browsers, safari
Patterns in Design Systems (ikn)14503
design-systems, design-patterns, components
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)14502
web-platform, frameworks, tech-stacks, complexity
Opportunities for AI in Accessibility (aar/ali)14501
accessibility, ai
Offloading JavaScript With Custom Properties (hey)14500
javascript, css, custom-properties
CSS Is Logical (geo)14499
css
JavaScript Promises Demystified (mar)14498
javascript, promises
Remix Takes on Next.js in Battle of the React Frameworks14497
frameworks, react, remix, nextjs
JavaScript vs. Python: Which One Should You Learn First?14496
javascript, python, comparisons
UI Elements Are Not So Elementary14495
design, design-patterns
Designing User Onboarding: Lessons From Figma, Duolingo, and More14494
lessons, onboarding, design, user-experience, figma
Immutable Array Updates With “Array.prototype.with” (jad)14493
javascript, arrays, prototypes, browsers, support
A Beginner’s Guide to Seamless Open-Source Contributions (wom)14492
guides, foss
When to Use the “min()” or “max()” Function (css)14491
css, functions, tips-and-tricks
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)14490
npm, dependencies, security
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)14489
metrics, quality, efficiency, productivity
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)14488
videos, lessons, eleventy, commonjs, esm, refactoring
jQuery 4.0.0 Beta (tim/jqu)14487
release-notes, jquery
In Praise of the “switch” Statement (chi)14486
javascript
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)14485
accessibility, usability, forms, errors
Detect Caps Lock With JavaScript (dav)14484
javascript
A Guide to Designing for Older Adults (vit/sma)14483
guides, design, accessibility
13 Best Books, Courses, and Communities for Learning React14482
react, books, courses, link-lists
You Won’t Scale (cfe)14481
maintainability, scalability
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)14480
user-experience, design, hierarchy
Thoughts on a Global Design System (chr)14479
design-systems
The Most Demanded Frontend Frameworks in 202314478
frameworks, comparisons, react, angular, vuejs
The Decision to Leave Tech (col)14477
career, retrospectives
Revolutionizing Usability Testing With Machine Learning (uxm)14476
usability, testing, ai
It’s the Hope That Kills You (yat)14475
accessibility, career, community
How to Create Rounded Gradient Borders With Any Background in CSS (ben)14474
how-tos, css, borders, gradients, backgrounds
Getting Into Web Components—an Intro (uti)14473
introductions, web-components
Exciting New Tools for Designers, February 2024 (web)14472
design, tooling, link-lists
Everything You Need to Know About Git14471
git, command-line
Bookmarklet: Load All GitHub Comments (mey)14470
bookmarklets, github, code-reviews
htmx Deep Dive With Carson Gross14469
videos, htmx, deep-dives
HTML Attributes That Every Web Developer Should Know14468
html, attributes, pop-overs, forms, custom-data
“X” Marks the Spot: Landmark Elements (stv)14467
html, semantics, accessibility, assistive-tech, aria
Why Disabled People’s Needs Aren’t “Special”14466
accessibility
The Importance of Web Performance to Information Equity (sch/fos)14465
videos, performance, accessibility
A View Source Web (gar)14464
websites, view-source, browsers
What Is WAP?14463
wap, mobile
From Many to One: Moving Our JavaScript Code Into a Monorepo14462
migrating, monorepos, javascript, git
The SEO Starter Guide Got a Makeover (liz+)14461
guides, seo, search, google
SOLID Principles: They’re Rock-Solid for Good Reason14460
programming, principles, solid
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)14459
images, svg, css, masking, performance
All Art Is a Copy of Something (chr)14458
art
5 Hidden Risks of Your Inaccessible Website (deq)14457
accessibility
Everyone’s a Sellout Now14456
career, culture
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)14455
videos, frameworks, svelte
A Complete Guide to Open Source—100× Simpler14454
guides, foss
Drupal Creator: Websites Needed More Than Ever in the AI Era14453
web, ai, complexity
Tracking Your Interviews Is Extremely Important14452
career, interviewing
Interop 2024 (rac)14451
interoperability, web-platform, browsers, support
What’s the Difference Between “localhost” and “127.0.0.1”?14450
network, ip, testing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?14449
ai, quality, technical-debt
The Web Just Gets Better With Interop 2024 (jen/web)14448
web-platform, interoperability, browsers, support
Dynamically Adding Text Alternatives to Images With AI (kar)14447
automation, ai, accessibility, images, alt-text
Career Retrospective14446
career, retrospectives
A Look at the New WAI–ARIA 1.3 Draft (cra)14445
accessibility, aria, standards
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization14444
testing, flakiness, cypress, playwright, network
GitLab vs. GitHub: Which Is Better in 2024?14443
version-control, gitlab, github, comparisons
Be Purposeful About Your Content14442
accessibility, content, writing
The Art and Science of Annotations in Dev Mode (fig)14441
figma, annotations
Implementing User Authentication in React Apps With Appwrite14440
react, authentication, tooling
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+)14439
performance, web-vitals, metrics
PurePWA—a Radical U-Turn in Web Development14438
web-apps, progressive-web-apps, simplicity, tooling
Why Not htmx? (cfe)14437
htmx
The Good, the Bad, the Web Components (zac)14436
web-components, shadow-dom, dom
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)14435
html, dom, shadow-dom, apis, security
Making VPATs and ACRs More Effective in Procurement (web)14434
accessibility, vpat-acr, processes
How to Stream Files From Next.js Route Handlers (eri)14433
how-tos, nextjs, routing, streaming
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)14432
guides, accessibility, colors, color-palettes, figma
5 Essential DevTools Console Hacks for Every Web Developer14431
videos, browsers, dev-tools
Tuesday, February 6, 2024 Security Releases (raf/nod)14430
release-notes, nodejs, security
Web Platform Design Principles (lea/w3c)14429
web-platform, software-design, principles, standards, w3c
Why Do Rubber Ducks Work?14428
processes, productivity, creativity
New to the Web Platform in January (rac)14427
release-notes, web-platform, browsers, firefox, chrome, safari
Understanding Signals in Django14426
signals, django
Celebrate a More Interoperable Web With Interop 2023 (rac)14425
web-platform, interoperability, browsers, support
Learn Testing14424
courses, testing
Use CSS “accent-color” to Style Your Inputs (cas)14423
css, forms
The Psychology of Site Speed and Human Happiness (tam/spe)14422
performance, usability
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)14421
guides, foss, collaboration
Onboarding (mfo)14420
processes, onboarding, productivity, engineering-management
Is Generated Code Harder to Maintain?14419
discussions, ai, maintainability, maintenance
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)14418
css, units, fonts
“field-sizing” Just Works! (kil/pol)14417
css, forms, comparisons
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)14416
html, css
The EU Forces Open Apple’s Walled Garden (tid)14415
legal, apple, browsers, mobile
Next.js App Router Migration: The Good, Bad, and Ugly14414
nextjs, routing, migrating
ESG and DEI Policies Were Always Luxury Goods14413
dei, sustainability, policies
Debunking 10 Common Objections to Incremental Delivery for Software Teams14412
agile, processes
The Loss of the Process in the Name of Progress14411
design, creativity, productivity, processes
Express Forward (exp)14410
discussions, outlooks, express
Practical Guide to Destructuring: TypeScript vs. Dart14409
guides, typescript, dart, comparisons
The Web Component Success Story (jak)14408
web-components
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)14407
how-tos, images, favicons
Git: The Basics of “git bisect” (ada)14406
fundamentals, git
Dynamic README Image Based on GitHub Activity14405
readme, github
At Last, Browser Choice * (dav)14404
legal, browsers, apple, mobile
The Singular Web (dut)14403
web, web-platform, google, microsoft, amazon, apple
Nicer Text Wrapping With CSS “text-wrap” (lon)14402
css, typography
Design Systems Burnout (fon)14401
design-systems
A Guide to Styling Tables (sto)14400
css, tables, responsive-design
Futuring With Design14399
design, creativity, processes
Please, Don’t Force Me to Log In (ham)14398
web, authentication, user-experience
Gold Text Effect With CSS (man)14397
css, effects
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)14396
css, selectors, focus
Apple, the DMA, and Malicious Compliance (bru)14395
legal, browsers, apple, mobile
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)14394
legal, browsers, apple, mobile
Introducing Our Updated [Green Web Hosting] Directory (mrc)14393
introductions, release-notes, sustainability, hosting
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)14392
browsers, apple, mozilla, firefox, mobile
The Impact of Developer Experience14391
research, developer-experience, productivity, efficiency
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)14390
accessibility, ethics, overlays, community
Inside .git (b0r)14389
git
HTML Web Components on the Server Are Great (sco)14388
html, web-components
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)14387
accessibility, tips-and-tricks, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)14386
design, responsive-design, seo
JWT vs. Session Authentication14385
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.js14384
functionality, databases, sql, nodejs, django, nextjs
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments14383
studies, research, accessibility, ecommerce, legal
Deno 1.40: Temporal API (den)14382
release-notes, deno, apis, time
Using Alternative Browser Engines in the European Union14381
apple, browsers, browser-engines, mobile
This Web Page Is Best Viewed in the EU (gri/clo)14380
legal, browsers, apple, mobile, web
Should Links Open in a New Tab? (stv)14379
links, usability, user-experience
One World, One Web, One Love (aar)14378
web
CSS Blurry Shimmer Effect (sma)14377
css, effects
Animating Font Palette (man)14376
css, colors, fonts, effects
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware14375
github, npm, security, malware, foss
An Introduction to the Liquid Template Language14374
introductions, liquid, template-engines
Release Notes for Safari Technology Preview 187 (jon/web)14373
release-notes, browsers, safari
Take a Qwik Break From React With Astro14372
qwik, react, astro, frameworks, comparisons
The Structure of User Experience14371
user-experience, processes
Getting Started With Content Collections in Astro14370
introductions, astro
The API That No One Dared Delete14369
apis, infrastructure, documentation, maintenance, technical-debt
What Happened With the Web Monetization API? (chr)14368
monetization, apis
What Can a Website Do? (dav)14367
accessibility, usability, quality
Web Components in Earnest (dav)14366
web-components, javascript
User Styles (mia)14365
css, user-styles, browsers
The New CSS Color Format You Didn’t Know You Needed; “oklch()”14364
css, colors, oklch, functions, tailwind
On Web Components (tmc)14363
web-components
Five Future Roles for Designers (jar)14362
design, career, outlooks
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)14361
design-systems, economics
14 Best SEO Tools in 2024 (web)14360
seo, tooling, link-lists
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)14359
ai, design, typography
The Web Is Unversioned (rhi/w3c)14358
web-platform, versioning
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development14357
studies, research, ai, quality, technical-debt
In Praise of Buttons14356
buttons
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)14355
videos, interviews, tech-stacks, jamstack
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)14354
html, modals
Unit Testing With Jest and Integration With GitHub Actions14353
testing, jest, github-actions, quality
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project14352
javascript, typescript, documentation, jsdoc
What Has a Ceiling but No Floor? (mat)14351
accessibility, apple, facebook+meta
Modern JavaScript Library Starter14350
dependencies, npm, libraries
LCP and FCP on Single Page Application on Soft Navigations (dws)14349
performance, web-vitals, single-page-apps, navigation
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)14348
css, scrolling, effects
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)14347
ai, browsers, google, chrome
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)14346
bookmarklets, accessibility, html, aria, keyboard-shortcuts
Better Form UX With the CSS Property “field-sizing” (sea)14345
forms, user-experience, css
Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build14344
culture, engineering-management, processes, comparisons
WebKit Features in Safari 17.3 (jen/web)14343
release-notes, browsers, safari, webkit
Battle of the Browsers (zer)14342
browsers, browser-engines, blink, chrome, edge, brave, gecko, firefox, webkit, safari, comparisons
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website14341
pjpeg, jpeg, images, performance, comparisons
How a Web-Site Redesign Can Impact the Customer Journey (uxm)14340
redesigning, user-experience
Layouts in Astro14339
astro
What Is Jest and Why Should I Use It? (cod)14338
jest
Use Tailwind CSS Prefixes for Shared Design System Components (sen)14337
tailwind, design-systems, components
Repetition Avoidance (ste)14336
code-pens, accessibility, user-experience, aria
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)14335
accessibility, processes, testing
Handling Environment Variables in Node.js (mco/pla)14334
environments, variables, nodejs
Could Local SEO Transform Your User Experience? (uxm)14333
seo, user-experience
Continuous Accessibility: What, Why, How (ass)14332
accessibility, processes, testing, tooling
7 Mobile UX Design Tools to Supercharge Your Design Process (uxm)14331
design, tooling, link-lists
What Is Our Design Intention?14330
design, processes
Vector Database Recommender System (ast)14329
databases, vector-databases
Why I Don’t Care About Website/Blog Stats (nei)14328
blogging, metrics, sem
What Is CSS Motion Path?14327
css, svg, animations
The World’s Smallest PNG (eva)14326
images, png, minimalism
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)14325
accessibility, design, html, aria
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)14324
javascript, security, debugging, firefox, browsers
Mastering Node CSV14323
nodejs, csv
The Bun Shell (jar/bun)14322
bun, javascript, shells
A Call for Consensus on HTML Semantics (5t3)14321
html, semantics
How Core Web Vitals Affect SEO (ind)14320
performance, web-vitals, lighthouse, seo
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (jen+)14319
videos, interviews, css, web, browsers, safari
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)14318
css, gradients, transparency+opacity
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)14317
accessibility, legal
Why Do Reflows Negatively Affect Performance? (fro)14316
performance, reflow
Making CSS View Transitions Easy With Velvette (nom/cod)14315
css, view-transitions, tooling
Under-Supported and Underpaid (aar)14314
accessibility, career, economics, craft
12 Modern CSS One-Line Upgrades (5t3)14313
css
Deceptive Deprecation: The Truth About npm Deprecated Packages14312
deprecation, security, npm, dependencies, research
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript14311
functionality, html, css, javascript
Astro 4.2 (eri+)14310
astro, release-notes
Node.js vs. Python: Which One to Choose for 202414309
nodejs, python, comparisons
The Color Input and the Color Picker (chr/fro)14308
html, colors, usability
Different Node.js Versions and Package Managers per Project—a Solved Problem (wem)14307
nodejs, dependencies, nvm
The Designer’s Guide to Social Computing14306
guides, design, social-media
Fading Content Using Transparent Gradient in CSS (ami)14305
css, gradients, transparency+opacity, effects
Safely Accessing the DOM With Angular SSR14304
security, dom, javascript, angular, server-side-rendering
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)14303
notifications, errors, validation, usability
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)14302
videos, javascript, arrays, sorting, comparisons
Dispatching an Event (chr/fro)14301
javascript, events
Basic Accessibility Mistakes I Often See in Audits (cfe)14300
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
AI Art Is the New Stock Image (ia)14299
design, ai, images
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)14298
introductions, scrolling, animations, css, functions
Measuring Developer Productivity: Real-World Examples (ger)14297
productivity, metrics, developer-experience, google, microsoft
Are You Boring Your Interviewer by Over-Explaining Context?14296
career, interviewing, design
Guide to Fast Next.js14295
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Practical Guide to Usability Testing14294
guides, usability, testing
The Golden Rule of Assertions14293
javascript, testing
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience14292
react, data-fetching, code-splitting, components, techniques
Is It Time to Switch From Docker to Podman?14291
videos, docker, podman, tooling, comparisons
The Complex but Awesome CSS “border-image” Property (css/sma)14290
css, borders, techniques
Stop Trying to Recruit Unicorns With Acorns (cra)14289
accessibility, career
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)14288
nodejs, security
Git Lesson: How to Use .gitignore and .gitkeep?14287
git, how-tos
Disillusioned With Deno (bal)14286
deno
Difference Between “getElementByID” and “querySelector”14285
javascript, css, selectors
APA-Style Titles in Laravel (ami)14284
writing, conventions, laravel
14 Things to Check Before Deploying a Website14283
deploying, quality, processes
Design Is Not Really a Thing14282
design, user-experience