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

Frontend Dogma

News and Tools for Web Developers (12)

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