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

Frontend Dogma

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

→ 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#
Static Site Generators: A Growing Trend in Frontend Development15007
static-site-generation, site-generators, trends
Options for “optgroup” Labeling of “options” (ste)15006
accessibility, html, forms, browsers, screen-readers, support
Eliminating Cookie Banners Is Hard (jef)15005
cookies, consent-management, legal
What I Have Learned From Conducting Over 100 Website Migrations (moz)15004
seo, migrating, testing
Bringing Down the Digital Divide15003
accessibility, user-experience
Creating a Color Ramp Using Color Modifiers in Tokens Studio15002
design-systems, design-tokens, colors, figma
Compatibility of Node.js Versions With Packages15001
nodejs, versioning, dependencies
If It’s Not Usable, It’s Not Accessible (slo/tpg)15000
interviews, accessibility, usability, history
Chrome Alternative Browsers to Check Out in 202414999
browsers, arc, chromium, orion, firefox
The Stack I Used to Build My Blog in 202414998
tech-stacks, functionality
5 CSS Snippets Every Front-End Developer Should Know in 2024 (arg)14997
css
Node.js Mastery: Advanced Development and Performance Tips14996
nodejs, servers, express, performance, testing, memory
Using “abbr” Element With “title” Attribute (aar)14995
html, attributes, accessibility, browsers, assistive-tech, support
Top Front-End Tools of 2023 (lou/sma)14994
tooling, link-lists, retrospectives
console.delight (zac/fro)14993
javascript, console, browsers, dev-tools, debugging
Is htmx Just Another JavaScript Framework? (htm)14992
htmx, frameworks
Streaming HTML Out of Order Without JavaScript14991
html, streaming
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (bur/soc)14990
npm, retrospectives
Buttons and Links—Common Misconceptions14989
accessibility, html, semantics, buttons, links
Setting Up Renovate for GitHub Repositories14988
renovate, github, installing, configuration
Node v20.11.0 (LTS) (nod)14987
release-notes, nodejs
The Best Web Framework Doesn’t Exist14986
frameworks
Release Notes for Safari Technology Preview 186 (jon/web)14985
release-notes, browsers, safari
Accounting for Internationalization With CSS and HTML (spa)14984
html, css, internationalization
Understanding WCAG SC 3.2.6 Consistent Help (Level A)14983
accessibility, standards, wcag
We Removed Advertising Cookies, Here’s What Happened (get)14982
cookies, sem
High-Level System Architecture of Booking.com14981
architecture, microservices, case-studies
Using CSS Houdini to Extend Styling and Layout Capabilities (log)14980
css, houdini, apis, javascript
Introducing fsx: A Modern Filesystem API for JavaScript (nza)14979
introductions, file-handling, apis, javascript
Dynamic Accessible Descriptions Reference (dar)14978
accessibility, testing
Designing Better Target Sizes (sha)14977
accessibility, design, best-practices
AI for Web Devs: Deploying Your AI App to Production (aus)14976
ai, deploying
Understanding Immutability in JavaScript14975
videos, javascript
Definition of Done (DoD) Explanation and Example14974
agile, scrum, processes, quality, examples
A 2024 Wishlist for Node’s Test Runner (cji)14973
nodejs, testing
An Alphabetized List of MIME Types14972
mime-types
How We Built Project IDX: A High-Level Overview14971
overviews, project-idx, google, code-editors
The Change You Wish to See14970
accessibility
A Global Design System (bra)14969
design-systems
2024 Resolution: Be More Open-Source Centric14968
foss, tooling, link-lists
CRUD and SQL—the Basics14967
fundamentals, databases, sql
SolidStart: A Different Breed of Meta-Framework (ati/sma)14966
frameworks, tooling, solidstart, solidjs
htmx for React Developers in 10 Minutes (jhe)14965
videos, htmx, react
Taking a Closer Look at “@property” in CSS (uti)14964
css
Vue 3—Dynamic Components14963
vuejs, components
Introduction to Data Engineering: A Complete Beginner’s Guide14962
guides, introductions, data-engineering
Why I Like Web Components14961
web-components, html
Where Have All the Websites Gone? (fro)14960
web, trends
What’s New in PHP 8.4 (ami)14959
php
Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (and)14958
css, scrolling, effects, progress-indicators
Top Pens of 2023 on CodePen (cod)14957
codepen, code-pens, link-lists, retrospectives
Let’s Make the IndieWeb Easier14956
indieweb, tooling
How Google Perfected the Web (ver)14955
google, web, seo
Declaring Globals Isn’t That Hard (mat)14954
videos, javascript, typescript
Embracing the Absurd in Your Design Practices14953
design, processes
How I’m Writing CSS in 2024 (lee)14952
css, tooling, developer-experience
Becoming a Senior Frontend Engineer (tec)14951
career
Notes on Using Logical Properties and Values (kiz)14950
css, logical-properties
Nested Dark Mode via CSS Proximity (doc)14949
css, dark-mode
My Web Development Wishlist 2024 (j9t)14948
community, user-experience, developer-experience, quality, conformance, wish-lists
Figma Is Not Forever14947
design, tooling, figma
Weird Things Engineers Believe About Web Development14946
standards, web-apps, javascript, building, web-platform
Your MVP Must Be Accessible (den)14945
accessibility
Simplifying Deployment: Using GitHub Actions and SSH for Quick and Easy Updates14944
deploying, github-actions, ssh
When “Everything” Becomes Too Much: The npm Package Chaos of 2024 (soc)14943
npm, foss
Mastering Promises: 8 Advanced Tips and Techniques14942
javascript, promises, asynchrony, techniques, tips-and-tricks
7 Front-End Web Development Trends for 202414941
trends, outlooks, libraries, frameworks, ai
The Bulma CSS Framework: What It Is and How to Get Started14940
introductions, bulma
Software Quality14939
research, quality
20+ Tools for Node.js Development in 202414938
nodejs, tooling, link-lists
Under the Radar CSS Features for Your CSS Reset (kev)14937
videos, css, resets
How to Use Template Literals in JavaScript (fre)14936
how-tos, javascript
Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? (b0r)14935
git, concepts, comparisons
CSS in 2024, Am I Right? (jhe)14934
videos, css
A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript (cfe)14933
react, javascript, simplicity
Notes on MathML (w3c)14932
mathml
Building Multiple Progressive Web Apps on the Same Domain14931
videos, web-apps, progressive-web-apps, architecture, security
AI Vertigo: Where Do We Go From Here as Designers?14930
design, ai, career
Detecting AI Fingerprints: A Guide to Watermarking and Beyond (bro)14929
guides, ai, fingerprinting, watermarking
The World of Web Browsers Is in a Bad Way (jen)14928
browsers, browser-engines, chromium, google
16 Lesser Known Accessibility Issues14927
accessibility
The Two Reacts (dan)14926
react, components, state-management
My CSS Resets (kei)14925
css, resets
Is CSS Alive? (css)14924
css
Accessibility Options for Floating Action Buttons14923
accessibility, floats, buttons
Design Better Pagination14922
design, navigation, pagination
European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying (tec)14921
cookies, consent-management, legal
2024 Predictions by JavaScript Frontend Framework Maintainers14920
outlooks, javascript, frameworks, angular, nextjs, react, solidjs
Getting Started With Vuetify: Building Beautiful Vue.js Apps14919
introductions, vuetify, vuejs
Tyler’s CSS Wish List for 2024 (tyl/clo)14918
css, wish-lists
The Website vs. Web App Dichotomy Doesn’t Exist (jak)14917
concepts, terminology, comparisons
The Popular Vote of Interop 2024 (chr/fro)14916
interoperability, web-platform
The AHA Stack (fla)14915
websites, tech-stacks, astro, htmx, alpinejs
Stop Closing Void Elements (j9t)14914
html
Oh Shit Banners (eri)14913
design, history
Agile Anti-Patterns That Can Harm UX14912
agile, anti-patterns, user-experience, processes
Are You Ignoring These 8 DevTools Features?14911
videos, browsers, chrome, dev-tools, auditing, debugging
Stop Using Express.js14910
express
Worker Threads: Multitasking in NodeJS14909
nodejs, worker-threads, multithreading, link-lists
The View Transitions API and Delightful UI Animations II (cod/sma)14908
css, animations, view-transitions, apis
Not All Automated Testing Tools Support Shadow DOM in Web Components (mat)14907
accessibility, testing, automation, tooling, shadow-dom, dom, web-components
How to Set a Default Post Author in WordPress14906
how-tos, wordpress
How to Make External Links Accessible (pop)14905
how-tos, links, accessibility
BCD Watch (mey+/iga)14904
websites, browsers, support, interoperability, web-platform
Understanding the Most Important HTTP Status Codes14903
protocols, http
7 Predictions for Web Design in 2024 (web)14902
design, outlooks
The Best React Chart Libraries for Data Visualization in 202414901
react, libraries, visualization, comparisons, link-lists
Top 30 JavaScript Interview Questions and Answers for 202514900
javascript, interviewing
Top 30 JavaScript Interview Questions and Answers for 202414899
javascript, interviewing
Mastering TypeScript: Looping With Types (ale)14898
typescript
3 Terminal Commands to Increase Your Productivity14897
command-line, productivity
10 Interview Questions Every JavaScript Developer Should Know in 2024 (eri)14896
interviewing, javascript, career, concepts, terminology
My Perspective: Digital Accessibility and Overlays (lev)14895
accessibility, overlays
Make Your Linux Terminal Enjoyable to Use14894
linux, command-line, shells, oh-my-zsh
What Are Types in TypeScript14893
typescript, types
The Internet Is About to Get Weird Again (ani/rol)14892
web, social-media
A Comprehensive Guide to npm Workspaces and Monorepos14891
guides, monorepos, npm, yarn, dependencies
Shadow DOM and the Problem of Encapsulation (nol)14890
web-components, shadow-dom, dom, maintainability
React Is Slow, What to Do Now?14889
react, performance
Installing Google Fonts as npm Packages (ami)14888
installing, tooling, dependencies, google, fonts
The Ultimate Mobile Accessibility Resource Guide (ste)14887
guides, accessibility, link-lists
WCAG 2: Guidelines and Guardrails (yat)14886
accessibility, wcag, guidelines
Top 7 CSS Frameworks in 2024 (wea)14885
css, frameworks, tailwind, bootstrap, materialize, foundation, bulma, skeleton
Tools to Make Your Developer Experience Better in PHP (ami)14884
tooling, developer-experience, php, link-lists
React Server Components: The Good, the Bad, and the Ugly (may)14883
react, components
Making a Weblog With Eleventy14882
eleventy, blogging
Let’s Bring Back JavaScript’s “with()” Statement (mac)14881
javascript
2.5.8: Adversarial Conformance (aar)14880
accessibility, wcag, compliance
What the Heck Is a Homomorphic Mapped Type?14879
typescript
Privacy Sandbox: Preparing for the End of 3rd-Party Cookies14878
privacy, cookies, support, google
Inspecting WCAG 2.2: Accessible Authentication14877
videos, accessibility, wcag, standards, authentication
Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds14876
accessibility, compliance, legal
Incident: Mitigate, Learn (j9t)14875
processes, incident-response, learning, quality
Making Sense of “Senseless” JavaScript Features (mon)14874
javascript
Announcing Vue 3.4 (eva/vue)14873
vuejs, release-notes
I Made JSX for Lua (Because I Hate Static Sites)14872
jsx, lua
CSS-in-JS Approach: Advantages, Disadvantages, and Use Cases14871
css-in-js, css, javascript
The New Old: Jamstack and MACH’s Journey Towards Traditional CMS Concepts (dri)14870
tech-stacks, jamstack, content-management
Server and Client Component—Next.js (fro)14869
nextjs, react, components
HTML Validation—Pros and Cons14868
html, conformance
Future of Storybook in 2024 (shi/sto)14867
outlooks, storybook
Frontend Predictions for 2024 (shi)14866
retrospectives, outlooks
Everything You Need to Know About Responsive Logo Design (web)14865
design, branding, images, logos, responsive-design
Every Container Queries Demo Is a Card (chr)14864
css, container-queries
I Built the Same App 7 Times: Which JS Framework Is Best?14863
javascript, frameworks, comparisons
CSS Wishlist14862
css, wish-lists
JS Design Patterns: A Comprehensive Guide14861
guides, javascript, software-design-patterns
Coding Challenges 2024: What’s Your New Year’s Resolution? (the)14860
discussions, community
Measuring, Monitoring, and Optimizing TTFB With Server Timing (per)14859
performance, monitoring, optimization, apis, time
Container Style Queries (mat/5t3)14858
css, container-queries, style-queries
Never Underestimate HTML (lar/mat)14857
html, user-experience, developer-experience
Session-Based vs. Token-Based Authentication: Which Is Better?14856
authentication, json-web-tokens, comparisons, security
Why AI Is a Disaster for the Climate (the)14855
ai, sustainability
Polypane Review: Best Browser for Web Developers?14854
polypane, browsers, tooling
The Devil Is in the Details: A Look Into a Disclosure Widget Markup (its/mat)14853
html, disclosure-widgets, css, javascript
Responsive SVGs (nil/5t3)14852
svg, images, responsive-design
CSS-Based State Management (may)14851
css, state-management
GitHub Copilot: Tips and Tricks for Flutter Devs14850
github-copilot, ai, flutter, dart, tips-and-tricks
WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name (mni)14849
accessibility, tips-and-tricks, wcag, keyboard-navigation, keyboard-shortcuts, labels
Best Practices for Coding With AI in 202414848
ai, best-practices
Custom Mouse Hover Effect With JavaScript14847
javascript, effects, hover
The View Transitions API and Delightful UI Animations (cod/sma)14846
css, animations, view-transitions, apis
FileReader API (cla/5t3)14845
apis, javascript, file-handling
ARIA Live Regions (mat)14844
aria, live-regions, accessibility
Recapturing Early-Internet Whimsy With HTML (tec)14843
html, trends, design, art, decoration
The State of Benchmarking in Node.js14842
nodejs, performance
The Complete Playwright Cheatsheet14841
cheat-sheets, playwright, testing
Turn Your Vue App Into an Offline-Ready Progressive Web App14840
vuejs, refactoring, offline, progressive-web-apps
Debugging Fetch Priority (jec+)14839
videos, debugging, performance, web-vitals, apis
Cool Wiggly Hover Animation With CSS (ami)14838
css, animations, effects, hover
The Top Accessibility Errors Found in 2023 (tpg)14837
accessibility, conformance, quality, errors, retrospectives
The Implied Web (hws/mat)14836
html, accessibility, semantics
Scroll-Driven Animations (mic/5t3)14835
animations, scrolling, css
Screen Reader Users and the Tab Key (tem)14834
accessibility, screen-readers, keyboard-navigation, testing
JavaScript Frameworks—Heading Into 2024 (rya/thi)14833
javascript, frameworks, outlooks
“HTML First” Is Not HTML First (j9t)14832
html, principles, quality, craft
CSS Scope Issues (kiz)14831
css, scope
Container Queries and Units (zac/fro)14830
css, container-queries, units
2023 Digital Accessibility Year in Review (tpg)14829
accessibility, retrospectives
The Golden Rule of Web Performance and Different Performance Engineering Specializations (per)14828
principles, performance
Release Notes for Safari Technology Preview 185 (jon/web)14827
release-notes, browsers, safari
Clean Architecture: Theming With Tailwind and CSS Variables14826
theming, tailwind, custom-properties, css
Are We Too Pedantic With Semantic (dis)14825
design, design-tokens, semantics
10 Best Practices for Secure Code Review of Node.js Code14824
best-practices, security, code-reviews, nodejs
New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem (sim/sma)14823
viewport, css, units, scrolling
Locking Scroll With “:has()” (rob)14822
css, selectors, scrolling
CSS Nesting (kil/5t3)14821
css, nesting
Classes vs. Prototypes in JavaScript (cfe)14820
javascript, prototypes, comparisons
New to the Web Platform in December14819
release-notes, web-platform, browsers, firefox, chrome, safari
“align-content” in Block Layout14818
css, layout, support, browsers
10 Ways to Speed Up JavaScript Loading14817
javascript, performance, lazy-loading, minification, bundling, code-splitting, tree-shaking, modules, content-delivery, caching, compression, auditing
See What’s New in Firefox [121.0] (moz)14816
release-notes, browsers, firefox
Using the CSS “contain” Property: A Deep Dive (log)14815
deep-dives, css, containment
We Can :has It All (hex)14814
css, selectors, browsers, support
View Transitions (hui/5t3)14813
css, javascript, view-transitions
Reflow Red Flags (tpg)14812
accessibility, reflow, testing
Practical “img” Element Defaults (zor/css)14811
videos, css, images
Experimental Chromium Web Platform Features (pol)14810
overviews, experiments, web-platform, standards, chromium
Eigensolutions: Composability as the Antidote to Overfit (lea)14809
product-management, processes
Border Images in CSS: A Key Focus Area for Interop 2023 (dip/mdn)14808
images, borders, css, browsers, web-platform, interoperability
How to Center an Element in CSS Without Adding a Wrapper in HTML (moj)14807
how-tos, centering, css, techniques
Thank You to Those Who Helped Me to Be the CSS Developer I Am Today (web)14806
career, community
Think About Your Future Self14805
accessibility
Good Design Is Subjective, Contextual, and Intentional14804
design, processes
React Props Explained With Examples14803
react, props, examples
You Might Be Looking for HTML “article”, Not “section” (san)14802
html, semantics
RLI (Recently Logged-In) Browser Cache Bypassing (tim/per)14801
performance, caching, optimization
The Goldilocks Principle for Prototyping (nng)14800
videos, principles, prototyping, usability
New JS Array Methods (cfe/5t3)14799
javascript, arrays, methods
Zustand—Complete Tutorial (cos)14798
videos, tutorials, zustand, state-management, libraries, react
The Road to HTMHell Is Paved With Semantics (pep/mat)14797
html, semantics, quality
Making Data Visualizations Accessible (ons/tpg)14796
accessibility, information-design
Building Components for Consumption, Not Complexity II (dis/sma)14795
design-systems, components, figma
AI for Web Devs: AI Image Generation (aus)14794
ai, tooling, images, automation
A Checklist for CLS Scenarios (kee/per)14793
checklists, performance, web-vitals
Revisiting Fundamentals—Semantic Lists for Improved Accessibility (mis/mat)14792
fundamentals, semantics, html, accessibility
CSS “animation-composition” (tyl/5t3)14791
css, animations
HTML Can Do This?14790
html
Sharing a State Between Windows Without a Server14789
web-workers, apis, state-management, effects, javascript
Naming Design Tokens: The Art of Clarity and Consistency14788
design-tokens, naming, consistency
How GitHub Actions Versioning System Works (rob)14787
github-actions, versioning, semver
Web Components (may/5t3)14786
web-components, html, shadow-dom, dom
Swallowing Camels (kol/mat)14785
accessibility
Baseline Does Not Really Cover Baseline Support (aar)14784
browsers, support, web-platform, accessibility
Managing Node.js Processes14783
nodejs, tooling
Stop Normalizing Unprofessional Behaviour in the Name of Agility14782
agile, processes, communication, community, professionalism
Crafting Effective Documentation14781
documentation
Introducing JavaScript Support in MySQL14780
introductions, databases, mysql, javascript, support
How We Reduced CSS Size and Improved Performance Across GOV.UK14779
case-studies, css, performance, optimization
Who Stole My Largest Contentful Paint? (per)14778
performance, web-vitals, optimization
CSS “@scope” (mia/5t3)14777
css, scope
The WordPress Showcase and Accessibility (joe)14776
accessibility, wordpress
The Ghosts of Markup Past (tho/mat)14775
html, web, history
Christmas Tree Animations Made With CSS and JS14774
css, javascript, animations, effects, link-lists
The Unspoken Struggle of Aging in a Tech-Driven World14773
accessibility, user-experience, web
Addressing Unconscious Bias in Developer Relations: Strategies for Creating Fair and Inclusive Experiences14772
developer-relations, dei, community, strategies
V8 Is Faster and Safer Than Ever14771
javascript-engines, v8, javascript, webassembly
Ten Optimisation Tips for an Initial Web Performance Audit (acc/per)14770
tips-and-tricks, optimization, performance, auditing
The Financial Argument for Using an Outside Firm for Accessibility Remediation (kar)14769
accessibility, economics
HTTP Keanu (sue)14768
websites, http, protocols
How to Use ESM on the Web and in Node.js14767
how-tos, esm, commonjs, modules, nodejs
Getting Started With Web Performance (acc/mat)14766
introductions, performance, web-vitals, testing
Developer Toolkit14765
websites, tooling, conversion, link-lists
Design Systems Teams: Understand Your Users So They Can Serve Theirs (deq)14764
design-systems, leadership, collaboration, accessibility, user-experience
Announcing SvelteKit 2 (sve)14763
release-notes, sveltekit
Anchor Positioning (kiz/5t3)14762
css, anchor-positioning
Add a Sitemap (sitemap.xml) for Your Eleventy Website (w3t)14761
eleventy, sitemaps
The Best Go Tools to Use for Your Frontend Projects (fre)14760
go, tooling, link-lists
How to Get Good at Competitive Programming14759
how-tos, programming
What Vue’s Creator Learned the Hard Way With Vue 314758
vuejs, lessons
What Really Is Technical Debt?14757
technical-debt, terminology, quality
6 Techniques for Conditional Rendering in React, With Examples14756
techniques, react
Competing Against Internally Developed Tools14755
tooling, processes
Why I Use Astro (fla)14754
astro
Popover API (mrt/5t3)14753
pop-overs, apis, css
My Accessibility Journey (web)14752
accessibility, career
HTML: The Bad Parts (may/mat)14751
html
CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study (uti/sma)14750
sliders, css, scrolling, layout, case-studies
Baseline 202314749
browsers, support, web-platform
Three Modern CSS Properties Your Website Must Have (moj)14748
css
Test-Driven HTML and Accessibility (mat)14747
html, accessibility, testing, javascript
Can UX Design Actually Be Ethical?14746
user-experience, design, ethics
Using Nodemon and Watch in Node.js for Live Restarts (cra)14745
nodejs, tooling
Extending Responsive Video With HTML Web Components (sco/per)14744
multimedia, responsive-design, web-components, javascript
Embrace the Platform (bra)14743
web-platform, html, css, javascript, resilience, progressive-enhancement, craft
Using Date-Based CSS to Make Old Web Pages Look Old (ede)14742
css, history
Engineering Progression for Humans (sop)14741
career, engineering-management
Accessibility Overlays (eu)14740
accessibility, overlays, metrics
WebKit Features in Safari 17.2 (mar/web)14739
release-notes, browsers, safari, webkit
The “await” Event Horizon in JavaScript (fro)14738
javascript, events
Node.js, TypeScript, and ESM: It Doesn’t Have to Be Painful14737
nodejs, typescript, esm
Asynchronous JavaScript—How to Use Promises in Your JS Code (fre)14736
how-tos, javascript, promises, asynchrony
Behavior Belongs in the HTML14735
html, javascript, principles
Why Designers Quit (2023 Report)14734
design, career
Improve App Performance With Angular 17 “defer”14733
videos, angular, performance, optimization
Decoding Compound Tokens14732
design-tokens, terminology
The “hidden” Attribute in HTML (ahm/mat)14731
html, attributes
Everything Is Chrome (val)14730
browsers, history, browser-wars, chrome, browser-extensions, amp, link-lists
How to Enable Experimental CSS and JS Features in Chrome, Firefox, and Safari (zor/css)14729
videos, how-tos, experiments, browsers, chrome, firefox, safari
Chrome Enables Desktop Mode by Default on Premium Tablets (pau)14728
browsers, chrome, desktop
The Best WebAssembly Runtime May Be No Runtime at All (jed)14727
webassembly, runtimes
Video Subtitles, Captions, Audio Descriptions, and Transcripts (dar)14726
accessibility, multimedia, captions
Screen Reader User Survey #10 (web)14725
surveys, accessibility, screen-readers
Quantity Queries Are Very Easy With CSS “:has()” (chr/fro)14724
css, selectors
“innerHTML” vs. “innerText” vs. “textContent”—What's the Difference? (fre)14723
dom, javascript, html, comparisons
Developer Relations Is an All-Company Effort (bla)14722
developer-relations, foss, community
Building Components for Consumption, Not Complexity (dis/sma)14721
design-systems, components, figma
ARIA, the Good Parts (hdv/par)14720
videos, accessibility, aria
Signals of Interface Quality14719
design, quality
Task Automation and Debugging With AI-Powered Tools14718
automation, debugging, tooling, ai
A Perfectly Normal Amount of Tech Debt (max)14717
technical-debt, maintenance
Template for Accessibility Guidelines (stv/mat)14716
templates, accessibility, guidelines
Potential Problems With Accessibility Audits and What to Do About Them (cer)14715
accessibility, auditing, testing
How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (paw)14714
performance, web-vitals, optimization, case-studies
A List of JavaScript Engines, Runtimes, Interpreters14713
javascript, javascript-engines, runtimes, link-lists
What the Slot? (dut/mat)14712
web-components, dom, shadow-dom, html
Media Queries in HTML Video (aar)14711
html, multimedia, css, media-queries, accessibility
Scroll Fading 101 (nng)14710
introductions, scrolling, interaction-design, usability
All Technical Debt Is a Risk to the Product and to Your Business14709
technical-debt, quality, product-management, processes
Incorporating “Skip to Main Content” Links for Better Website Accessibility (a11)14708
accessibility, skip-links
Audit Your Site for Third-Party Cookies14707
videos, auditing, cookies, privacy
Oh No! My JSON! (ton)14706
css
React Performance Optimization14705
react, performance, optimization
The Most Accessible Font14704
accessibility, typography, legibility, fonts
Insights: Mobile Accessibility14703
accessibility, research, metrics, mobile
Release Notes for Safari Technology Preview 184 (jon/web)14702
release-notes, browsers, safari
Angular Signals: Complete Guide14701
guides, angular, signals, examples
Stop Nesting Ternaries in JavaScript (phi)14700
javascript, operators
Accessibility-Specific Tech Requirements? It Depends!14699
accessibility, processes
CSS Wrapped: 2023 (una+)14698
css, browsers, support, interoperability, retrospectives
Why Chromium Cares About Standards14697
chromium, standards, web-platform
The Shrinkwrap Problem: Possible Future Solutions (kiz)14696
css
The Last 5 Years of V8’s Garbage Collector (win)14695
javascript, javascript-engines, v8, garbage-collection, concurrency, history
Security Headers Using “<meta>” (sap/mat)14694
security, csp, html
Preparing for Interaction to Next Paint, a New Web Core Vital (geo/sma)14693
performance, web-vitals, optimization
Is PHP Still a Viable Choice in 2023?14692
discussions, php
CSS Snapshot 2023 (tab+/w3c)14691
css, standards
A Beginner’s Guide to Accessible Text (pop)14690
guides, accessibility, content, writing, best-practices
The Complete Puppeteer Cheatsheet14689
puppeteer, cheat-sheets, chromium
Overview of Drupal14688
overviews, drupal
Understanding the New WCAG 2.2 Criteria14687
accessibility, wcag
Fine, I’ll Use a Super Basic CSS Processing Setup (chr/fro)14686
css, sass, postcss, lightning-css, postprocessors
TypeScript’s Hidden Feature: Subtypes14685
typescript
HTML5 Boilerplate v9.0.0 Released14684
release-notes, html5-boilerplate
Dark Design Patterns Catalog14683
design, user-experience, dark-patterns
Custom Events in Web Components (cfe)14682
web-components, events, javascript
Scale Your React App With Storybook and Chromatic14681
react, scalability, storybook
Better Vue.js Inputs With Generics: The Select14680
vuejs, generics, components
4 Dead Simple Ways of Customizing Bootstrap14679
bootstrap, customization, css
Maglev—V8’s Fastest Optimizing JIT14678
v8, optimization, browsers, chrome
Blind CSS Exfiltration: Exfiltrate Unknown Web Pages14677
css, security
Astro 4.0 (blu+)14676
release-notes, astro
A Definition Update for Baseline (kad+)14675
browsers, support, web-platform
Web Chat Accessibility Considerations (cra)14674
accessibility, functionality, wcag, aria
The Hellish History of HTML: An Incomplete and Personal Account (cra/mat)14673
html, history
“sizes=auto” Pretty Much Requires “width” and “height” Attributes (eee)14672
html, attributes, images, maintainability
My 3 Rules for Documenting Code (wra)14671
documentation, naming, processes
Baseline’s Evolution on MDN (pep/mdn)14670
browsers, support, web-platform, documentation, mdn, case-studies
Of Time and the Web (btc)14669
videos, web, processes, history
100 Bucket List Ideas for Programmers14668
career, learning
An Informed Pre-Caching Strategy for Large Sites (eth/per)14667
strategies, performance, caching
Why Carousels Don’t Work (ant)14666
carousels, design, user-experience
The Pros and Cons of Using React Today14665
react, frameworks
12 Important User-Interface Design Guidelines (uxm)14664
guidelines, design, usability
The Importance of User Feedback and Data in UX Design (uxm)14663
user-experience, metrics
The State of UX in 2024: Enter Late-Stage UX (fab)14662
user-experience, design, outlooks
10 Tips for Implementing Webflow On-Page SEO14661
webflow, seo, tips-and-tricks
Testing the Performance of Social Media Embeds (mic)14660
performance, testing, embed-code, social-media
Pen, Paper, IDE: A DevTool Founder’s Early-Stage Product Design Guide (rom+/evi)14659
guides, design, product-management, processes
How Marketing Changed OOP in JavaScript (mon/sma)14658
marketing, javascript, oop, software-design-patterns
CSS Media Query for Scripting Support (sea)14657
css, media-queries, browsers, support
Color Psychology in Visual Design: A Practical Guide to Impacting User Behavior (uxm)14656
guides, design, colors, tips-and-tricks
Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (dni/mat)14655
fundamentals, html, attributes, accessibility, user-experience
Is the Flat Design Trend Finally Over?14654
design, flat-design, trends
Choosing the Right Static Site Generator: A Comprehensive Comparison of Hugo, Jekyll, and Pelican14653
site-generators, comparisons, hugo, jekyll
The “form” Attribute—Enhancing Form Layout Flexibility (mat)14652
forms, html, attributes
A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together14651
design, processes, atlassian, figma
Fastest Way of Passing State to JavaScript, Re-Visited (kur/per)14650
javascript, state-management, performance
You Don’t Need JavaScript for That (kil/mat)14649
javascript
Let’s Learn How Modern JavaScript Frameworks Work by Building One (nol)14648
javascript, frameworks, reactivity, rendering, dom
Recovering Deleted Files From Your Git Working Tree (sma)14647
git, command-line
Deceptive Patterns in UX: How to Recognize and Avoid Them (nng)14646
user-experience, dark-patterns
Does Web Design Matter?14645
design, web
Debugging BFCache, Make Your Page Load Instantly (jec+)14644
videos, performance, bfcache, browsers, chrome, dev-tools, debugging
Create Dynamic Web Experiences With Interactive SVG Animations14643
svg, images, animations, tooling
Search vs. Browse14642
user-experience, browsing, searching, comparisons
Web Development Advent Calendars for 2023 (aar)14641
link-lists, learning
The UX of HTML (vas/mat)14640
html, semantics, user-experience
I Replaced npm, Yarn, and nvm With pnpm (paw)14639
dependencies, npm, yarn, pnpm, nvm
How to Use a Color Font (man)14638
how-tos, fonts, css
CSS Relative Colors (luc/iod)14637
css, colors
New to the Web Platform in November14636
release-notes, web-platform, browsers, chrome, firefox
Preparing for a Live Demo14635
career
Creating a Marquee Effect With CSS Animations14634
css, animations, effects
Node v21.3.0 (raf/nod)14633
release-notes, nodejs
Firefox on the Brink? (bry)14632
browsers, firefox
Not All Screen Reader Users Are Blind (tem)14631
accessibility, user-experience, screen-readers
Is 2024 the Year of CSS Nesting? (jar/van)14630
css, nesting
CSS: BEM or Atomic Design14629
css, bem, atomic-design, comparisons
Testing in Production With Canary Deployments: A How-To Guide14628
guides, testing, deploying
Fetch API, Do You Really Know How to Handle Errors?14627
data-fetching, apis, errors
Alternative Frontends14626
web, censorship
Measure LCP Sub-Parts to Improve Largest Contentful Paint (mat/deb)14625
performance, web-vitals, metrics
Design That Scales14624
books, design, design-systems, scalability, processes
Hide and Debug Empty Elements With CSS (mic)14623
css
CSS Modules (fro)14622
css, modules, scope, examples
Accessing .env Files Natively With Node.js14621
nodejs, environments
Care Beyond Code: 7 Best Design Practices for Frontend Developers (tra/evi)14620
design, best-practices
How to Use the File System in Node.js (cra)14619
how-tos, file-handling, nodejs, apis
The Difference Between Nesting an “@layer” in “@media” and “@container” Query (mat)14618
videos, css, media-queries, container-queries, comparisons
Kirby 4 (mau)14617
kirby
Oh No, Overflow! (mic)14616
css, overflow, layout
Resource Loading at the Cutting Edge (pro/per)14615
videos, performance
HTML Compression on Popular Websites (dvk)14614
html, compression, gzip, brotli, metrics
How to Use Chrome’s Accessibility Tree (pop)14613
how-tos, accessibility, browsers, chrome
A Complete Guide to pnpm14612
guides, pnpm, dependencies
Burnout in the Digital Accessibility Field14611
accessibility, career
10 JavaScript Changes You Missed in 2023 (fir)14610
videos, javascript, retrospectives
“An Accessible Website Won’t Be Beautiful”… Really?!14609
design, aesthetics, accessibility
Kicking the Excessive JavaScript Habit (mic)14608
javascript, performance, developer-experience, user-experience
Web Components Eliminate JavaScript Framework Lock-In (jak)14607
web-components, javascript, frameworks, maintainability
The “hanging-punctuation” Property in CSS (chr)14606
css, typography
Keyboard Accessibility Myths and WCAG (gra/tet)14605
accessibility, keyboard-navigation, wcag, myths
How to Use Responsive HTML Video (…and Audio!) (sco)14604
how-tos, responsive-design, html, multimedia
Checking the Type of a String in PHP (ami)14603
php, strings
Accessibility: A Practical Perspective (mat)14602
accessibility
OOP Design Patterns in JavaScript14601
javascript, oop, software-design-patterns
Progressive Enhancement vs. Graceful Degradation: Approaches to Web Development14600
progressive-enhancement, graceful-degradation, comparisons
“oklch()” Retains Perceived Lightness for Different Hue Angles (ste)14599
css, functions, colors, oklch
Are Design Ethics Useless? (koo)14598
design, ethics
Preventing Scroll “Bounce” With CSS (mic)14597
css, scrolling
Design Systems Metrics—What I Have Learned Leading the [Design System] of the Biggest Edtech in Latin America14596
design-systems, metrics, lessons
Accessibility Is Leadership (dav)14595
accessibility, leadership
Weird HTML Hacks (ern)14594
html, css, hacks, techniques, history
A Few Ways CSS Is Easier to Write in 2023 (geo/sma)14593
css, techniques, comparisons
Measuring Long Animation Frames (LoAFs) in the Browser (mat/deb)14592
animations, performance, apis, web-vitals
State of JavaScript 2023 (sac/dev)14591
surveys, javascript
How to Test 3.3.7 Redundant Entry (tpg)14590
how-tos, accessibility, testing, wcag
Psychology of Speed: A Guide to Perceived Performance (fox/cal)14589
guides, performance, user-experience
Test Often to Keep Your Designs Simple14588
design, prototyping, testing, simplicity
Shadow DOM Is for Hiding Your Shame14587
shadow-dom, dom, web-components, html
Vue and Vite Status Update (eva)14586
videos, vuejs, vite
Browsers Only Update “:target” on Page Load and During Fragment Navigation (sim)14585
css, selectors
Choosing a Green Web Host (mic)14584
hosting, sustainability
Top 10 Most Popular JavaScript Frameworks to Choose in 202414583
javascript, frameworks, react, angular, vuejs, nodejs, express, meteor, nextjs, emberjs, backbone, svelte
The Elevator Pitch for Web Components (cfe)14582
web-components, html, dom
Demystifying Web Push Notifications14581
notifications, javascript
Easy Introduction to Variables and Data Types in Programming for Beginners (ara)14580
introductions, variables, types, programming
Why We Don’t Like TDD: A Developer’s Perspective14579
testing, processes
The Unbearable Weight of Massive JavaScript (rya/per)14578
videos, javascript, frameworks, performance
URL Parser Performance (bag)14577
urls, parsing, performance
The Tension and Future of Jamstack (zac)14576
tech-stacks, jamstack
PHP Attributes in Laravel14575
php, laravel, attributes
An Interactive Guide to CSS Grid (jos)14574
guides, css, grids, layout
Navigating the Intersection of Brand Strategy and User Experience (uxm)14573
branding, strategies, user-experience
How to Avoid Breaking Web Pages for Keyboard Users (tpg)14572
how-tos, accessibility, keyboard-navigation
Streams in Node.js14571
nodejs, streaming, examples
Jimdo’s Engineering Guidelines14570
guidelines, processes, collaboration, onboarding, case-studies
Inspecting WCAG 2.2: Target Size14569
videos, accessibility, wcag, standards
SEO Writing: 12 Tips for Creating SEO-Optimized Content (sem)14568
seo, writing, content, optimization, tips-and-tricks
What Are Webhooks and How to Use Them14567
webhooks
Width and Height in CSS (jim)14566
css
The 9 HTML Elements That Have an Attribute of the Same Name, or: The 9 Attributes That Have an Element of the Same Name (j9t)14565
html, attributes
CSS4 Is Coming (Not a Clickbait) (zor/css)14564
videos, css
Conducting a Content Audit to Improve Your Content (uxm)14563
content, auditing, quality, optimization
Announcing TypeScript 5.3 (dan/typ)14562
release-notes, typescript
Adding a CSS Playground to Your Astro Site With Svelte14561
astro, svelte, css, functionality
Introduction to AWS—DynamoDB14560
introductions, aws, dynamodb, databases
CSS Nesting UX in DevTools (sha)14559
css, nesting, user-experience, developer-experience, browsers, dev-tools
CSS Nesting (sha)14558
css, nesting
26 Frontend Certifications for Web Developers14557
training, career, link-lists
How Independent Publishing Has Changed From the 1990s Until Today14556
history, writing, web
The CSS Property You Didn’t Know You Needed14555
css
Skip PHPUnit Tests Conditionally in PHP (ami)14554
php, testing
Comparison of Accessibility of E-Government Websites in Europe (cer)14553
accessibility, case-studies, comparisons
An Attempted Taxonomy of Web Components (zac)14552
web-components, html
10 Great Websites to Learn Web Development (apo)14551
link-lists, learning
Why You Should Curate, Not Create, a Design System14550
design-systems, processes
10 Tips for Driving Design System Adoption (zer)14549
design-systems, tips-and-tricks
Integrating MongoDB With Node.js14548
mongodb, nodejs
5 Formatting Techniques for Long-Form Content (nng)14547
usability, content, writing, formatting, techniques
Why Svelte?14546
svelte, react, frameworks
Understanding Dev Dependencies in Web Development14545
dependencies
“NODE_ENV=production” Is a Lie (mco)14544
videos, nodejs, environments, optimization
HTML Web Components Are Just JavaScript? (mia/odd)14543
web-components, javascript, html
The Developer Job Market Is Insane—5 Tips on How to Survive14542
career, interviewing, tips-and-tricks
Evolution of Visible Focus14541
videos, accessibility, focus
Vite 5.0 Is Out (vit)14540
release-notes, vite
Wasp Lang and Prisma ORM: A New Era in Web Development (pri)14539
videos, wasp, prisma, orm
Using Chrome’s Accessibility Tree for Manual Testing of HTML and ARIA (rus)14538
videos, browsers, chrome, dev-tools, accessibility, testing, html, aria
4 Web Devs, 1 App Idea (whi+)14537
videos, web-apps, case-studies
How to Use Node.js With Docker (cra)14536
how-tos, nodejs, docker
Until the Right Design Emerges…14535
design
The Node.js Event Loop (mco/pla)14534
nodejs, event-loop, events
The Best CSS Background Patterns for Your Next Project14533
css, backgrounds
Getting Started With CSS Container Queries (mic/mdn)14532
introductions, css, container-queries
Exclusive Accordions Exclude (yat)14531
accessibility, html, accordions
Introduction to LangChain14530
introductions, langchain
How to Optimize MongoDB Performance for Node.js (app)14529
how-tos, mongodb, optimization, nodejs
Optimizing Frontend Performance: Mastering Memoization, Throttling, and Debouncing14528
performance, optimization, memoization, throttling, debouncing
Biome—Unified Linting and Formatting Solution14527
biome, configuration
Release Notes for Safari Technology Preview 183 (jon/web)14526
release-notes, browsers, safari
A Guide to Low-Code No-Code in Software Development14525
guides, low-and-no-code, concepts
Shattering the Design System: Unleashing the Creative Revolution (cre)14524
design-systems, creativity, processes
Introducing N|Solid Copilot: Your AI-Powered Node.js Navigator (nod)14523
introductions, nodejs, ai, tooling, nsolid
We Need to Have a Chat? I Think We Should Refactor14522
design-systems, maintenance, refactoring
Browsing the Eastern Side of the Personal Web14521
web, community
Why Doesn’t AI Work for Producing Accessible Code? (ala)14520
accessibility, code-generation, ai
Using Selectlist in React (kil/pol)14519
react, forms
Modular CSS and Different Ways to Structure Your Stylesheets (cfe)14518
css, modules
Is It Worth Keeping Your CSS DRY—Pros and Cons14517
css, maintainability, principles
About Subgrid and Colored Grid Lines (len)14516
css, grids, layout
A Tip for Properly Handling Loading States in Web Apps (ray)14515
tips-and-tricks, state-management, web-apps
How I Test a Website for Accessibility14514
accessibility, testing
Accessibility Testing With Chrome DevTools14513
accessibility, testing, browsers, chrome, dev-tools
What Is Transpiling in JavaScript?14512
videos, javascript, ecmascript, transpiling, babel
Simplifying the E2E Selectors Hassle14511
angular, typescript, testing
Elevate Your CSS Debugging Skills With These Chrome DevTools Tricks in 2024 (uti)14510
css, debugging, browsers, chrome, dev-tools
Designing for Accessibility Beyond Compliance14509
design, accessibility, compliance
Node.js Monthly Downloads (mco)14508
websites, nodejs, metrics