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

Frontend Dogma

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

→ Stay up-to-date on all topics by various RSS feeds (main feed with exclusive news: only $1/month), on Mastodon, and on Bluesky

Entry (Sources) and TopicsDate#
Mastering Node CSV13818
nodejs, csv
The Bun Shell (jar/bun)13817
bun, javascript, shells
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)13816
javascript, security, debugging, firefox, mozilla, browsers
A Call for Consensus on HTML Semantics (5t3)13815
html, semantics
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)13814
css, gradients, transparency+opacity
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)13813
accessibility, legal
Why Do Reflows Negatively Affect Performance? (fro)13812
performance, reflow
Making CSS View Transitions Easy With Velvette (nom/cod)13811
css, view-transitions, tooling
How Core Web Vitals Affect SEO (ind)13810
performance, web-vitals, lighthouse, google, seo
Under-Supported and Underpaid (aar)13809
accessibility, career, economics, craft
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (jen+)13808
videos, interviews, css, web, browsers, apple, safari
12 Modern CSS One-Line Upgrades (5t3)13807
css
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript13806
functionality, html, css, javascript
Astro 4.2 (eri+)13805
astro, release-notes
Node.js vs. Python: Which One to Choose for 202413804
nodejs, python, comparisons
Deceptive Deprecation: The Truth About npm Deprecated Packages13803
deprecation, security, npm, dependencies, research
The Color Input and the Color Picker (chr/fro)13802
html, colors, usability
Different Node.js Versions and Package Managers per Project—a Solved Problem (wem)13801
nodejs, dependencies, nvm
The Designer’s Guide to Social Computing13800
guides, design, social-media
Fading Content Using Transparent Gradient in CSS (ami)13799
css, gradients, transparency+opacity, effects
Safely Accessing the DOM With Angular SSR13798
security, dom, javascript, angular, server-side-rendering
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)13797
notifications, errors, validation, usability
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)13796
videos, javascript, arrays, sorting, comparisons
Dispatching an Event (chr/fro)13795
javascript, events
Basic Accessibility Mistakes I Often See in Audits (cfe)13794
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
AI Art Is the New Stock Image (ia)13793
design, ai, images
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)13792
introductions, scrolling, animations, css, functions
Are You Boring Your Interviewer by Over-Explaining Context?13791
career, interviewing, design
Guide to Fast Next.js13790
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Practical Guide to Usability Testing13789
guides, usability, testing
The Golden Rule of Assertions13788
javascript, testing
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience13787
react, data-fetching, code-splitting, components, techniques
Is It Time to Switch From Docker to Podman?13786
videos, docker, podman, tooling, comparisons
The Complex but Awesome CSS “border-image” Property (css/sma)13785
css, borders, techniques
Stop Trying to Recruit Unicorns With Acorns (cra)13784
accessibility, career
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)13783
nodejs, security
Measuring Developer Productivity: Real-World Examples (ger)13782
productivity, metrics, developer-experience, google, microsoft
Git Lesson: How to Use .gitignore and .gitkeep?13781
git, how-tos
Disillusioned With Deno (bal)13780
deno
Difference Between “getElementByID” and “querySelector”13779
javascript, css, selectors
APA-Style Titles in Laravel (ami)13778
writing, conventions, laravel
14 Things to Check Before Deploying a Website13777
deploying, quality, processes
Design Is Not Really a Thing13776
design, user-experience
The Evolution of Page Speed (mat/deb)13775
videos, performance, metrics, optimization, history
Dynamically Darken or Lighten a Color in CSS (bpu)13774
css, colors, functions
Combining “:has” and “:only-child” to Change Tab Containers (cri)13773
css, selectors
Why I Use htmx (fla)13772
htmx
Why I Use Alpine.js (fla)13771
alpinejs
Web Standards: The Guidelines That Every Developer Should Know13770
standards, history, w3c, html, css, xml, wcag
The Building Blocks of a Greenfield Vue Application in 2024 (fad)13769
vuejs, tooling, link-lists
React Libraries for 2024 (rwi)13768
react, libraries, link-lists
Performance and Stay Questions in 1:1s (j9t)13767
engineering-management, leadership, career, processes
Optimizing SQL Queries by 23×13766
databases, sql, performance, optimization
Moving on From React (kel)13765
migrating, react, stimulus
Accessible Notifications With ARIA Live Regions (sar)13764
accessibility, notifications, aria, live-regions
Accessible Notifications With ARIA Live Regions II (sar)13763
accessibility, notifications, aria, live-regions
Secure Your Code: Auto-Fix Vulnerabilities With Dependabot (GitHub Tutorial)13762
videos, dependencies, security, dependabot
Hover Contrast Bookmarklet (joe)13761
bookmarklets, hover, colors, contrast, focus, accessibility
Disable Browser Caching With “meta” HTML Tags13760
html, metadata, caching
Creating a Markdown Preprocessor for Svelte13759
svelte, sveltekit, markdown, functionality
Why Did Frontend Development Become So Complicated?13758
processes, complexity, career
Igalia Chats: Browser Politics and You (jaf+/iga)13757
podcasts, web-platform
I Hate CORS13756
videos, cors, security
“import myModule from "./my-module.torrent"”: Requiring Node Modules From BitTorrent (eva)13755
nodejs, modules
Building a Clean and Scalable Frontend Architecture13754
architecture, scalability, simplicity, maintainability
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol)13753
web-components, javascript, callbacks, comparisons
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor)13752
accessibility, ai, content
Kind of Annoyed at React (cas)13751
react
A Guide on Using Postman as a Frontend Developer in Web Development13750
guides, postman, apis
Avoid These 5 Mistakes as a Web Developer13749
career, mistakes, learning
Type in TypeScript13748
typescript, types
Static Site Generators: A Growing Trend in Frontend Development13747
static-site-generation, site-generators, trends
Power of WebRTC13746
webrtc, apis
Options for “optgroup” Labeling of “options” (ste)13745
accessibility, html, forms, browsers, screen-readers, support
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)13744
podcasts, javascript, performance, nodejs, optimization
How to Use “data-nosnippet” to Block Specific Content From Being Used in a Google Search Snippet (Experiment)13743
how-tos, seo, google, experiments
How to Get Started With Progressive Web Apps13742
how-tos, web-apps, progressive-web-apps, comparisons
Eliminating Cookie Banners Is Hard (jef)13741
cookies, consent-management, legal
Applying the SPACE Framework (lau)13740
productivity, metrics
Creating a Color Ramp Using Color Modifiers in Tokens Studio13739
design-systems, design-tokens, colors, figma
Bringing Down the Digital Divide13738
accessibility, user-experience
The Stack I Used to Build My Blog in 202413737
tech-stacks, functionality
5 CSS Snippets Every Front-End Developer Should Know in 2024 (arg)13736
css
Node.js Mastery: Advanced Development and Performance Tips13735
nodejs, servers, express, performance, testing, memory
Chrome Alternative Browsers to Check Out in 202413734
browsers, arc, the-browser-company, chromium, orion, kagi, firefox, mozilla
Compatibility of Node.js Versions With Packages13733
nodejs, versioning, dependencies
What I Have Learned From Conducting Over 100 Website Migrations (moz)13732
seo, migrating, testing
Using “abbr” Element With “title” Attribute (aar)13731
html, attributes, accessibility, browsers, assistive-tech, support
Top Front-End Tools of 2023 (lou/sma)13730
tooling, link-lists, retrospectives
If It’s Not Usable, It’s Not Accessible (tpg)13729
interviews, accessibility, usability, history
console.delight (zac/fro)13728
javascript, console, browsers, dev-tools, debugging
The Best Web Framework Doesn’t Exist13727
frameworks
Accounting for Internationalization With CSS and HTML (spa)13726
html, css, internationalization
Node v20.11.0 (LTS) (nod)13725
release-notes, nodejs
Understanding WCAG SC 3.2.6 Consistent Help (Level A)13724
accessibility, standards, wcag
We Removed Advertising Cookies, Here’s What Happened (get)13723
cookies, sem
Setting Up Renovate for GitHub Repositories13722
renovate, github, installing, configuration
High-Level System Architecture of Booking.com13721
architecture, microservices, case-studies
Using CSS Houdini to Extend Styling and Layout Capabilities (log)13720
css, houdini, apis, javascript
Streaming HTML Out of Order Without JavaScript13719
html, streaming
Release Notes for Safari Technology Preview 186 (jon/web)13718
release-notes, browsers, apple, safari
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (soc)13717
npm, retrospectives
Is htmx Just Another JavaScript Framework? (htm)13716
htmx, frameworks
Introducing fsx: A Modern Filesystem API for JavaScript (nza)13715
introductions, file-handling, apis, javascript
Dynamic Accessible Descriptions Reference (dar)13714
accessibility, testing
Designing Better Target Sizes (sha)13713
accessibility, design, best-practices
Buttons and Links—Common Misconceptions13712
accessibility, html, semantics, buttons, links
AI for Web Devs: Deploying Your AI App to Production (aus)13711
ai, deploying
Definition of Done (DoD) Explanation and Example13710
agile, scrum, processes, quality, examples
An Alphabetized List of MIME Types13709
mime-types
A 2024 Wishlist for Node’s Test Runner (cji)13708
nodejs, testing
Understanding Immutability in JavaScript13707
videos, javascript
The Change You Wish to See13706
accessibility
How We Built Project IDX: A High-Level Overview (goo)13705
overviews, project-idx, google, code-editors
A Global Design System (bra)13704
design-systems
Taking a Closer Look at “@property” in CSS (uti)13703
css
Vue 3—Dynamic Components13702
vuejs, components
SolidStart: A Different Breed of Meta-Framework (ati/sma)13701
frameworks, tooling, solidjs
Introduction to Data Engineering: A Complete Beginner’s Guide13700
guides, introductions, data-engineering
Why I Like Web Components13699
web-components, html
Where Have All the Websites Gone? (fro)13698
web, trends
What’s New in PHP 8.4 (ami)13697
php
Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (and)13696
css, scrolling, effects, progress-indicators
Top Pens of 2023 on CodePen (cod)13695
codepen, code-pens, link-lists, retrospectives
Let’s Make the IndieWeb Easier13694
indieweb, tooling
htmx for React Developers in 10 Minutes13693
videos, htmx, react
How Google Perfected the Web (ver)13692
google, web, seo
Declaring Globals Isn’t That Hard (mat)13691
videos, javascript, typescript
CRUD and SQL—the Basics13690
fundamentals, databases, sql
2024 Resolution: Be More Open-Source Centric13689
foss, tooling, link-lists
Embracing the Absurd in Your Design Practices13688
design, processes
Becoming a Senior Frontend Engineer (tec)13687
career
Notes on Using Logical Properties and Values (kiz)13686
css, logical-properties
Nested Dark Mode via CSS Proximity (doc)13685
css, dark-mode
My Web Development Wishlist 2024 (j9t)13684
community, user-experience, developer-experience, quality, conformance, wish-lists
How I’m Writing CSS in 202413683
css, tooling, developer-experience
Figma Is Not Forever13682
design, tooling, figma
Your MVP Must Be Accessible (den)13681
accessibility
Weird Things Engineers Believe About Web Development13680
standards, web-apps, javascript, building, web-platform
Simplifying Deployment: Using GitHub Actions and SSH for Quick and Easy Updates13679
deploying, github-actions, ssh
The Bulma CSS Framework: What It Is and How to Get Started13678
introductions, bulma
Software Quality13677
research, quality
20+ Tools for Node.js Development in 202413676
nodejs, tooling, link-lists
Mastering Promises: 8 Advanced Tips and Techniques13675
javascript, promises, asynchronicity, techniques, tips-and-tricks
When “Everything” Becomes Too Much: The npm Package Chaos of 2024 (soc)13674
npm, foss
Under the Radar CSS Features for Your CSS Reset (kev)13673
videos, css, resets
How to Use Template Literals in JavaScript (fre)13672
how-tos, javascript
Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? (b0r)13671
git, concepts, comparisons
CSS in 2024, Am I Right? (jhe)13670
videos, css
A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript (cfe)13669
react, javascript, simplicity
7 Front-End Web Development Trends for 202413668
trends, outlooks, libraries, frameworks, ai
AI Vertigo: Where Do We Go From Here as Designers?13667
design, ai, career
Building Multiple Progressive Web Apps on the Same Domain13666
videos, web-apps, progressive-web-apps, architecture, security
Notes on MathML (w3c)13665
mathml
The World of Web Browsers Is in a Bad Way (jen)13664
browsers, browser-engines, chromium, google
The Two Reacts (dan)13663
react, components, state-management
My CSS Resets (kei)13662
css, resets
Is CSS Alive? (css)13661
css
16 Lesser Known Accessibility Issues13660
accessibility
2024 Predictions by JavaScript Frontend Framework Maintainers13659
outlooks, javascript, frameworks, angular, nextjs, react, solidjs
Design Better Pagination13658
design, navigation, pagination
Getting Started With Vuetify: Building Beautiful Vue.js Apps13657
introductions, vuetify, vuejs
Accessibility Options for Floating Action Buttons13656
accessibility, floats, buttons
Tyler’s CSS Wish List for 2024 (tyl/clo)13655
css, wish-lists
The Website vs. Web App Dichotomy Doesn’t Exist (jak)13654
concepts, terminology, comparisons
The Popular Vote of Interop 2024 (chr/fro)13653
interoperability, web-platform
The AHA Stack (fla)13652
websites, tech-stacks, astro, htmx, alpinejs
Stop Closing Void Elements (j9t)13651
html
Oh Shit Banners (eri)13650
design, history
European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying (tec)13649
cookies, consent-management, legal
Worker Threads: Multitasking in NodeJS13648
nodejs, worker-threads, multithreading, link-lists
The View Transitions API and Delightful UI Animations II (cod/sma)13647
css, animations, view-transitions, apis
Stop Using Express.js13646
express
Not All Automated Testing Tools Support Shadow DOM in Web Components (mat)13645
accessibility, testing, automation, tooling, shadow-dom, dom, web-components
How to Set a Default Post Author in WordPress13644
how-tos, wordpress
How to Make External Links Accessible (pop)13643
how-tos, links, accessibility
BCD Watch (mey+/iga)13642
websites, browsers, support, interoperability, web-platform
Are You Ignoring These 8 DevTools Features?13641
videos, browsers, google, chrome, dev-tools, auditing, debugging
Agile Anti-Patterns That Can Harm UX13640
agile, anti-patterns, user-experience, processes
The Best React Chart Libraries for Data Visualization in 202413639
react, libraries, visualization, comparisons, link-lists
Top 30 JavaScript Interview Questions and Answers for 202513638
javascript, interviewing
Top 30 JavaScript Interview Questions and Answers for 202413637
javascript, interviewing
Mastering TypeScript: Looping With Types (ale)13636
typescript
Understanding the Most Important HTTP Status Codes13635
protocols, http
7 Predictions for Web Design in 2024 (web)13634
design, outlooks
My Perspective: Digital Accessibility and Overlays (lev)13633
accessibility, overlays
10 Interview Questions Every JavaScript Developer Should Know in 2024 (eri)13632
interviewing, javascript, career, concepts, terminology
3 Terminal Commands to Increase Your Productivity13631
command-line, productivity
Make Your Linux Terminal Enjoyable to Use13630
unix-like, command-line, shells, oh-my-zsh
A Comprehensive Guide to npm Workspaces and Monorepos13629
guides, monorepos, npm, yarn, dependencies
What Are Types in TypeScript13628
typescript, types
The Internet Is About to Get Weird Again (rol)13627
web, social-media
Shadow DOM and the Problem of Encapsulation (nol)13626
web-components, shadow-dom, dom, maintainability
React Is Slow, What to Do Now?13625
react, performance
Installing Google Fonts as npm Packages (ami)13624
installing, tooling, dependencies, google, fonts
The Ultimate Mobile Accessibility Resource Guide (ste)13623
guides, accessibility, link-lists
WCAG 2: Guidelines and Guardrails (yat)13622
accessibility, wcag, guidelines
Top 7 CSS Frameworks in 2024 (wea)13621
css, frameworks, tailwind, bootstrap, materialize, foundation, bulma, skeleton
Tools to Make Your Developer Experience Better in PHP (ami)13620
tooling, developer-experience, php, link-lists
React Server Components: The Good, the Bad, and the Ugly (may)13619
react, components
Making a Weblog With Eleventy13618
eleventy, blogging
Let’s Bring Back JavaScript’s “with()” Statement (mac)13617
javascript
2.5.8: Adversarial Conformance (aar)13616
accessibility, wcag, compliance
Incident: Mitigate, Learn (j9t)13615
processes, incident-response, learning, quality
Privacy Sandbox: Preparing for the End of 3rd-Party Cookies13614
privacy, cookies, support, google
What the Heck Is a Homomorphic Mapped Type?13613
typescript
Making Sense of “Senseless” JavaScript Features (mon)13612
javascript
Inspecting WCAG 2.2: Accessible Authentication13611
videos, accessibility, wcag, standards, authentication
Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds13610
accessibility, compliance, legal
Announcing Vue 3.4 (eva/vue)13609
vuejs, release-notes
CSS-in-JS Approach: Advantages, Disadvantages, and Use Cases13608
css-in-js, css, javascript
The New Old: Jamstack and MACH’s Journey Towards Traditional CMS Concepts (dri)13607
tech-stacks, jamstack, content-management
Server and Client Component—Next.js (fro)13606
nextjs, react, components
I Made JSX for Lua (Because I Hate Static Sites)13605
jsx, lua
HTML Validation—Pros and Cons13604
html, conformance
Future of Storybook in 2024 (shi/sto)13603
outlooks, storybook
Frontend Predictions for 2024 (shi)13602
retrospectives, outlooks
Everything You Need to Know About Responsive Logo Design (web)13601
design, branding, images, logos, responsive-design
Every Container Queries Demo Is a Card (chr)13600
css, container-queries
JS Design Patterns: A Comprehensive Guide13599
guides, javascript, software-design-patterns
I Built the Same App 7 Times: Which JS Framework Is Best?13598
javascript, frameworks, comparisons
CSS Wishlist13597
css, wish-lists
Coding Challenges 2024: What’s Your New Year’s Resolution? (the)13596
discussions, community
Measuring, Monitoring, and Optimizing TTFB With Server Timing (per)13595
performance, monitoring, optimization, apis, time
Container Style Queries (mat/5t3)13594
css, container-queries, style-queries
Never Underestimate HTML (lar/mat)13593
html, user-experience, developer-experience
Why AI Is a Disaster for the Climate (the)13592
ai, sustainability
The Devil Is in the Details: A Look Into a Disclosure Widget Markup (its/mat)13591
html, disclosure-widgets, css, javascript
Session-Based vs. Token-Based Authentication: Which Is Better?13590
authentication, json-web-tokens, comparisons, security
Responsive SVGs (nil/5t3)13589
svg, images, responsive-design
Polypane Review: Best Browser for Web Developers?13588
polypane, browsers, tooling
CSS-Based State Management (may)13587
css, state-management
Custom Mouse Hover Effect With JavaScript13586
javascript, effects, hover
WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name (mni)13585
accessibility, tips-and-tricks, wcag, keyboard-navigation, keyboard-shortcuts, labels
The View Transitions API and Delightful UI Animations (cod/sma)13584
css, animations, view-transitions, apis
GitHub Copilot: Tips and Tricks for Flutter Devs13583
github-copilot, ai, flutter, dart, tips-and-tricks
FileReader API (cla/5t3)13582
apis, javascript, file-handling
Best Practices for Coding With AI in 202413581
ai, best-practices
ARIA Live Regions (mat)13580
aria, live-regions, accessibility
Turn Your Vue App Into an Offline-Ready Progressive Web App13579
vuejs, refactoring, offline, progressive-web-apps
Debugging Fetch Priority (jec+)13578
videos, debugging, performance, web-vitals, apis
Cool Wiggly Hover Animation With CSS (ami)13577
css, animations, effects, hover
The Top Accessibility Errors Found in 2023 (tpg)13576
accessibility, conformance, quality, errors, retrospectives
The State of Benchmarking in Node.js13575
nodejs, performance, metrics
The Implied Web (hws/mat)13574
html, accessibility, semantics
The Complete Playwright Cheatsheet13573
cheat-sheets, playwright, testing
Scroll-Driven Animations (mic/5t3)13572
animations, scrolling, css
Screen Reader Users and the Tab Key (tem)13571
accessibility, screen-readers, keyboard-navigation, testing
Recapturing Early-Internet Whimsy With HTML (tec)13570
html, trends, design, art, decoration
JavaScript Frameworks—Heading Into 2024 (rya/thi)13569
javascript, frameworks, outlooks
“HTML First” Is Not HTML First (j9t)13568
html, principles, quality, craft
CSS Scope Issues (kiz)13567
css, scope
Container Queries and Units (zac/fro)13566
css, container-queries, units
2023 Digital Accessibility Year in Review (tpg)13565
accessibility, retrospectives
Clean Architecture: Theming With Tailwind and CSS Variables13564
theming, tailwind, custom-properties, css
Are We Too Pedantic With Semantic (dis)13563
design, design-tokens, semantics
The Golden Rule of Web Performance and Different Performance Engineering Specializations (per)13562
principles, performance
10 Best Practices for Secure Code Review of Node.js Code13561
best-practices, security, code-reviews, nodejs
Release Notes for Safari Technology Preview 185 (jon/web)13560
release-notes, browsers, apple, safari
New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem (sim/sma)13559
viewport, css, units, scrolling
Locking Scroll With “:has()” (rob)13558
css, selectors, scrolling
CSS Nesting (kil/5t3)13557
css, nesting
Classes vs. Prototypes in JavaScript (cfe)13556
javascript, prototypes, comparisons
New to the Web Platform in December (rac)13555
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Using the CSS “contain” Property: A Deep Dive (log)13554
deep-dives, css, containment
See What’s New in Firefox [121.0] (moz)13553
release-notes, browsers, mozilla, firefox
We Can :has It All (hex)13552
css, selectors, browsers, support
View Transitions (hui/5t3)13551
css, javascript, view-transitions
Reflow Red Flags (tpg)13550
accessibility, reflow, testing
Practical “img” Element Defaults (zor/css)13549
videos, css, images
Experimental Chromium Web Platform Features (pol)13548
overviews, experiments, web-platform, standards, chromium
Eigensolutions: Composability as the Antidote to Overfit (lea)13547
product-management, processes
Border Images in CSS: A Key Focus Area for Interop 2023 (dip/mdn)13546
images, borders, css, browsers, web-platform, interoperability
“align-content” in Block Layout (rac)13545
css, layout, support, browsers
10 Ways to Speed Up JavaScript Loading13544
javascript, performance, lazy-loading, minification, bundling, code-splitting, tree-shaking, modules, content-delivery, caching, compression, auditing
Good Design Is Subjective, Contextual, and Intentional13543
design, processes
You Might Be Looking for HTML “article”, Not “section” (san)13542
html, semantics
RLI (Recently Logged-In) Browser Cache Bypassing (tim/per)13541
performance, caching, optimization
Think About Your Future Self13540
accessibility
The Goldilocks Principle for Prototyping (nng)13539
videos, principles, prototyping, usability
New JS Array Methods (cfe/5t3)13538
javascript, arrays, methods
Zustand—Complete Tutorial (cos)13537
videos, tutorials, zustand, state-management, libraries, react
The Road to HTMHell Is Paved With Semantics (pep/mat)13536
html, semantics, quality
Thank You to Those Who Helped Me to Be the CSS Developer I Am Today13535
career, community
React Props Explained With Examples13534
react, props, examples
Making Data Visualizations Accessible (ons/tpg)13533
accessibility, information-design
How to Center an Element in CSS Without Adding a Wrapper in HTML13532
how-tos, centering, css, techniques
Building Components for Consumption, Not Complexity II (dis/sma)13531
design-systems, components, figma
AI for Web Devs: AI Image Generation (aus)13530
ai, tooling, images, automation
A Checklist for CLS Scenarios (per)13529
checklists, performance, web-vitals
Revisiting Fundamentals—Semantic Lists for Improved Accessibility (mis/mat)13528
fundamentals, semantics, html, accessibility
CSS “animation-composition” (tyl/5t3)13527
css, animations
Naming Design Tokens: The Art of Clarity and Consistency13526
design-tokens, naming, consistency
How GitHub Actions Versioning System Works (rob)13525
github-actions, versioning, semver
Sharing a State Between Windows Without a Server13524
web-workers, apis, state-management, effects, javascript
Web Components (may/5t3)13523
web-components, html, shadow-dom, dom
Swallowing Camels (kol/mat)13522
accessibility
HTML Can Do This?13521
html
Baseline Does Not Really Cover Baseline Support (aar)13520
browsers, support, web-platform, accessibility
Stop Normalizing Unprofessional Behaviour in the Name of Agility13519
agile, processes, communication, community, professionalism
Who Stole My Largest Contentful Paint? (per)13518
performance, web-vitals, optimization
CSS “@scope” (mia/5t3)13517
css, scope
The WordPress Showcase and Accessibility (joe)13516
accessibility, wordpress
The Ghosts of Markup Past (tho/mat)13515
html, web, history
Managing Node.js Processes13514
nodejs, tooling
Introducing JavaScript Support in MySQL13513
introductions, databases, mysql, javascript, support
How We Reduced CSS Size and Improved Performance Across GOV.UK13512
case-studies, css, performance, optimization
Crafting Effective Documentation13511
documentation
Christmas Tree Animations Made With CSS and JS13510
css, javascript, animations, effects, link-lists
The Unspoken Struggle of Aging in a Tech-Driven World13509
accessibility, user-experience, web
V8 Is Faster and Safer Than Ever13508
javascript-engines, v8, javascript, webassembly
Ten Optimisation Tips for an Initial Web Performance Audit (acc/per)13507
tips-and-tricks, optimization, performance, auditing
Addressing Unconscious Bias in Developer Relations: Strategies for Creating Fair and Inclusive Experiences13506
developer-relations, dei, community, strategies
The Financial Argument for Using an Outside Firm for Accessibility Remediation (kar)13505
accessibility, economics
HTTP Keanu (sue)13504
websites, http, protocols
How to Use ESM on the Web and in Node.js13503
how-tos, esm, commonjs, modules, nodejs
Getting Started With Web Performance (acc/mat)13502
introductions, performance, web-vitals, testing
Developer Toolkit13501
websites, tooling, conversion, link-lists
Design Systems Teams: Understand Your Users So They Can Serve Theirs (deq)13500
design-systems, leadership, collaboration, accessibility, user-experience
Announcing SvelteKit 2 (sve)13499
release-notes, sveltekit
Anchor Positioning (kiz/5t3)13498
css, anchor-positioning
What Really Is Technical Debt?13497
technical-debt, terminology, quality
What Vue’s Creator Learned the Hard Way With Vue 313496
vuejs, lessons
6 Techniques for Conditional Rendering in React, With Examples13495
techniques, react
Competing Against Internally Developed Tools13494
tooling, processes
Why I Use Astro (fla)13493
astro
The Best Go Tools to Use for Your Frontend Projects (fre)13492
go, tooling, link-lists
Popover API (mrt/5t3)13491
pop-overs, apis, css
My Accessibility Journey (web)13490
accessibility, career
HTML: The Bad Parts (may/mat)13489
html
How to Get Good at Competitive Programming13488
how-tos, programming
CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study (uti/sma)13487
sliders, css, scrolling, layout, case-studies
Add a Sitemap (sitemap.xml) for Your Eleventy Website (w3t)13486
eleventy, sitemaps
Can UX Design Actually Be Ethical?13485
user-experience, design, ethics
Using Nodemon and Watch in Node.js for Live Restarts (cra)13484
nodejs, tooling
Baseline 2023 (rac)13483
browsers, support, web-platform
Extending Responsive Video With HTML Web Components (sco/per)13482
multimedia, responsive-design, web-components, javascript
Embrace the Platform (bra)13481
web-platform, html, css, javascript, resilience, progressive-enhancement, craft
Using Date-Based CSS to Make Old Web Pages Look Old (ede)13480
css, history
Three Modern CSS Properties Your Website Must Have13479
css
Test-Driven HTML and Accessibility (mat)13478
html, accessibility, testing, javascript
Engineering Progression for Humans (sop)13477
career, engineering-management
Accessibility Overlays (eu)13476
accessibility, overlays, metrics
The Best WebAssembly Runtime May Be No Runtime at All (jed)13475
webassembly, runtimes
Why Designers Quit (2023 Report)13474
design, career
Chrome Enables Desktop Mode by Default on Premium Tablets (pau)13473
browsers, google, chrome, desktop
WebKit Features in Safari 17.2 (jen+/web)13472
release-notes, browsers, apple, safari, webkit
Video Subtitles, Captions, Audio Descriptions, and Transcripts (dar)13471
accessibility, multimedia, captions
The “hidden” Attribute in HTML (mat)13470
html, attributes
The “await” Event Horizon in JavaScript (fro)13469
javascript, events
Screen Reader User Survey #10 (web)13468
surveys, accessibility, screen-readers
Quantity Queries Are Very Easy With CSS “:has()” (chr/fro)13467
css, selectors
Node.js, TypeScript, and ESM: It Doesn’t Have to Be Painful13466
nodejs, typescript, esm
“innerHTML” vs. “innerText” vs. “textContent”—What's the Difference? (fre)13465
dom, javascript, html, comparisons
Improve App Performance With Angular 17 “defer”13464
videos, angular, performance, optimization
How to Enable Experimental CSS and JS Features in Chrome, Firefox, and Safari (zor/css)13463
videos, how-tos, experiments, browsers, google, chrome, mozilla, firefox, apple, safari
Everything Is Chrome (val)13462
browsers, history, browser-wars, chrome, google, browser-extensions, amp, link-lists
Developer Relations Is an All-Company Effort (bla)13461
developer-relations, foss, community
Decoding Compound Tokens13460
design-tokens, terminology
Building Components for Consumption, Not Complexity (dis/sma)13459
design-systems, components, figma
Behavior Belongs in the HTML13458
html, javascript, principles
Asynchronous JavaScript—How to Use Promises in Your JS Code (fre)13457
how-tos, javascript, promises, asynchronicity
ARIA, the Good Parts (hdv/par)13456
videos, accessibility, aria
Task Automation and Debugging With AI-Powered Tools13455
automation, debugging, tooling, ai
A Perfectly Normal Amount of Tech Debt (max)13454
technical-debt, maintenance
Template for Accessibility Guidelines (stv/mat)13453
templates, accessibility, guidelines
Signals of Interface Quality13452
design, quality
Potential Problems With Accessibility Audits and What to Do About Them (cer)13451
accessibility, auditing, testing
How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (paw)13450
performance, web-vitals, optimization, case-studies
A List of JavaScript Engines, Runtimes, Interpreters13449
javascript, javascript-engines, runtimes, link-lists
What the Slot? (dut/mat)13448
web-components, dom, shadow-dom, html
Media Queries in HTML Video (aar)13447
html, multimedia, css, media-queries, accessibility
All Technical Debt Is a Risk to the Product and to Your Business13446
technical-debt, quality, product-management, processes
Audit Your Site for Third-Party Cookies13445
videos, auditing, cookies, privacy
Scroll Fading 101 (nng)13444
scrolling, interaction-design, usability
Oh No! My JSON! (ton)13443
css
Incorporating “Skip to Main Content” Links for Better Website Accessibility (a11)13442
accessibility, skip-links
React Performance Optimization13441
react, performance, optimization
CSS Wrapped: 2023 (una+)13440
css, browsers, support, interoperability, retrospectives
Why Chromium Cares About Standards13439
chromium, standards, web-platform
The Shrinkwrap Problem: Possible Future Solutions (kiz)13438
css
The Most Accessible Font13437
accessibility, typography, legibility, fonts
The Last 5 Years of V8’s Garbage Collector (win)13436
javascript, javascript-engines, v8, garbage-collection, concurrency, history
Stop Nesting Ternaries in JavaScript (phi)13435
javascript, operators
Security Headers Using “<meta>” (sap/mat)13434
security, csp, html
Release Notes for Safari Technology Preview 184 (jon/web)13433
release-notes, browsers, apple, safari
Preparing for Interaction to Next Paint, a New Web Core Vital (geo/sma)13432
performance, web-vitals, optimization
Is PHP Still a Viable Choice in 2023?13431
discussions, php
Insights: Mobile Accessibility13430
accessibility, research, metrics, mobile
CSS Snapshot 2023 (tab+/w3c)13429
css, standards
Angular Signals: Complete Guide13428
guides, angular, signals, examples
Accessibility-Specific Tech Requirements? It Depends!13427
accessibility, processes
A Beginner’s Guide to Accessible Text (pop)13426
guides, accessibility, content, writing, best-practices
Understanding the New WCAG 2.2 Criteria13425
accessibility, wcag
Fine, I’ll Use a Super Basic CSS Processing Setup (chr/fro)13424
css, sass, postcss, lightning-css, postprocessors
TypeScript’s Hidden Feature: Subtypes13423
typescript
The Complete Puppeteer Cheatsheet13422
puppeteer, cheat-sheets, chromium
Overview of Drupal13421
overviews, drupal
HTML5 Boilerplate v9.0.0 Released13420
release-notes, html5-boilerplate
Dark Design Patterns Catalog13419
design, user-experience, dark-patterns
Custom Events in Web Components (cfe)13418
web-components, events, javascript
Astro 4.0 (blu+)13417
release-notes, astro
Scale Your React App With Storybook and Chromatic13416
react, scalability, storybook
A Definition Update for Baseline (kad+)13415
browsers, support, web-platform
Maglev—V8’s Fastest Optimizing JIT13414
v8, optimization, browsers, google, chrome
Web Chat Accessibility Considerations (cra)13413
accessibility, functionality, wcag, aria
The Hellish History of HTML: An Incomplete and Personal Account (cra/mat)13412
html, history
“sizes=auto” Pretty Much Requires “width” and “height” Attributes (eee)13411
html, attributes, images, maintainability
My 3 Rules for Documenting Code (wra)13410
documentation, naming, processes
Blind CSS Exfiltration: Exfiltrate Unknown Web Pages13409
css, security
Better Vue.js Inputs With Generics: The Select13408
vuejs, generics, components
Baseline’s Evolution on MDN (pep/mdn)13407
browsers, support, web-platform, documentation, mdn, case-studies
4 Dead Simple Ways of Customizing Bootstrap13406
bootstrap, customization, css
The Pros and Cons of Using React Today13405
react, frameworks
12 Important User-Interface Design Guidelines (uxm)13404
guidelines, design, usability
The Importance of User Feedback and Data in UX Design (uxm)13403
user-experience, metrics
The State of UX in 2024: Enter Late-Stage UX (fab)13402
user-experience, design, outlooks
10 Tips for Implementing Webflow On-Page SEO13401
webflow, seo, tips-and-tricks
Testing the Performance of Social Media Embeds (mic)13400
performance, testing, embed-code, social-media
An Informed Pre-Caching Strategy for Large Sites (per)13399
strategies, performance, caching
Why Carousels Don’t Work13398
carousels, design, user-experience
Pen, Paper, IDE: A DevTool Founder’s Early-Stage Product Design Guide (rom+/evi)13397
guides, design, product-management, processes
Of Time and the Web (ada/btc)13396
videos, web, processes, history
How Marketing Changed OOP in JavaScript (mon/sma)13395
marketing, javascript, oop, software-design-patterns
CSS Media Query for Scripting Support (sea)13394
css, media-queries, browsers, support
Color Psychology in Visual Design: A Practical Guide to Impacting User Behavior (uxm)13393
guides, design, colors, tips-and-tricks
Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (dni/mat)13392
fundamentals, html, attributes, accessibility, user-experience
100 Bucket List Ideas for Programmers13391
career, learning
Is the Flat Design Trend Finally Over?13390
design, flat-design, trends
Choosing the Right Static Site Generator: A Comprehensive Comparison of Hugo, Jekyll, and Pelican13389
site-generators, comparisons, hugo, jekyll
The “form” Attribute—Enhancing Form Layout Flexibility (mat)13388
forms, html, attributes
A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together13387
design, processes, atlassian, figma
Fastest Way of Passing State to JavaScript, Re-Visited (kur/per)13386
javascript, state-management, performance
You Don’t Need JavaScript for That (kil/mat)13385
javascript
Let’s Learn How Modern JavaScript Frameworks Work by Building One (nol)13384
javascript, frameworks, reactivity, rendering, dom
Create Dynamic Web Experiences With Interactive SVG Animations13383
svg, images, animations, tooling
Does Web Design Matter?13382
design, web
Debugging BFCache, Make Your Page Load Instantly (jec+)13381
videos, performance, bfcache, browsers, google, chrome, dev-tools, debugging
Search vs. Browse13380
user-experience, browsing, searching, comparisons
Deceptive Patterns in UX: How to Recognize and Avoid Them (nng)13379
user-experience, dark-patterns
Web Development Advent Calendars for 2023 (aar)13378
link-lists, learning
The UX of HTML (vas/mat)13377
html, semantics, user-experience
Recovering Deleted Files From Your Git Working Tree (sma)13376
git, command-line
I Replaced npm, Yarn, and nvm With pnpm (paw)13375
dependencies, npm, yarn, pnpm, nvm
How to Use a Color Font (man)13374
how-tos, fonts, css
CSS Relative Colors (luc/iod)13373
css, colors
New to the Web Platform in November (rac)13372
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
Preparing for a Live Demo13371
career
Not All Screen Reader Users Are Blind (tem)13370
accessibility, user-experience, screen-readers
Node v21.3.0 (raf/nod)13369
release-notes, nodejs
Is 2024 the Year of CSS Nesting? (jar/van)13368
css, nesting
Firefox on the Brink? (bry)13367
browsers, mozilla, firefox
Creating a Marquee Effect With CSS Animations13366
css, animations, effects
Measure LCP Sub-Parts to Improve Largest Contentful Paint (mat/deb)13365
performance, web-vitals, metrics
Design That Scales13364
books, design, design-systems, scalability, processes
Hide and Debug Empty Elements With CSS (mic)13363
css
Alternative Frontends13362
web, censorship
CSS: BEM or Atomic Design13361
css, bem, atomic-design, comparisons
Testing in Production With Canary Deployments: A How-To Guide13360
guides, testing, deploying
Fetch API, Do You Really Know How to Handle Errors?13359
data-fetching, apis, errors
CSS Modules (fro)13358
css, modules, scope, examples
How to Use the File System in Node.js (cra)13357
how-tos, file-handling, nodejs, apis
The Difference Between Nesting an “@layer” in “@media” and “@container” Query (mat)13356
videos, css, media-queries, container-queries, comparisons
Kirby 4 (mau)13355
kirby
Oh No, Overflow! (mic)13354
css, overflow, layout
Care Beyond Code: 7 Best Design Practices for Frontend Developers (tra/evi)13353
design, best-practices
Accessing .env Files Natively With Node.js13352
nodejs, environments
Resource Loading at the Cutting Edge (per)13351
videos, performance
10 JavaScript Changes You Missed in 2023 (fir)13350
videos, javascript, retrospectives
“An Accessible Website Won’t Be Beautiful”… Really?!13349
design, aesthetics, accessibility
Kicking the Excessive JavaScript Habit (mic)13348
javascript, performance, developer-experience, user-experience
Web Components Eliminate JavaScript Framework Lock-In (jak)13347
web-components, javascript, frameworks, maintainability
The “hanging-punctuation” Property in CSS (chr)13346
css, typography
Keyboard Accessibility Myths and WCAG (gra/tet)13345
accessibility, keyboard-navigation, wcag, myths
How to Use Responsive HTML Video (…and Audio!) (sco)13344
how-tos, responsive-design, html, multimedia
How to Use Chrome’s Accessibility Tree (pop)13343
how-tos, accessibility, browsers, google, chrome
Checking the Type of a String in PHP (ami)13342
php, strings
Burnout in the Digital Accessibility Field13341
accessibility, career
Accessibility: A Practical Perspective (mat)13340
accessibility
A Complete Guide to pnpm13339
guides, pnpm, dependencies
Progressive Enhancement vs. Graceful Degradation: Approaches to Web Development13338
progressive-enhancement, graceful-degradation, comparisons
OOP Design Patterns in JavaScript13337
javascript, oop, software-design-patterns
“oklch()” Retains Perceived Lightness for Different Hue Angles (ste)13336
css, functions, colors, oklch
Are Design Ethics Useless? (koo)13335
design, ethics
Preventing Scroll “Bounce” With CSS (mic)13334
css, scrolling
Accessibility Is Leadership (dav)13333
accessibility, leadership
Design Systems Metrics—What I Have Learned Leading the [Design System] of the Biggest Edtech in Latin America13332
design-systems, metrics, lessons
Weird HTML Hacks (ern)13331
html, css, hacks, techniques, history
A Few Ways CSS Is Easier to Write in 2023 (geo/sma)13330
css, techniques, comparisons
Measuring Long Animation Frames (LoAFs) in the Browser (mat/deb)13329
animations, performance, apis, web-vitals
State of JavaScript 2023 (sac/dev)13328
surveys, javascript
How to Test 3.3.7 Redundant Entry (tpg)13327
how-tos, accessibility, testing, wcag
Browsers Only Update “:target” on Page Load and During Fragment Navigation (sim)13326
css, selectors
Choosing a Green Web Host (mic)13325
hosting, sustainability
Top 10 Most Popular JavaScript Frameworks to Choose in 202413324
javascript, frameworks, react, angular, vuejs, nodejs, express, meteor, nextjs, emberjs, backbone, svelte
Vue and Vite Status Update (eva)13323
videos, vuejs, vite
The Elevator Pitch for Web Components (cfe)13322
web-components, html, dom
Test Often to Keep Your Designs Simple13321
design, prototyping, testing, simplicity
Shadow DOM Is for Hiding Your Shame13320
shadow-dom, dom, web-components, html
Psychology of Speed: A Guide to Perceived Performance (fox/cal)13319
guides, performance, user-experience