Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

News and Tools for Web Developers (13)

→ Stay up-to-date on all topics by various RSS feeds (main feed: only $12/year), on Mastodon, and on Bluesky (other channels)

Entry (Sources) and TopicsDate#
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)13,120
web-apps, browsers, apple, mobile
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)13,119
viewport, css, units
Git Tips: Really Large Repositories13,118
git, monorepos, tips-and-tricks
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)13,117
learning, career
Patterns in Design Systems (ikn)13,116
design-systems, design-patterns, components
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)13,115
web-platform, frameworks, tech-stacks, complexity
Release Notes for Safari Technology Preview 188 (jon/web)13,114
release-notes, browsers, apple, safari
Opportunities for AI in Accessibility (aar/ali)13,113
accessibility, ai
Offloading JavaScript With Custom Properties (hey)13,112
javascript, css, custom-properties
CSS Is Logical (geo)13,111
css
10 Best Automated AI Code Review Tools 202413,110
ai, automation, code-reviews, tooling, comparisons, link-lists
UI Elements Are Not So Elementary (uxd)13,109
design, design-patterns
Designing User Onboarding: Lessons From Figma, Duolingo, and More (uxd)13,108
lessons, onboarding, design, user-experience, figma
A Beginner’s Guide to Seamless Open-Source Contributions (wom)13,107
guides, foss
When to Use the “min()” or “max()” Function (css)13,106
css, functions, tips-and-tricks
Remix Takes on Next.js in Battle of the React Frameworks (ric/the)13,105
frameworks, react, remix, nextjs
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)13,104
npm, dependencies, security
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)13,103
metrics, quality, efficiency, productivity
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)13,102
videos, lessons, eleventy, commonjs, esm, refactoring
jQuery 4.0.0 Beta (tim/jqu)13,101
release-notes, jquery
JavaScript vs. Python: Which One Should You Learn First?13,100
javascript, python, comparisons
JavaScript Promises Demystified13,099
javascript, promises
In Praise of the “switch” Statement (chi)13,098
javascript
Immutable Array Updates With “Array.prototype.with” (jad/dev)13,097
javascript, arrays, prototypes, browsers, support
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)13,096
accessibility, usability, forms, errors
Detect Caps Lock With JavaScript (dav)13,095
javascript
A Guide to Designing for Older Adults (vit/sma)13,094
guides, design, accessibility
You Won’t Scale (cfe)13,093
maintainability, scalability
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)13,092
user-experience, design, hierarchy
Thoughts on a Global Design System (chr)13,091
design-systems
The Most Demanded Frontend Frameworks in 202313,090
frameworks, comparisons, react, angular, vuejs
The Decision to Leave Tech (col)13,089
career, retrospectives
Revolutionizing Usability Testing With Machine Learning (uxm)13,088
usability, testing, ai
It’s the Hope That Kills You (yat)13,087
accessibility, career, community
How to Create Rounded Gradient Borders With Any Background in CSS (ben)13,086
how-tos, css, borders, gradients, backgrounds
Getting Into Web Components—an Intro (uti)13,085
introductions, web-components
Exciting New Tools for Designers, February 2024 (web)13,084
design, tooling, link-lists
Everything You Need to Know About Git13,083
git, command-line
Bookmarklet: Load All GitHub Comments (mey)13,082
bookmarklets, github, code-reviews
13 Best Books, Courses, and Communities for Learning React13,081
react, books, courses, link-lists
HTML Attributes That Every Web Developer Should Know13,080
html, attributes, pop-overs, forms, custom-data
“X” Marks the Spot: Landmark Elements (stv)13,079
html, semantics, accessibility, assistive-tech, aria
Why Disabled People’s Needs Aren’t “Special”13,078
accessibility
The Importance of Web Performance to Information Equity (sch/fos)13,077
videos, performance, accessibility
htmx Deep Dive With Carson Gross13,076
videos, htmx, deep-dives
The SEO Starter Guide Got a Makeover (liz+)13,075
guides, seo, search, google
What Is WAP?13,074
wap, mobile
SOLID Principles: They’re Rock-Solid for Good Reason13,073
programming, principles, solid
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)13,072
images, svg, css, masking, performance
From Many to One: Moving Our JavaScript Code Into a Monorepo13,071
migrating, monorepos, javascript, git
All Art Is a Copy of Something (chr)13,070
art
5 Hidden Risks of Your Inaccessible Website (deq)13,069
accessibility
What’s the Difference Between “localhost” and “127.0.0.1”?13,068
network, ip, testing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?13,067
ai, quality, technical-debt
Tracking Your Interviews Is Extremely Important13,066
career, interviewing
The Web Just Gets Better With Interop 2024 (jen/web)13,065
web-platform, interoperability, browsers, support
Interop 2024 (rac/dev)13,064
interoperability, web-platform, browsers, support
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)13,063
videos, frameworks, svelte
Everyone’s a Sellout Now13,062
career, culture
Dynamically Adding Text Alternatives to Images With AI (kar)13,061
automation, ai, accessibility, images, alt-text
Drupal Creator: Websites Needed More Than Ever in the AI Era (ric/the)13,060
web, ai, complexity
Career Retrospective13,059
career, retrospectives
A Look at the New WAI–ARIA 1.3 Draft (cra)13,058
accessibility, aria, standards
A Complete Guide to Open Source—100× Simpler13,057
guides, foss
PurePWA—a Radical U-Turn in Web Development13,056
web-apps, progressive-web-apps, simplicity, tooling
Why Not htmx? (cfe)13,055
htmx
The Good, the Bad, the Web Components (zac)13,054
web-components, shadow-dom, dom
The Art and Science of Annotations in Dev Mode (fig)13,053
figma, annotations
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization13,052
testing, flakiness, cypress, playwright, network
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)13,051
html, dom, shadow-dom, apis, security
Making VPATs and ACRs More Effective in Procurement (web)13,050
accessibility, vpat-acr, processes
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+/dev)13,049
performance, web-vitals, metrics
Implementing User Authentication in React Apps With Appwrite13,048
react, authentication, tooling
How to Stream Files From Next.js Route Handlers (eri)13,047
how-tos, nextjs, routing, streaming
GitLab vs. GitHub: Which Is Better in 2024?13,046
version-control, gitlab, github, comparisons
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)13,045
guides, accessibility, colors, color-palettes, figma
Be Purposeful About Your Content13,044
accessibility, content, writing
5 Essential DevTools Console Hacks for Every Web Developer13,043
videos, browsers, dev-tools
Why Do Rubber Ducks Work?13,042
processes, productivity, creativity
Web Platform Design Principles (lea/w3c)13,041
web-platform, software-design, principles, standards, w3c
Use CSS “accent-color” to Style Your Inputs (cas)13,040
css, forms
Understanding Signals in Django13,039
signals, django
Tuesday, February 6, 2024 Security Releases (raf/nod)13,038
release-notes, nodejs, security
The Psychology of Site Speed and Human Happiness (tam/spe)13,037
performance, usability
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)13,036
guides, foss, collaboration
Onboarding (mfo)13,035
processes, onboarding, productivity, engineering-management
New to the Web Platform in January (rac/dev)13,034
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Learn Testing (dev)13,033
courses, testing
Is Generated Code Harder to Maintain?13,032
discussions, ai, maintainability, maintenance
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)13,031
css, units, fonts
“field-sizing” Just Works! (kil/pol)13,030
css, forms, comparisons
Celebrate a More Interoperable Web With Interop 2023 (rac/dev)13,029
web-platform, interoperability, browsers, support
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)13,028
html, css
ESG and DEI Policies Were Always Luxury Goods (blo)13,027
dei, sustainability, policies
The Loss of the Process in the Name of Progress (uxd)13,026
design, creativity, productivity, processes
Practical Guide to Destructuring: TypeScript vs. Dart13,025
guides, typescript, dart, comparisons
The Web Component Success Story (jak)13,024
web-components
The EU Forces Open Apple’s Walled Garden13,023
legal, apple, browsers, mobile
Next.js App Router Migration: The Good, Bad, and Ugly13,022
nextjs, routing, migrating
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)13,021
how-tos, images, favicons
Git: The Basics of “git bisect” (ada)13,020
fundamentals, git
Express Forward13,019
discussions, outlooks, express
Dynamic README Image Based on GitHub Activity13,018
readme, github
Debunking 10 Common Objections to Incremental Delivery for Software Teams13,017
agile, processes
At Last, Browser Choice * (dav)13,016
legal, browsers, apple, mobile
Nicer Text Wrapping With CSS “text-wrap” (lon)13,015
css, typography
Design Systems Burnout (fon)13,014
design-systems
A Guide to Styling Tables (sto)13,013
css, tables, responsive-design
Futuring With Design (uxd)13,012
design, creativity, processes
Please, Don’t Force Me to Log In (ham)13,011
web, authentication, user-experience
Gold Text Effect With CSS (man)13,010
css, effects
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)13,009
css, selectors, focus
Apple, the DMA, and Malicious Compliance (bru)13,008
legal, browsers, apple, mobile
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)13,007
legal, browsers, apple, mobile
The Impact of Developer Experience13,006
research, developer-experience, productivity, efficiency
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)13,005
accessibility, ethics, overlays, community
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)13,004
browsers, apple, mozilla, firefox, mobile
Introducing Our Updated [Green Web Hosting] Directory (mrc)13,003
introductions, release-notes, sustainability, hosting
Inside .git (b0r)13,002
git
HTML Web Components on the Server Are Great (sco)13,001
html, web-components
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)13,000
accessibility, tips-and-tricks, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)12,999
design, responsive-design, seo
Using Alternative Browser Engines in the European Union12,998
apple, browsers, browser-engines, mobile
This Web Page Is Best Viewed in the EU (gri/clo)12,997
legal, browsers, apple, mobile, web
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments12,996
studies, research, accessibility, ecommerce, legal
Should Links Open in a New Tab? (stv)12,995
links, usability, user-experience
One World, One Web, One Love (aar)12,994
web
JWT vs. Session Authentication12,993
security, authentication, json-web-tokens, comparisons
Deno 1.40: Temporal API (den)12,992
release-notes, deno, apis, time
CSS Blurry Shimmer Effect (sma)12,991
css, effects
Animating Font Palette (man)12,990
css, colors, fonts, effects
A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js12,989
functionality, databases, sql, nodejs, django, nextjs
The Structure of User Experience (uxd)12,988
user-experience, processes
What Happened With the Web Monetization API? (chr)12,987
monetization, apis
What Can a Website Do? (dav)12,986
accessibility, usability, quality
Web Components in Earnest (dav)12,985
web-components, javascript
User Styles (mia)12,984
css, user-styles, browsers
The New CSS Color Format You Didn’t Know You Needed; “oklch()”12,983
css, colors, oklch, functions, tailwind
Take a Qwik Break From React With Astro (the)12,982
qwik, react, astro, frameworks, comparisons
Release Notes for Safari Technology Preview 187 (jon/web)12,981
release-notes, browsers, apple, safari
On Web Components (tmc)12,980
web-components
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware12,979
github, npm, security, malware, foss
Getting Started With Content Collections in Astro12,978
introductions, astro
Five Future Roles for Designers (jar)12,977
design, career, outlooks
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)12,976
design-systems, economics
An Introduction to the Liquid Template Language12,975
introductions, liquid, template-engines
14 Best SEO Tools in 2024 (web)12,974
seo, tooling, link-lists
Unit Testing With Jest and Integration With GitHub Actions12,973
testing, jest, github-actions, quality
The Web Is Unversioned (rhi/w3c)12,972
web-platform, versioning
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project12,971
javascript, typescript, documentation, jsdoc
What Has a Ceiling but No Floor? (mat)12,970
accessibility, apple, facebook+meta
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)12,969
html, modals
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)12,968
ai, design, typography
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development12,967
studies, research, ai, quality, technical-debt
Modern JavaScript Library Starter12,966
dependencies, npm, libraries
LCP and FCP on Single Page Application on Soft Navigations (dws)12,965
performance, web-vitals, single-page-apps, navigation
In Praise of Buttons12,964
buttons
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)12,963
css, scrolling, effects
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)12,962
ai, browsers, google, chrome
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)12,961
videos, interviews, tech-stacks, jamstack
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)12,960
bookmarklets, accessibility, html, aria, keyboard-shortcuts
Better Form UX With the CSS Property “field-sizing” (sea)12,959
forms, user-experience, css
Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build12,958
culture, engineering-management, processes, comparisons
What Is Jest and Why Should I Use It? (cod)12,957
jest
WebKit Features in Safari 17.3 (jen/web)12,956
release-notes, browsers, apple, safari, webkit
Use Tailwind CSS Prefixes for Shared Design System Components (sen)12,955
tailwind, design-systems, components
Repetition Avoidance (ste)12,954
code-pens, accessibility, user-experience, aria
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website12,953
pjpeg, jpeg, images, performance, comparisons
Layouts in Astro12,952
astro
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)12,951
accessibility, processes, testing
How a Web-Site Redesign Can Impact the Customer Journey (uxm)12,950
redesigning, user-experience
Handling Environment Variables in Node.js (mco/pla)12,949
environments, variables, nodejs
Could Local SEO Transform Your User Experience? (uxm)12,948
seo, user-experience
Continuous Accessibility: What, Why, How (ass)12,947
accessibility, processes, testing, tooling
Battle of the Browsers (zer)12,946
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)12,945
design, tooling, link-lists
What Is Our Design Intention? (uxd)12,944
design, processes
Vector Database Recommender System (ast)12,943
databases, vector-databases
Why I Don’t Care About Website/Blog Stats (nei)12,942
blogging, metrics, sem
What Is CSS Motion Path?12,941
css, svg, animations
The World’s Smallest PNG (eva)12,940
images, png, minimalism
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)12,939
accessibility, design, html, aria
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)12,938
javascript, security, debugging, firefox, mozilla, browsers
The Bun Shell (jar/bun)12,937
bun, javascript, shell
Mastering Node CSV12,936
nodejs, csv
A Call for Consensus on HTML Semantics (5t3)12,935
html, semantics
Making CSS View Transitions Easy With Velvette (nom/cod)12,934
css, view-transitions, tooling
How Core Web Vitals Affect SEO (ind)12,933
performance, web-vitals, lighthouse, google, seo
Why Do Reflows Negatively Affect Performance? (fro)12,932
performance, reflow
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)12,931
accessibility, legal
Under-Supported and Underpaid (aar)12,930
accessibility, career, economics, craft
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)12,929
css, gradients, transparency
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (jen+)12,928
videos, interviews, css, web, browsers, apple, safari
12 Modern CSS One-Line Upgrades (5t3)12,927
css
Node.js vs. Python: Which One to Choose for 202412,926
nodejs, python, comparisons
Deceptive Deprecation: The Truth About npm Deprecated Packages12,925
deprecation, security, npm, dependencies, research
The Color Input and the Color Picker (chr/fro)12,924
html, colors, usability
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript12,923
functionality, html, css, javascript
Astro 4.2 (eri+/ast)12,922
astro, release-notes
The Designer’s Guide to Social Computing (uxd)12,921
guides, design, social-media
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)12,920
notifications, errors, validation, usability
Safely Accessing the DOM With Angular SSR (dev)12,919
security, dom, javascript, angular, server-side-rendering
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)12,918
videos, javascript, arrays, sorting, comparisons
Fading Content Using Transparent Gradient in CSS (ami)12,917
css, gradients, transparency, effects
Dispatching an Event (chr/fro)12,916
javascript, events
Basic Accessibility Mistakes I Often See in Audits (cfe)12,915
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
AI Art Is the New Stock Image (ia)12,914
design, ai, images
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)12,913
introductions, scrolling, animations, css, functions
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience12,912
react, data-fetching, code-splitting, components, techniques
Are You Boring Your Interviewer by Over-Explaining Context? (uxd)12,911
career, interviewing, design
Is It Time to Switch From Docker to Podman?12,910
videos, docker, podman, tooling, comparisons
The Golden Rule of Assertions12,909
javascript, testing
The Complex but Awesome CSS “border-image” Property (css/sma)12,908
css, borders, techniques
Stop Trying to Recruit Unicorns With Acorns (cra)12,907
accessibility, career
Practical Guide to Usability Testing12,906
guides, usability, testing
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)12,905
nodejs, security
Measuring Developer Productivity: Real-World Examples (ger)12,904
productivity, metrics, developer-experience, google, microsoft
Guide to Fast Next.js12,903
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Git Lesson: How to Use .gitignore and .gitkeep?12,902
git, how-tos
Disillusioned With Deno (bal)12,901
deno
Difference Between “getElementByID” and “querySelector”12,900
javascript, css, selectors
APA-Style Titles in Laravel (ami)12,899
writing, conventions, laravel
14 Things to Check Before Deploying a Website12,898
deploying, quality, processes
Web Standards: The Guidelines That Every Developer Should Know12,897
standards, history, w3c, html, css, xml, wcag
Design Is Not Really a Thing (uxd)12,896
design, user-experience
The Evolution of Page Speed (deb)12,895
videos, performance, metrics, optimization, history
The Building Blocks of a Greenfield Vue Application in 2024 (fad)12,894
vuejs, tooling, link-lists
React Libraries for 2024 (rwi)12,893
react, libraries, link-lists
Performance and Stay Questions in 1:1s (j9t)12,892
engineering-management, leadership, career, processes
Optimizing SQL Queries by 23×12,891
databases, sql, performance, optimization
Moving on From React (kel)12,890
migrating, react, stimulus
Combining “:has” and “:only-child” to Change Tab Containers (cri)12,889
css, selectors
Accessible Notifications With ARIA Live Regions (sar)12,888
accessibility, notifications, aria, live-regions
Accessible Notifications With ARIA Live Regions II (sar)12,887
accessibility, notifications, aria, live-regions
Hover Contrast Bookmarklet (joe)12,886
bookmarklets, hover, colors, contrast, focus, accessibility
Disable Browser Caching With “meta” HTML Tags12,885
html, metadata, caching
Creating a Markdown Preprocessor for Svelte12,884
svelte, sveltekit, markdown, functionality
Why Did Frontend Development Become So Complicated?12,883
processes, complexity, career
Igalia Chats: Browser Politics and You (jaf+/iga)12,882
podcasts, web-platform
I Hate CORS12,881
videos, cors, security
“import myModule from "./my-module.torrent"”: Requiring Node Modules From BitTorrent (eva)12,880
nodejs, modules
Building a Clean and Scalable Frontend Architecture12,879
architecture, scalability, simplicity, maintainability
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol)12,878
web-components, javascript, callbacks, comparisons
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor)12,877
accessibility, ai, content
Kind of Annoyed at React (cas)12,876
react
A Guide on Using Postman as a Frontend Developer in Web Development12,875
guides, postman, apis
Avoid These 5 Mistakes as a Web Developer12,874
career, mistakes, learning
Type in TypeScript12,873
typescript, types
Static Site Generators: A Growing Trend in Frontend Development12,872
static-site-generation, site-generators, trends
Power of WebRTC12,871
webrtc, apis
Options for “optgroup” Labeling of “options” (ste)12,870
accessibility, html, forms, browsers, screen-readers, support
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)12,869
podcasts, javascript, performance, nodejs, optimization
How to Use “data-nosnippet” to Block Specific Content From Being Used in a Google Search Snippet (Experiment)12,868
how-tos, seo, google, experiments
How to Get Started With Progressive Web Apps12,867
how-tos, web-apps, progressive-web-apps, comparisons
Eliminating Cookie Banners Is Hard (jef)12,866
cookies, consent-management, legal
Applying the SPACE Framework (lau)12,865
productivity, metrics
Chrome Alternative Browsers to Check Out in 202412,864
browsers, arc, the-browser-company, chromium, orion, kagi, firefox, mozilla
Creating a Color Ramp Using Color Modifiers in Tokens Studio (uxd)12,863
design-systems, design-tokens, colors, figma
Compatibility of Node.js Versions With Packages12,862
nodejs, versioning, dependencies
Node.js Mastery: Advanced Development and Performance Tips12,861
nodejs, servers, express, performance, testing, memory
Bringing Down the Digital Divide (uxd)12,860
accessibility, user-experience
What I Have Learned From Conducting Over 100 Website Migrations (moz)12,859
seo, migrating, testing
Using “abbr” Element With “title” Attribute (aar)12,858
html, attributes, accessibility, browsers, assistive-tech, support
Top Front-End Tools of 2023 (lou/sma)12,857
tooling, link-lists, retrospectives
The Stack I Used to Build My Blog in 202412,856
tech-stacks, functionality
If It’s Not Usable, It’s Not Accessible (tpg)12,855
interviews, accessibility, usability, history
console.delight (zac/fro)12,854
javascript, console, browsers, dev-tools, debugging
5 CSS Snippets Every Front-End Developer Should Know in 2024 (arg/dev)12,853
css
Setting Up Renovate for GitHub Repositories12,852
renovate, github, installing, configuration
High-Level System Architecture of Booking.com12,851
architecture, microservices, case-studies
We Removed Advertising Cookies, Here’s What Happened (sen)12,850
cookies, sem
Using CSS Houdini to Extend Styling and Layout Capabilities (log)12,849
css, houdini, apis, javascript
Understanding WCAG SC 3.2.6 Consistent Help (Level A)12,848
accessibility, standards, wcag
The Best Web Framework Doesn’t Exist12,847
frameworks
Streaming HTML Out of Order Without JavaScript12,846
html, streaming
Release Notes for Safari Technology Preview 186 (jon/web)12,845
release-notes, browsers, apple, safari
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (soc)12,844
npm, retrospectives
Node v20.11.0 (LTS) (nod)12,843
release-notes, nodejs
Is htmx Just Another JavaScript Framework? (htm)12,842
htmx, frameworks
Introducing fsx: A Modern Filesystem API for JavaScript (nza)12,841
introductions, file-handling, apis, javascript
Dynamic Accessible Descriptions Reference (dar)12,840
accessibility, testing
Designing Better Target Sizes (sha)12,839
accessibility, design, best-practices
Buttons and Links—Common Misconceptions12,838
accessibility, html, semantics, buttons, links
AI for Web Devs: Deploying Your AI App to Production (aus)12,837
ai, deploying
Accounting for Internationalization With CSS and HTML12,836
html, css, internationalization
A 2024 Wishlist for Node’s Test Runner (cji)12,835
nodejs, testing
Understanding Immutability in JavaScript12,834
videos, javascript
The Change You Wish to See12,833
accessibility
How We Built Project IDX: A High-Level Overview (goo)12,832
overviews, project-idx, google, code-editors
Definition of Done (DoD) Explanation and Example12,831
agile, scrum, processes, quality, examples
An Alphabetized List of MIME Types12,830
mime-types
A Global Design System (bra)12,829
design-systems
SolidStart: A Different Breed of Meta-Framework (ati/sma)12,828
frameworks, tooling, solidjs
Introduction to Data Engineering: A Complete Beginner’s Guide12,827
guides, introductions, data-engineering
Vue 3—Dynamic Components12,826
vuejs, components
Why I Like Web Components12,825
web-components, html
Where Have All the Websites Gone? (fro)12,824
web, trends
What’s New in PHP 8.4 (ami)12,823
php
Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (and)12,822
css, scrolling, effects, progress-indicators
Top Pens of 2023 on CodePen (cod)12,821
codepen, code-pens, link-lists, retrospectives
Taking a Closer Look at “@ property” in CSS (uti)12,820
css
Let’s Make the IndieWeb Easier12,819
indieweb, tooling
htmx for React Developers in 10 Minutes12,818
videos, htmx, react
How Google Perfected the Web (ver)12,817
google, web, seo
Declaring Globals Isn’t That Hard (mat)12,816
videos, javascript, typescript
CRUD and SQL—the Basics12,815
fundamentals, databases, sql
2024 Resolution: Be More Open-Source Centric12,814
foss, tooling, link-lists
Embracing the Absurd in Your Design Practices (uxd)12,813
design, processes
Becoming a Senior Frontend Engineer (tec)12,812
career
Notes on Using Logical Properties and Values (kiz)12,811
css, logical-properties
Nested Dark Mode via CSS Proximity (doc)12,810
css, dark-mode
My Web Development Wishlist 2024 (j9t)12,809
community, user-experience, developer-experience, quality, conformance, wish-lists
How I’m Writing CSS in 202412,808
css, tooling, developer-experience
Figma Is Not Forever12,807
design, tooling, figma
Your MVP Must Be Accessible (den)12,806
accessibility
Weird Things Engineers Believe About Web Development12,805
standards, web-apps, javascript, building, web-platform
Simplifying Deployment: Using GitHub Actions and SSH for Quick and Easy Updates12,804
deploying, github-actions, ssh
Mastering Promises: 8 Advanced Tips and Techniques12,803
javascript, promises, asynchronicity, techniques, tips-and-tricks
When “Everything” Becomes Too Much: The npm Package Chaos of 2024 (soc)12,802
npm, foss
Under the Radar CSS Features for Your CSS Reset (kev)12,801
videos, css, resets
The Bulma CSS Framework: What It Is and How to Get Started12,800
introductions, bulma
Software Quality12,799
research, quality
How to Use Template Literals in JavaScript (fre)12,798
how-tos, javascript
Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? (b0r)12,797
git, concepts, comparisons
CSS in 2024, Am I Right? (jhe)12,796
videos, css
A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript (cfe)12,795
react, javascript, simplicity
7 Front-End Web Development Trends for 202412,794
trends, outlooks, libraries, frameworks, ai
20+ Tools for Node.js Development in 202412,793
nodejs, tooling, link-lists
AI Vertigo: Where Do We Go From Here as Designers? (uxd)12,792
design, ai, career
Notes on MathML (w3c)12,791
mathml
The World of Web Browsers Is in a Bad Way (jen)12,790
browsers, browser-engines, chromium, google
The Two Reacts (dan)12,789
react, components, state-management
My CSS Resets (kei)12,788
css, resets
Is CSS Alive? (css)12,787
css
Building Multiple Progressive Web Apps on the Same Domain (dev)12,786
videos, web-apps, progressive-web-apps, architecture, security
16 Lesser Known Accessibility Issues12,785
accessibility
Design Better Pagination12,784
design, navigation, pagination
Getting Started With Vuetify: Building Beautiful Vue.js Apps12,783
introductions, vuetify, vuejs
Accessibility Options for Floating Action Buttons12,782
accessibility, floats, buttons
Tyler’s CSS Wish List for 2024 (tyl/clo)12,781
css, wish-lists
The Website vs. Web App Dichotomy Doesn’t Exist (jak)12,780
concepts, terminology, comparisons
The Popular Vote of Interop 2024 (chr/fro)12,779
interoperability, web-platform
The AHA Stack (fla)12,778
websites, tech-stacks, astro, htmx, alpinejs
Stop Closing Void Elements (j9t)12,777
html
Oh Shit Banners (eri)12,776
design, history
European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying (tec)12,775
cookies, consent-management, legal
2024 Predictions by JavaScript Frontend Framework Maintainers (low/the)12,774
outlooks, javascript, frameworks, angular, nextjs, react, solidjs
Worker Threads: Multitasking in NodeJS12,773
nodejs, worker-threads, multithreading, link-lists
The View Transitions API and Delightful UI Animations II (cod/sma)12,772
css, animations, view-transitions, apis
Stop Using Express.js12,771
express
Not All Automated Testing Tools Support Shadow DOM in Web Components (mat)12,770
accessibility, testing, automation, tooling, shadow-dom, dom, web-components
How to Set a Default Post Author in WordPress12,769
how-tos, wordpress
How to Make External Links Accessible (pop)12,768
how-tos, links, accessibility
BCD Watch (mey+/iga)12,767
websites, browsers, support, interoperability, web-platform
Are You Ignoring These 8 DevTools Features?12,766
videos, browsers, google, chrome, dev-tools, auditing, debugging
Agile Anti-Patterns That Can Harm UX12,765
agile, anti-patterns, user-experience, processes
Top 30 JavaScript Interview Questions and Answers for 202512,764
javascript, interviewing
Top 30 JavaScript Interview Questions and Answers for 202412,763
javascript, interviewing
Mastering TypeScript: Looping With Types (ale)12,762
typescript
Understanding the Most Important HTTP Status Codes12,761
protocols, http
The Best React Chart Libraries for Data Visualization in 202412,760
react, libraries, visualization, comparisons, link-lists
7 Predictions for Web Design in 2024 (web)12,759
design, outlooks
10 Interview Questions Every JavaScript Developer Should Know in 2024 (eri)12,758
interviewing, javascript, career, concepts, terminology
My Perspective: Digital Accessibility and Overlays12,757
accessibility, overlays
3 Terminal Commands to Increase Your Productivity12,756
command-line, productivity
A Comprehensive Guide to npm Workspaces and Monorepos12,755
guides, monorepos, npm, yarn, dependencies
What Are Types in TypeScript12,754
typescript, types
The Internet Is About to Get Weird Again (rol)12,753
web, social-media
Shadow DOM and the Problem of Encapsulation (nol)12,752
web-components, shadow-dom, dom, maintainability
React Is Slow, What to Do Now?12,751
react, performance
Make Your Linux Terminal Enjoyable to Use12,750
unix-like, command-line, shell, oh-my-zsh
Installing Google Fonts as npm Packages (ami)12,749
installing, tooling, dependencies, google, fonts
WCAG 2: Guidelines and Guardrails (yat)12,748
accessibility, wcag, guidelines
Top 7 CSS Frameworks in 2024 (wea)12,747
css, frameworks, tailwind, bootstrap, materialize, foundation, bulma, skeleton
Tools to Make Your Developer Experience Better in PHP (ami)12,746
tooling, developer-experience, php, link-lists
React Server Components: The Good, the Bad, and the Ugly (may)12,745
react, components
Making a Weblog With Eleventy12,744
eleventy, blogging
Let’s Bring Back JavaScript’s “with()” Statement (mac)12,743
javascript
2.5.8: Adversarial Conformance (aar)12,742
accessibility, wcag, compliance
What the Heck Is a Homomorphic Mapped Type?12,741
typescript
Privacy Sandbox: Preparing for the End of 3rd-Party Cookies (dev)12,740
privacy, cookies, support, google
Making Sense of “Senseless” JavaScript Features (mon)12,739
javascript
Inspecting WCAG 2.2: Accessible Authentication12,738
videos, accessibility, wcag, standards, authentication
Incident, Mitigate, Learn (j9t)12,737
processes, incident-response, learning, quality
Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds12,736
accessibility, compliance, legal
Announcing Vue 3.4 (eva/vue)12,735
vuejs, release-notes
CSS-in-JS Approach: Advantages, Disadvantages, and Use Cases12,734
css-in-js, css, javascript
The New Old: Jamstack and MACH’s Journey Towards Traditional CMS Concepts (dri)12,733
tech-stacks, jamstack, content-management
Server and Client Component—Next.js (fro)12,732
nextjs, react, components
I Made JSX for Lua (Because I Hate Static Sites)12,731
jsx, lua
HTML Validation—Pros and Cons12,730
html, conformance
Future of Storybook in 2024 (shi/sto)12,729
outlooks, storybook
Frontend Predictions for 2024 (shi)12,728
retrospectives, outlooks
Everything You Need to Know About Responsive Logo Design (web)12,727
design, branding, images, logos, responsive-design
Every Container Queries Demo Is a Card (chr)12,726
css, container-queries
JS Design Patterns: A Comprehensive Guide12,725
guides, javascript, software-design-patterns
I Built the Same App 7 Times: Which JS Framework Is Best?12,724
javascript, frameworks, comparisons
CSS Wishlist12,723
css, wish-lists
Coding Challenges 2024: What’s Your New Year’s Resolution? (the)12,722
discussions, community
Measuring, Monitoring, and Optimizing TTFB With Server Timing (per)12,721
performance, monitoring, optimization, apis, time
Container Style Queries (mat/5t3)12,720
css, container-queries, style-queries
Never Underestimate HTML (lar/mat)12,719
html, user-experience, developer-experience
Why AI Is a Disaster for the Climate (the)12,718
ai, sustainability
The Devil Is in the Details: A Look Into a Disclosure Widget Markup (its/mat)12,717
html, disclosure-widgets, css, javascript
Session-Based vs. Token-Based Authentication: Which Is Better?12,716
authentication, json-web-tokens, comparisons, security
Responsive SVGs (nil/5t3)12,715
svg, images, responsive-design
Polypane Review: Best Browser for Web Developers?12,714
polypane, browsers, tooling
CSS-Based State Management (may)12,713
css, state-management
Custom Mouse Hover Effect With JavaScript12,712
javascript, effects, hover
WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name (mni)12,711
accessibility, tips-and-tricks, wcag, keyboard-navigation, keyboard-shortcuts, labels
The View Transitions API and Delightful UI Animations (cod/sma)12,710
css, animations, view-transitions, apis
GitHub Copilot: Tips and Tricks for Flutter Devs12,709
github-copilot, ai, flutter, dart, tips-and-tricks
FileReader API (cla/5t3)12,708
apis, javascript, file-handling
Best Practices for Coding With AI in 202412,707
ai, best-practices
ARIA Live Regions (mat)12,706
aria, live-regions, accessibility
Cool Wiggly Hover Animation With CSS (ami)12,705
css, animations, effects, hover
Debugging Fetch Priority (jec+/dev)12,704
videos, debugging, performance, web-vitals, apis
Turn Your Vue App Into an Offline-Ready Progressive Web App12,703
vuejs, refactoring, offline, progressive-web-apps
The Top Accessibility Errors Found in 2023 (tpg)12,702
accessibility, conformance, quality, errors, retrospectives
The State of Benchmarking in Node.js12,701
nodejs, performance, metrics
The Implied Web (hws/mat)12,700
html, accessibility, semantics
The Complete Playwright Cheatsheet12,699
cheat-sheets, playwright, testing
Scroll-Driven Animations (mic/5t3)12,698
animations, scrolling, css
Screen Reader Users and the Tab Key (tem)12,697
accessibility, screen-readers, keyboard-navigation, testing
Recapturing Early-Internet Whimsy With HTML (tec)12,696
html, trends, design, art, decoration
JavaScript Frameworks—Heading Into 2024 (rya/thi)12,695
javascript, frameworks, outlooks
“HTML First” Is Not HTML First (j9t)12,694
html, principles, quality, craft
CSS Scope Issues (kiz)12,693
css, scope
Container Queries and Units (zac/fro)12,692
css, container-queries, units
2023 Digital Accessibility Year in Review (tpg)12,691
accessibility, retrospectives
The Golden Rule of Web Performance and Different Performance Engineering Specializations (per)12,690
principles, performance
10 Best Practices for Secure Code Review of Node.js Code12,689
best-practices, security, code-reviews, nodejs
Release Notes for Safari Technology Preview 185 (jon/web)12,688
release-notes, browsers, apple, safari
New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem (sim/sma)12,687
viewport, css, units, scrolling
Locking Scroll With “:has()” (rob)12,686
css, selectors, scrolling
CSS Nesting (kil/5t3)12,685
css, nesting
Clean Architecture: Theming With Tailwind and CSS Variables12,684
theming, tailwind, custom-properties, css
Classes vs. Prototypes in JavaScript (cfe)12,683
javascript, prototypes, comparisons
Are We Too Pedantic With Semantic12,682
design, design-tokens, semantics
See What’s New in Firefox [121.0] (moz)12,681
release-notes, browsers, mozilla, firefox
We Can :has It All (hex)12,680
css, selectors, browsers, support
View Transitions (hui/5t3)12,679
css, javascript, view-transitions
Reflow Red Flags (tpg)12,678
accessibility, reflow, testing
Practical “img” Element Defaults (zor/css)12,677
videos, css, images
New to the Web Platform in December (rac/dev)12,676
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Experimental Chromium Web Platform Features (pol)12,675
overviews, experiments, web-platform, standards, chromium
Eigensolutions: Composability as the Antidote to Overfit (lea)12,674
product-management, processes
Border Images in CSS: A Key Focus Area for Interop 2023 (dip/mdn)12,673
images, borders, css, browsers, web-platform, interoperability
“align-content” in Block Layout (rac)12,672
css, layout, support, browsers
10 Ways to Speed Up JavaScript Loading12,671
javascript, performance, lazy-loading, minification, bundling, code-splitting, tree-shaking, modules, content-delivery, caching, compression, auditing
RLI (Recently Logged-In) Browser Cache Bypassing (tim/per)12,670
performance, caching, optimization
Good Design Is Subjective, Contextual, and Intentional (uxd)12,669
design, processes
Think About Your Future Self12,668
accessibility
The Goldilocks Principle for Prototyping (nng)12,667
videos, principles, prototyping, usability
New JS Array Methods (cfe/5t3)12,666
javascript, arrays, methods
Zustand—Complete Tutorial (cos)12,665
videos, tutorials, zustand, state-management, libraries, react
The Road to HTMHell Is Paved With Semantics (pep/mat)12,664
html, semantics, quality
Thank You to Those Who Helped Me to Be the CSS Developer I Am Today12,663
career, community
React Props Explained With Examples12,662
react, props, examples
Making Data Visualizations Accessible (ons/tpg)12,661
accessibility, information-design
How to Center an Element in CSS Without Adding a Wrapper in HTML12,660
how-tos, centering, css, techniques
Building Components for Consumption, Not Complexity II (dis/sma)12,659
design-systems, components, figma
AI for Web Devs: AI Image Generation (aus)12,658
ai, tooling, images, automation
A Checklist for CLS Scenarios (per)12,657
checklists, performance, web-vitals
Revisiting Fundamentals—Semantic Lists for Improved Accessibility (mis/mat)12,656
fundamentals, semantics, html, accessibility
CSS “animation-composition” (tyl/5t3)12,655
css, animations
How GitHub Actions Versioning System Works (rob)12,654
github-actions, versioning, semver
Sharing a State Between Windows Without a Server12,653
web-workers, apis, state-management, effects, javascript
Naming Design Tokens: The Art of Clarity and Consistency (uxd)12,652
design-tokens, naming, consistency
Web Components (may/5t3)12,651
web-components, html, shadow-dom, dom
Swallowing Camels (kol/mat)12,650
accessibility
HTML Can Do This?12,649
html
Baseline Does Not Really Cover Baseline Support (aar)12,648
browsers, support, web-platform, accessibility
Who Stole My Largest Contentful Paint? (per)12,647
performance, web-vitals, optimization
The WordPress Showcase and Accessibility (joe)12,646
accessibility, wordpress
The Ghosts of Markup Past (tho/mat)12,645
html, web, history
Stop Normalizing Unprofessional Behaviour in the Name of Agility12,644
agile, processes, communication, community, professionalism
Managing Node.js Processes12,643
nodejs, tooling
Introducing JavaScript Support in MySQL12,642
introductions, databases, mysql, javascript, support
How We Reduced CSS Size and Improved Performance Across GOV.UK12,641
case-studies, css, performance, optimization
CSS “@ scope” (mia/5t3)12,640
css, scope
Crafting Effective Documentation12,639
documentation
Christmas Tree Animations Made With CSS and JS12,638
css, javascript, animations, effects, link-lists
Ten Optimisation Tips for an Initial Web Performance Audit (acc/per)12,637
tips-and-tricks, optimization, performance, auditing
Addressing Unconscious Bias in Developer Relations: Strategies for Creating Fair and Inclusive Experiences12,636
developer-relations, dei, community, strategies
The Unspoken Struggle of Aging in a Tech-Driven World (uxd)12,635
accessibility, user-experience, web
V8 Is Faster and Safer Than Ever12,634
javascript-engines, v8, javascript, webassembly
The Financial Argument for Using an Outside Firm for Accessibility Remediation (kar)12,633
accessibility, economics
HTTP Keanu (sue)12,632
websites, http, protocols
How to Use ESM on the Web and in Node.js12,631
how-tos, esm, commonjs, modules, nodejs
Getting Started With Web Performance (acc/mat)12,630
introductions, performance, web-vitals, testing
Developer Toolkit12,629
websites, tooling, conversion, link-lists
Design Systems Teams: Understand Your Users So They Can Serve Theirs (deq)12,628
design-systems, leadership, collaboration, accessibility, user-experience
Announcing SvelteKit 2 (sve)12,627
release-notes, sveltekit
Anchor Positioning (kiz/5t3)12,626
css, anchor-positioning
Competing Against Internally Developed Tools12,625
tooling, processes
What Vue’s Creator Learned the Hard Way With Vue 3 (low/the)12,624
vuejs, lessons
What Really Is Technical Debt?12,623
technical-debt, terminology, quality
The Best Go Tools to Use for Your Frontend Projects (fre)12,622
go, tooling, link-lists
Popover API (mrt/5t3)12,621
pop-overs, apis, css