Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

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

→ 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#
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)14,074
web-apps, apple
An Introduction to Webflow—the No-Code Website Builder14,073
introductions, webflow, low-and-no-code
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)14,072
accessibility, web-components, ai
A Love Letter to the Underrepresented in Tech14,071
community
Understanding Cookies and Sessions in React14,070
react, authentication, cookies
New to the Web Platform in February (rac)14,069
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Why Does “is-number” Package Have 59M Weekly Downloads?14,068
dependencies, npm
What You Need to Know About Software Requirements14,067
software-design, best-practices
What Is Inclusive Design, and How Does It Relate to Accessibility?14,066
design, dei, accessibility
The Wax and the Wane of the Web (ste/ali)14,065
web-platform, history
Techniques to Break Words (aar)14,064
techniques, html, css, content
Keyboard Accessibility Testing on Mobile Devices14,063
accessibility, testing, keyboard-navigation, mobile
Diving Into CSS Interactivity (daw+/sto)14,062
videos, css
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)14,061
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX14,060
accessibility, usability, ai, outlooks
Top 8 Recent V8 in Node Updates (app)14,059
nodejs, v8
Creativity Lies in the Paradoxes14,058
creativity, design
Enhanced Internationalization (I18N) in Next.js 1414,057
nextjs, internationalization
Ultimate Guide to Visual Testing With Playwright14,056
guides, testing, regressions, playwright
Test Quality vs. Bashing Tailwind CSS (mar)14,055
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)14,054
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)14,053
accessibility, math
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js14,052
how-tos, navigation, functionality, astro, tailwind, alpinejs
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)14,051
css, container-queries, units
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)14,050
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)14,049
html, css, forms
The 3 Capabilities Designers Need to Build for the AI Era14,048
design, career, training, ai, link-lists
How to Use Server-Sent Events in Node.js (cra)14,047
how-tos, nodejs, events
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)14,046
drag-and-drop, accessibility, browsers, screen-readers, support
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)14,045
wordpress, ai
YouTube Video Embedding Harm Reduction (jvo)14,044
multimedia, embed-code, youtube, html, privacy
What Is Vuetify in Vue.js?14,043
vuetify, vuejs
ServerlessHorrors (and)14,042
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)14,041
apis, performance, web-vitals
How to Lazy-Load CodePen and CanIUse Embeds14,040
how-tos, embed-code, performance, codepen, caniuse
Here Lies the Internet, Murdered by Generative AI14,039
web, content, ai
AI and Design Systems (bra)14,038
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)14,037
videos, mistakes, dark-mode, css
A Guide to CSS Cursor Types14,036
guides, css, cursors
A Fun Line of Code (dbu)14,035
javascript, apis, multimedia
Advanced Figma Tips and Tricks 2024: Little Gems We Love14,034
figma, tips-and-tricks
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)14,033
open-letters, apple, web-apps
CSS Foundations: What Is IACVT? (bra)14,032
css, fundamentals
Why I Use Firefox (sim)14,031
browsers, mozilla, firefox
What Is a Single-Page Application? (hey)14,030
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)14,029
videos, css, cascade
Speaker Spotlight: Michelle Barker (mic)14,028
interviews, css, sustainability
No Outer Margin14,027
css, margins, spacing, components
How to Build a Newthing14,026
how-tos, processes, creativity, maintenance
CSS-Only Bottom-Anchored Scrolling Area (kit)14,025
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)14,024
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)14,023
accessibility, screen-readers
Home Screen Advantage (sli)14,022
browsers, apple, mobile, support, web-apps, web-platform
The Power of Patterns and Playbooks in Content Design (kat)14,021
design, content, design-patterns
WebAIM Screen Reader User Survey 10 (den)14,020
accessibility, screen-readers
Understanding Event-Driven Architecture14,019
architecture, events
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization14,018
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)14,017
accessibility, screen-readers
JSDoc as an Alternative TypeScript Syntax14,016
typescript, documentation, jsdoc
CSS “:has()” Interactive Guide (sha)14,015
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)14,014
accessibility, web, captcha
A Developer’s Guide for Web Accessibility14,013
guides, accessibility
Why My Code Isn’t in TypeScript (rem)14,012
typescript
Proposal: CSS Variable Groups (lea)14,011
css, variables
htmx vs. React: A Complete Comparison14,010
htmx, react, comparisons
UX Leadership Is Failing (and What We Can Do About It)14,009
user-experience, leadership
Navbar Gallery14,008
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)14,007
javascript, performance
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)14,006
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)14,005
jsr, deno, dependencies, javascript
Filling Gaps With a Polyfill (jay)14,004
polyfills, html, css, javascript, history
Difference Between the Accessibility Page and the Accessibility Statement14,003
accessibility, documentation, comparisons
Building Dynamic Progress Bars Using Only CSS (ami)14,002
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)14,001
videos, accessibility, aria, html, user-experience
Making of True Multi-Brand Design System14,000
design-systems, theming
10 Best “Create React App” Alternatives for Different Use Cases13,999
react, frameworks, tech-stacks, comparisons, link-lists
How to Optimize the Web for the Worst User Conditions?13,998
how-tos, user-experience, responsive-design, performance, optimization
Discovering Web Automation and Scraping (gli)13,997
scraping, automation, tooling
The One Trick Every Flutter Web Dev Needs to Know13,996
tips-and-tricks, flutter, performance
CSS “::backdrop” Now Inherits From Its Originating Element (bra)13,995
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)13,994
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)13,993
css, apis, syntax-highlighting
Release Notes for Safari Technology Preview 189 (jon/web)13,992
release-notes, browsers, apple, safari
Parallax Effect With CSS Custom Properties (fro)13,991
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)13,990
nodejs, retrospectives
Next.js vs. Remix—a Developer’s Dilemma13,989
nextjs, remix, comparisons
My Favourite Animation Trick: Exponential Smoothing (lis)13,988
animations, tips-and-tricks
My Design System Journey: Building the Plane While Flying13,987
design-systems, collaboration, processes
Control Lazy Load, Infinite Scroll, and Animations in React13,986
react, lazy-loading, scrolling, animations, javascript
How to Make a Cursor Image Hover Effect With CSS and JS13,985
how-tos, css, javascript, images, cursors, hover
Design Patterns That Encourage Junk Data (mic)13,984
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js13,983
security, nodejs, databases, sql
Why Is JavaScript Fragile? (cfe)13,982
javascript
“random()” Distribution Visualizer13,981
javascript, randomness, visualization
Okay, Color Spaces (eee)13,980
colors, oklch
How to Use Local Storage in JavaScript (fre)13,979
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js13,978
how-tos, nodejs, worker-threads
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)13,977
videos, accessibility, wcag, guidelines, compliance
CSS-Only Radial Progress Bars Using Conic Gradients13,976
videos, css, gradients, progress-indicators
A Practical Guide to Using Shadow DOM (may)13,975
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)13,974
guides, accessibility, design, colors, color-blindness
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)13,973
user-experience, product-management, processes
Responsive Web Design: 3 Key Fundamentals (nng)13,972
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)13,971
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)13,970
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results13,969
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)13,968
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)13,967
how-tos, accessibility, dei, user-experience, colors, contrast, readability
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)13,966
collaboration, onboarding, user-experience
17 Equations That Changed the World—Rewritten in JavaScript13,965
javascript, math
100 Things You Can Do on Your Personal Website (cap)13,964
blogging, writing, indieweb
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)13,963
apis, javascript, css, syntax-highlighting
Tailwind Marketing and Misinformation Engine13,962
tailwind, css, semantics, principles, maintainability, marketing
Don’t Care About Accessibility? Resistance Is Futile! (cer)13,961
accessibility
JavaScript on Demand: How Qwik Differs From React Hydration13,960
javascript, qwik, react, hydration, comparisons
Understanding React “useEffect”13,959
react, hooks
JavaScript Workers13,958
videos, javascript, web-workers
A Manifesto for Small, Static, Web Apps (ros)13,957
manifestos, web-apps, principles
UI = ƒ(statesⁿ) (dav)13,956
design, state-management
Popular Git Config Options (b0r)13,955
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)13,954
web-apps, apple
How to Set Up a Node Server With TypeScript in 2024 (jle)13,953
how-tos, nodejs, servers, typescript
Frontend Application Security: Tips and Tricks13,952
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
Be a Better Developer With These Git Good Practices13,951
git, best-practices, conventions, consistency, code-reviews
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)13,950
javascript
React Labs: What We’ve Been Working On—February 2024 (rea)13,949
react
Playing With Infinity in CSS (lon)13,948
css, math
Making the Most of Ligatures (man)13,947
css, typography
How I Developed the 10 Usability Heuristics13,946
usability, heuristics, history
Getting to an Accessibility Strategy13,945
accessibility, strategies, processes
Future of CSS: Functions and Mixins13,944
css, functions, mixins
Full Guide on How to Hire Front-End Developers Effectively13,943
guides, how-tos, hiring, career
CSS “:is(.awesome)” (mar/cfe)13,942
videos, css, selectors, techniques
ARIA “note” (aar)13,941
accessibility, aria, browsers, screen-readers, support
A Dozen Thoughts About AI (dav)13,940
ai
How Accessibility Standards Can Empower Better Chart Visual Design (sma)13,939
accessibility, contrast, colors, information-design
Input Type “date”: The Accessibility of HTML Date Picker13,938
accessibility, forms
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)13,937
css, overflow, scrolling, animations
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)13,936
accessibility, aria, naming
What Is the Difference Between ASP and ASP.NET?13,935
asp, asp-net, comparisons
What Is Lighthouse Speed Index (SI) and How to Reduce It13,934
performance, metrics, lighthouse, google
Wednesday, February 14, 2024 Security Releases (raf+/nod)13,933
release-notes, nodejs, security
The Text File That Runs the Internet (dav/ver)13,932
robotstxt, crawling, scraping, ai, web
Reasonable WCAG Additions (a11)13,931
accessibility, wcag
An Introduction to Node.js Multithreading (cra)13,930
introductions, nodejs, multithreading
Selenium Automation Testing: A Step-by-Step Beginners Guide13,929
guides, selenium, testing, automation
Building htmx and Go Web Apps With Gemini Advanced13,928
videos, web-apps, htmx, go, ai, gemini
Why I Like Scrumban (j9t)13,927
processes, agile, scrum, kanban
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)13,926
css, functions, math
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)13,925
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)13,924
how-tos, browsers, mobile, scrolling, css
How to Center a Div (jos)13,923
how-tos, css, centering
CSS Color Module Level 4 (tab+/w3c)13,922
standards, css, colors
Be Aware of Arrays—V8 Engine Advice13,921
javascript, javascript-engines, v8, arrays
Advanced Architecture for AI Application (aka AAAA) (aus)13,920
ai, architecture, edge-computing, optimization
A Practical Guide to Designing for Children (vit/sma)13,919
guides, design, link-lists
How to Boost WordPress Security and Protect Your SEO Ranking13,918
how-tos, wordpress, security, seo
You Want to Make It Easy to Feature Your Content (fro)13,917
frontend-dogma, content, community
The ü/ü Conundrum13,916
javascript, unicode, encoding
The Anatomy of Addictive Content (moz)13,915
content, writing, seo
React, Solid, htmx13,914
react, solidjs, htmx, comparisons
Learn TypeScript (jad)13,913
websites, courses, typescript
How to Choose the Best Static Site Generator in 202413,912
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
Can Generative AI Help Write Accessible Code? (tin/tet)13,911
accessibility, code-generation, ai
A CSS Project Boilerplate (bel/pic)13,910
css, tailwind, templates
Using Recursive CSS to Change Styles Based on Depth (cri)13,909
css, selectors
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)13,908
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)13,907
css, svg, filters, colors, contrast
CSS Mixins and Functions Explainer (mia/odd)13,906
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)13,905
project-management, prioritization, processes
Don’t Disable Form Controls (aar)13,904
accessibility, usability, forms, buttons
Accelerating Code Reviews With Nudges13,903
research, code-reviews, productivity, experiments, facebook+meta
The Front-End Development We’re Used to Is Dying13,902
career, simplicity, complexity
HTML as the Baseline (cfe)13,901
html, progressive-enhancement
Have We Forgotten How to Build Ethical Things for the Web? (nic)13,900
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)13,899
images, jpeg, png, gif, webp, avif, pdf, svg
Format Nunjucks Files With Prettier (san)13,898
nunjucks, prettier
What Is a Descriptive Transcript?13,897
accessibility, multimedia
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)13,896
videos, accessibility
So You Think You Know Git13,895
videos, git
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)13,894
nodejs, corepack, npm, yarn, pnpm, dependencies
Is [“* { min-width: 0; }”] a Good Idea? (kev)13,893
videos, css
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)13,892
web-apps, browsers, apple, mobile
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)13,891
viewport, css, units
Git Tips: Really Large Repositories13,890
git, monorepos, tips-and-tricks
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)13,889
learning, career
Patterns in Design Systems (ikn)13,888
design-systems, design-patterns, components
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)13,887
web-platform, frameworks, tech-stacks, complexity
Release Notes for Safari Technology Preview 188 (jon/web)13,886
release-notes, browsers, apple, safari
Opportunities for AI in Accessibility (aar/ali)13,885
accessibility, ai
Offloading JavaScript With Custom Properties (hey)13,884
javascript, css, custom-properties
CSS Is Logical (geo)13,883
css
10 Best Automated AI Code Review Tools 202413,882
ai, automation, code-reviews, tooling, comparisons, link-lists
Remix Takes on Next.js in Battle of the React Frameworks (ric)13,881
frameworks, react, remix, nextjs
JavaScript vs. Python: Which One Should You Learn First?13,880
javascript, python, comparisons
UI Elements Are Not So Elementary13,879
design, design-patterns
Designing User Onboarding: Lessons From Figma, Duolingo, and More13,878
lessons, onboarding, design, user-experience, figma
Immutable Array Updates With “Array.prototype.with” (jad)13,877
javascript, arrays, prototypes, browsers, support
A Beginner’s Guide to Seamless Open-Source Contributions (wom)13,876
guides, foss
When to Use the “min()” or “max()” Function (css)13,875
css, functions, tips-and-tricks
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)13,874
npm, dependencies, security
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)13,873
metrics, quality, efficiency, productivity
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)13,872
videos, lessons, eleventy, commonjs, esm, refactoring
jQuery 4.0.0 Beta (tim/jqu)13,871
release-notes, jquery
JavaScript Promises Demystified13,870
javascript, promises
In Praise of the “switch” Statement (chi)13,869
javascript
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)13,868
accessibility, usability, forms, errors
Detect Caps Lock With JavaScript (dav)13,867
javascript
A Guide to Designing for Older Adults (vit/sma)13,866
guides, design, accessibility
13 Best Books, Courses, and Communities for Learning React13,865
react, books, courses, link-lists
You Won’t Scale (cfe)13,864
maintainability, scalability
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)13,863
user-experience, design, hierarchy
Thoughts on a Global Design System (chr)13,862
design-systems
The Most Demanded Frontend Frameworks in 202313,861
frameworks, comparisons, react, angular, vuejs
The Decision to Leave Tech (col)13,860
career, retrospectives
Revolutionizing Usability Testing With Machine Learning (uxm)13,859
usability, testing, ai
It’s the Hope That Kills You (yat)13,858
accessibility, career, community
How to Create Rounded Gradient Borders With Any Background in CSS (ben)13,857
how-tos, css, borders, gradients, backgrounds
Getting Into Web Components—an Intro (uti)13,856
introductions, web-components
Exciting New Tools for Designers, February 2024 (web)13,855
design, tooling, link-lists
Everything You Need to Know About Git13,854
git, command-line
Bookmarklet: Load All GitHub Comments (mey)13,853
bookmarklets, github, code-reviews
HTML Attributes That Every Web Developer Should Know13,852
html, attributes, pop-overs, forms, custom-data
“X” Marks the Spot: Landmark Elements (stv)13,851
html, semantics, accessibility, assistive-tech, aria
Why Disabled People’s Needs Aren’t “Special”13,850
accessibility
The Importance of Web Performance to Information Equity (sch/fos)13,849
videos, performance, accessibility
htmx Deep Dive With Carson Gross13,848
videos, htmx, deep-dives
A View Source Web (gar)13,847
websites, view-source, browsers
The SEO Starter Guide Got a Makeover (liz+)13,846
guides, seo, search, google
What Is WAP?13,845
wap, mobile
SOLID Principles: They’re Rock-Solid for Good Reason13,844
programming, principles, solid
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)13,843
images, svg, css, masking, performance
From Many to One: Moving Our JavaScript Code Into a Monorepo13,842
migrating, monorepos, javascript, git
All Art Is a Copy of Something (chr)13,841
art
5 Hidden Risks of Your Inaccessible Website (deq)13,840
accessibility
Drupal Creator: Websites Needed More Than Ever in the AI Era (ric)13,839
web, ai, complexity
Tracking Your Interviews Is Extremely Important13,838
career, interviewing
Interop 2024 (rac)13,837
interoperability, web-platform, browsers, support
What’s the Difference Between “localhost” and “127.0.0.1”?13,836
network, ip, testing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?13,835
ai, quality, technical-debt
The Web Just Gets Better With Interop 2024 (jen/web)13,834
web-platform, interoperability, browsers, support
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)13,833
videos, frameworks, svelte
Everyone’s a Sellout Now13,832
career, culture
Dynamically Adding Text Alternatives to Images With AI (kar)13,831
automation, ai, accessibility, images, alt-text
Career Retrospective13,830
career, retrospectives
A Look at the New WAI–ARIA 1.3 Draft (cra)13,829
accessibility, aria, standards
A Complete Guide to Open Source—100× Simpler13,828
guides, foss
The Art and Science of Annotations in Dev Mode (fig)13,827
figma, annotations
Implementing User Authentication in React Apps With Appwrite13,826
react, authentication, tooling
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+)13,825
performance, web-vitals, metrics
PurePWA—a Radical U-Turn in Web Development13,824
web-apps, progressive-web-apps, simplicity, tooling
Why Not htmx? (cfe)13,823
htmx
The Good, the Bad, the Web Components (zac)13,822
web-components, shadow-dom, dom
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization13,821
testing, flakiness, cypress, playwright, network
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)13,820
html, dom, shadow-dom, apis, security
Making VPATs and ACRs More Effective in Procurement (web)13,819
accessibility, vpat-acr, processes
How to Stream Files From Next.js Route Handlers (eri)13,818
how-tos, nextjs, routing, streaming
GitLab vs. GitHub: Which Is Better in 2024?13,817
version-control, gitlab, github, comparisons
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)13,816
guides, accessibility, colors, color-palettes, figma
Be Purposeful About Your Content13,815
accessibility, content, writing
5 Essential DevTools Console Hacks for Every Web Developer13,814
videos, browsers, dev-tools
Understanding Signals in Django13,813
signals, django
New to the Web Platform in January (rac)13,812
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Celebrate a More Interoperable Web With Interop 2023 (rac)13,811
web-platform, interoperability, browsers, support
Learn Testing13,810
courses, testing
Why Do Rubber Ducks Work?13,809
processes, productivity, creativity
Web Platform Design Principles (lea/w3c)13,808
web-platform, software-design, principles, standards, w3c
Use CSS “accent-color” to Style Your Inputs (cas)13,807
css, forms
Tuesday, February 6, 2024 Security Releases (raf/nod)13,806
release-notes, nodejs, security
The Psychology of Site Speed and Human Happiness (tam/spe)13,805
performance, usability
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)13,804
guides, foss, collaboration
Onboarding (mfo)13,803
processes, onboarding, productivity, engineering-management
Is Generated Code Harder to Maintain?13,802
discussions, ai, maintainability, maintenance
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)13,801
css, units, fonts
“field-sizing” Just Works! (kil/pol)13,800
css, forms, comparisons
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)13,799
html, css
The Loss of the Process in the Name of Progress13,798
design, creativity, productivity, processes
Express Forward (exp)13,797
discussions, outlooks, express
Debunking 10 Common Objections to Incremental Delivery for Software Teams13,796
agile, processes
ESG and DEI Policies Were Always Luxury Goods (blo)13,795
dei, sustainability, policies
Practical Guide to Destructuring: TypeScript vs. Dart13,794
guides, typescript, dart, comparisons
The Web Component Success Story (jak)13,793
web-components
The EU Forces Open Apple’s Walled Garden13,792
legal, apple, browsers, mobile
Next.js App Router Migration: The Good, Bad, and Ugly13,791
nextjs, routing, migrating
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)13,790
how-tos, images, favicons
Git: The Basics of “git bisect” (ada)13,789
fundamentals, git
Dynamic README Image Based on GitHub Activity13,788
readme, github
At Last, Browser Choice * (dav)13,787
legal, browsers, apple, mobile
Nicer Text Wrapping With CSS “text-wrap” (lon)13,786
css, typography
Design Systems Burnout (fon)13,785
design-systems
A Guide to Styling Tables (sto)13,784
css, tables, responsive-design
Futuring With Design13,783
design, creativity, processes
Please, Don’t Force Me to Log In (ham)13,782
web, authentication, user-experience
Gold Text Effect With CSS (man)13,781
css, effects
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)13,780
css, selectors, focus
Apple, the DMA, and Malicious Compliance (bru)13,779
legal, browsers, apple, mobile
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)13,778
legal, browsers, apple, mobile
The Impact of Developer Experience13,777
research, developer-experience, productivity, efficiency
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)13,776
accessibility, ethics, overlays, community
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)13,775
browsers, apple, mozilla, firefox, mobile
Introducing Our Updated [Green Web Hosting] Directory (mrc)13,774
introductions, release-notes, sustainability, hosting
Inside .git (b0r)13,773
git
HTML Web Components on the Server Are Great (sco)13,772
html, web-components
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)13,771
accessibility, tips-and-tricks, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)13,770
design, responsive-design, seo
Deno 1.40: Temporal API (den)13,769
release-notes, deno, apis, time
Using Alternative Browser Engines in the European Union13,768
apple, browsers, browser-engines, mobile
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments13,767
studies, research, accessibility, ecommerce, legal
This Web Page Is Best Viewed in the EU (gri/clo)13,766
legal, browsers, apple, mobile, web
Should Links Open in a New Tab? (stv)13,765
links, usability, user-experience
One World, One Web, One Love (aar)13,764
web
JWT vs. Session Authentication13,763
security, authentication, json-web-tokens, comparisons
CSS Blurry Shimmer Effect (sma)13,762
css, effects
Animating Font Palette (man)13,761
css, colors, fonts, effects
A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js13,760
functionality, databases, sql, nodejs, django, nextjs
Take a Qwik Break From React With Astro13,759
qwik, react, astro, frameworks, comparisons
The Structure of User Experience13,758
user-experience, processes
Getting Started With Content Collections in Astro13,757
introductions, astro
The API That No One Dared Delete13,756
apis, infrastructure, documentation, maintenance, technical-debt
What Happened With the Web Monetization API? (chr)13,755
monetization, apis
What Can a Website Do? (dav)13,754
accessibility, usability, quality
Web Components in Earnest (dav)13,753
web-components, javascript
User Styles (mia)13,752
css, user-styles, browsers
The New CSS Color Format You Didn’t Know You Needed; “oklch()”13,751
css, colors, oklch, functions, tailwind
Release Notes for Safari Technology Preview 187 (jon/web)13,750
release-notes, browsers, apple, safari
On Web Components (tmc)13,749
web-components
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware13,748
github, npm, security, malware, foss
Five Future Roles for Designers (jar)13,747
design, career, outlooks
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)13,746
design-systems, economics
An Introduction to the Liquid Template Language13,745
introductions, liquid, template-engines
14 Best SEO Tools in 2024 (web)13,744
seo, tooling, link-lists
Unit Testing With Jest and Integration With GitHub Actions13,743
testing, jest, github-actions, quality
The Web Is Unversioned (rhi/w3c)13,742
web-platform, versioning
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project13,741
javascript, typescript, documentation, jsdoc
What Has a Ceiling but No Floor? (mat)13,740
accessibility, apple, facebook+meta
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)13,739
html, modals
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)13,738
ai, design, typography
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development13,737
studies, research, ai, quality, technical-debt
Modern JavaScript Library Starter13,736
dependencies, npm, libraries
LCP and FCP on Single Page Application on Soft Navigations (dws)13,735
performance, web-vitals, single-page-apps, navigation
In Praise of Buttons13,734
buttons
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)13,733
css, scrolling, effects
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)13,732
ai, browsers, google, chrome
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)13,731
videos, interviews, tech-stacks, jamstack
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)13,730
bookmarklets, accessibility, html, aria, keyboard-shortcuts
Better Form UX With the CSS Property “field-sizing” (sea)13,729
forms, user-experience, css
Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build13,728
culture, engineering-management, processes, comparisons
How a Web-Site Redesign Can Impact the Customer Journey (uxm)13,727
redesigning, user-experience
Layouts in Astro13,726
astro
What Is Jest and Why Should I Use It? (cod)13,725
jest
WebKit Features in Safari 17.3 (jen/web)13,724
release-notes, browsers, apple, safari, webkit
Use Tailwind CSS Prefixes for Shared Design System Components (sen)13,723
tailwind, design-systems, components
Repetition Avoidance (ste)13,722
code-pens, accessibility, user-experience, aria
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website13,721
pjpeg, jpeg, images, performance, comparisons
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)13,720
accessibility, processes, testing
Handling Environment Variables in Node.js (mco/pla)13,719
environments, variables, nodejs
Could Local SEO Transform Your User Experience? (uxm)13,718
seo, user-experience
Continuous Accessibility: What, Why, How (ass)13,717
accessibility, processes, testing, tooling
Battle of the Browsers (zer)13,716
browsers, browser-engines, blink, chrome, google, edge, microsoft, brave, gecko, firefox, mozilla, webkit, safari, apple, comparisons
7 Mobile UX Design Tools to Supercharge Your Design Process (uxm)13,715
design, tooling, link-lists
What Is Our Design Intention?13,714
design, processes
Vector Database Recommender System (ast)13,713
databases, vector-databases
Why I Don’t Care About Website/Blog Stats (nei)13,712
blogging, metrics, sem
What Is CSS Motion Path?13,711
css, svg, animations
The World’s Smallest PNG (eva)13,710
images, png, minimalism
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)13,709
accessibility, design, html, aria
Mastering Node CSV13,708
nodejs, csv
The Bun Shell (jar/bun)13,707
bun, javascript, shells
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)13,706
javascript, security, debugging, firefox, mozilla, browsers
A Call for Consensus on HTML Semantics (5t3)13,705
html, semantics
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)13,704
css, gradients, transparency+opacity
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)13,703
accessibility, legal
Why Do Reflows Negatively Affect Performance? (fro)13,702
performance, reflow
Making CSS View Transitions Easy With Velvette (nom/cod)13,701
css, view-transitions, tooling
How Core Web Vitals Affect SEO (ind)13,700
performance, web-vitals, lighthouse, google, seo
Under-Supported and Underpaid (aar)13,699
accessibility, career, economics, craft
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (jen+)13,698
videos, interviews, css, web, browsers, apple, safari
12 Modern CSS One-Line Upgrades (5t3)13,697
css
Astro 4.2 (eri+)13,696
astro, release-notes
Node.js vs. Python: Which One to Choose for 202413,695
nodejs, python, comparisons
Deceptive Deprecation: The Truth About npm Deprecated Packages13,694
deprecation, security, npm, dependencies, research
The Color Input and the Color Picker (chr/fro)13,693
html, colors, usability
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript13,692
functionality, html, css, javascript
Different Node.js Versions and Package Managers per Project—a Solved Problem (wem)13,691
nodejs, dependencies, nvm
The Designer’s Guide to Social Computing13,690
guides, design, social-media
Fading Content Using Transparent Gradient in CSS (ami)13,689
css, gradients, transparency+opacity, effects
Safely Accessing the DOM With Angular SSR13,688
security, dom, javascript, angular, server-side-rendering
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)13,687
notifications, errors, validation, usability
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)13,686
videos, javascript, arrays, sorting, comparisons
Dispatching an Event (chr/fro)13,685
javascript, events
Basic Accessibility Mistakes I Often See in Audits (cfe)13,684
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
AI Art Is the New Stock Image (ia)13,683
design, ai, images
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)13,682
introductions, scrolling, animations, css, functions
Are You Boring Your Interviewer by Over-Explaining Context?13,681
career, interviewing, design
Guide to Fast Next.js13,680
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Practical Guide to Usability Testing13,679
guides, usability, testing
The Golden Rule of Assertions13,678
javascript, testing
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience13,677
react, data-fetching, code-splitting, components, techniques
Is It Time to Switch From Docker to Podman?13,676
videos, docker, podman, tooling, comparisons
The Complex but Awesome CSS “border-image” Property (css/sma)13,675
css, borders, techniques
Stop Trying to Recruit Unicorns With Acorns (cra)13,674
accessibility, career
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)13,673
nodejs, security
Measuring Developer Productivity: Real-World Examples (ger)13,672
productivity, metrics, developer-experience, google, microsoft
Git Lesson: How to Use .gitignore and .gitkeep?13,671
git, how-tos
Disillusioned With Deno (bal)13,670
deno
Difference Between “getElementByID” and “querySelector”13,669
javascript, css, selectors
APA-Style Titles in Laravel (ami)13,668
writing, conventions, laravel
14 Things to Check Before Deploying a Website13,667
deploying, quality, processes
Design Is Not Really a Thing13,666
design, user-experience
The Evolution of Page Speed (mat/deb)13,665
videos, performance, metrics, optimization, history
Dynamically Darken or Lighten a Color in CSS (bpu)13,664
css, colors, functions
Combining “:has” and “:only-child” to Change Tab Containers (cri)13,663
css, selectors
Why I Use htmx (fla)13,662
htmx
Why I Use Alpine.js (fla)13,661
alpinejs
Web Standards: The Guidelines That Every Developer Should Know13,660
standards, history, w3c, html, css, xml, wcag
The Building Blocks of a Greenfield Vue Application in 2024 (fad)13,659
vuejs, tooling, link-lists
React Libraries for 2024 (rwi)13,658
react, libraries, link-lists
Performance and Stay Questions in 1:1s (j9t)13,657
engineering-management, leadership, career, processes
Optimizing SQL Queries by 23×13,656
databases, sql, performance, optimization
Moving on From React (kel)13,655
migrating, react, stimulus
Accessible Notifications With ARIA Live Regions (sar)13,654
accessibility, notifications, aria, live-regions
Accessible Notifications With ARIA Live Regions II (sar)13,653
accessibility, notifications, aria, live-regions
Secure Your Code: Auto-Fix Vulnerabilities With Dependabot (GitHub Tutorial)13,652
videos, dependencies, security, dependabot
Hover Contrast Bookmarklet (joe)13,651
bookmarklets, hover, colors, contrast, focus, accessibility
Disable Browser Caching With “meta” HTML Tags13,650
html, metadata, caching
Creating a Markdown Preprocessor for Svelte13,649
svelte, sveltekit, markdown, functionality
Why Did Frontend Development Become So Complicated?13,648
processes, complexity, career
Igalia Chats: Browser Politics and You (jaf+/iga)13,647
podcasts, web-platform
I Hate CORS13,646
videos, cors, security
“import myModule from "./my-module.torrent"”: Requiring Node Modules From BitTorrent (eva)13,645
nodejs, modules
Building a Clean and Scalable Frontend Architecture13,644
architecture, scalability, simplicity, maintainability
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol)13,643
web-components, javascript, callbacks, comparisons
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor)13,642
accessibility, ai, content
Kind of Annoyed at React (cas)13,641
react
A Guide on Using Postman as a Frontend Developer in Web Development13,640
guides, postman, apis
Avoid These 5 Mistakes as a Web Developer13,639
career, mistakes, learning
Type in TypeScript13,638
typescript, types
Static Site Generators: A Growing Trend in Frontend Development13,637
static-site-generation, site-generators, trends
Power of WebRTC13,636
webrtc, apis
Options for “optgroup” Labeling of “options” (ste)13,635
accessibility, html, forms, browsers, screen-readers, support
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)13,634
podcasts, javascript, performance, nodejs, optimization
How to Use “data-nosnippet” to Block Specific Content From Being Used in a Google Search Snippet (Experiment)13,633
how-tos, seo, google, experiments
How to Get Started With Progressive Web Apps13,632
how-tos, web-apps, progressive-web-apps, comparisons
Eliminating Cookie Banners Is Hard (jef)13,631
cookies, consent-management, legal
Applying the SPACE Framework (lau)13,630
productivity, metrics
Creating a Color Ramp Using Color Modifiers in Tokens Studio13,629
design-systems, design-tokens, colors, figma
Bringing Down the Digital Divide13,628
accessibility, user-experience
The Stack I Used to Build My Blog in 202413,627
tech-stacks, functionality
5 CSS Snippets Every Front-End Developer Should Know in 2024 (arg)13,626
css
Node.js Mastery: Advanced Development and Performance Tips13,625
nodejs, servers, express, performance, testing, memory
Chrome Alternative Browsers to Check Out in 202413,624
browsers, arc, the-browser-company, chromium, orion, kagi, firefox, mozilla
Compatibility of Node.js Versions With Packages13,623
nodejs, versioning, dependencies
What I Have Learned From Conducting Over 100 Website Migrations (moz)13,622
seo, migrating, testing
Using “abbr” Element With “title” Attribute (aar)13,621
html, attributes, accessibility, browsers, assistive-tech, support
Top Front-End Tools of 2023 (lou/sma)13,620
tooling, link-lists, retrospectives
If It’s Not Usable, It’s Not Accessible (tpg)13,619
interviews, accessibility, usability, history
console.delight (zac/fro)13,618
javascript, console, browsers, dev-tools, debugging
Accounting for Internationalization With CSS and HTML (spa)13,617
html, css, internationalization
Node v20.11.0 (LTS) (nod)13,616
release-notes, nodejs
Understanding WCAG SC 3.2.6 Consistent Help (Level A)13,615
accessibility, standards, wcag
We Removed Advertising Cookies, Here’s What Happened (get)13,614
cookies, sem
Setting Up Renovate for GitHub Repositories13,613
renovate, github, installing, configuration
High-Level System Architecture of Booking.com13,612
architecture, microservices, case-studies
Using CSS Houdini to Extend Styling and Layout Capabilities (log)13,611
css, houdini, apis, javascript
The Best Web Framework Doesn’t Exist13,610
frameworks
Streaming HTML Out of Order Without JavaScript13,609
html, streaming
Release Notes for Safari Technology Preview 186 (jon/web)13,608
release-notes, browsers, apple, safari
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (soc)13,607
npm, retrospectives
Is htmx Just Another JavaScript Framework? (htm)13,606
htmx, frameworks
Introducing fsx: A Modern Filesystem API for JavaScript (nza)13,605
introductions, file-handling, apis, javascript
Dynamic Accessible Descriptions Reference (dar)13,604
accessibility, testing
Designing Better Target Sizes (sha)13,603
accessibility, design, best-practices
Buttons and Links—Common Misconceptions13,602
accessibility, html, semantics, buttons, links
AI for Web Devs: Deploying Your AI App to Production (aus)13,601
ai, deploying
An Alphabetized List of MIME Types13,600
mime-types
A 2024 Wishlist for Node’s Test Runner (cji)13,599
nodejs, testing
Understanding Immutability in JavaScript13,598
videos, javascript
The Change You Wish to See13,597
accessibility
How We Built Project IDX: A High-Level Overview (goo)13,596
overviews, project-idx, google, code-editors
Definition of Done (DoD) Explanation and Example13,595
agile, scrum, processes, quality, examples
A Global Design System (bra)13,594
design-systems
Taking a Closer Look at “@property” in CSS (uti)13,593
css
Vue 3—Dynamic Components13,592
vuejs, components
SolidStart: A Different Breed of Meta-Framework (ati/sma)13,591
frameworks, tooling, solidjs
Introduction to Data Engineering: A Complete Beginner’s Guide13,590
guides, introductions, data-engineering
Why I Like Web Components13,589
web-components, html
Where Have All the Websites Gone? (fro)13,588
web, trends
What’s New in PHP 8.4 (ami)13,587
php
Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (and)13,586
css, scrolling, effects, progress-indicators
Top Pens of 2023 on CodePen (cod)13,585
codepen, code-pens, link-lists, retrospectives
Let’s Make the IndieWeb Easier13,584
indieweb, tooling
htmx for React Developers in 10 Minutes13,583
videos, htmx, react
How Google Perfected the Web (ver)13,582
google, web, seo
Declaring Globals Isn’t That Hard (mat)13,581
videos, javascript, typescript
CRUD and SQL—the Basics13,580
fundamentals, databases, sql
2024 Resolution: Be More Open-Source Centric13,579
foss, tooling, link-lists
Embracing the Absurd in Your Design Practices13,578
design, processes
Becoming a Senior Frontend Engineer (tec)13,577
career
Notes on Using Logical Properties and Values (kiz)13,576
css, logical-properties
Nested Dark Mode via CSS Proximity (doc)13,575
css, dark-mode