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#
WebKit Features in Safari 17.3 (jen/web)13842
release-notes, browsers, apple, safari, webkit
Use Tailwind CSS Prefixes for Shared Design System Components (sen)13841
tailwind, design-systems, components
Repetition Avoidance (ste)13840
code-pens, accessibility, user-experience, aria
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website13839
pjpeg, jpeg, images, performance, comparisons
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)13838
accessibility, processes, testing
Handling Environment Variables in Node.js (mco/pla)13837
environments, variables, nodejs
Could Local SEO Transform Your User Experience? (uxm)13836
seo, user-experience
Continuous Accessibility: What, Why, How (ass)13835
accessibility, processes, testing, tooling
Battle of the Browsers (zer)13834
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)13833
design, tooling, link-lists
What Is Our Design Intention?13832
design, processes
Vector Database Recommender System (ast)13831
databases, vector-databases
Why I Don’t Care About Website/Blog Stats (nei)13830
blogging, metrics, sem
What Is CSS Motion Path?13829
css, svg, animations
The World’s Smallest PNG (eva)13828
images, png, minimalism
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)13827
accessibility, design, html, aria
Mastering Node CSV13826
nodejs, csv
The Bun Shell (jar/bun)13825
bun, javascript, shells
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)13824
javascript, security, debugging, firefox, mozilla, browsers
A Call for Consensus on HTML Semantics (5t3)13823
html, semantics
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)13822
css, gradients, transparency+opacity
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)13821
accessibility, legal
Why Do Reflows Negatively Affect Performance? (fro)13820
performance, reflow
Making CSS View Transitions Easy With Velvette (nom/cod)13819
css, view-transitions, tooling
How Core Web Vitals Affect SEO (ind)13818
performance, web-vitals, lighthouse, google, seo
Under-Supported and Underpaid (aar)13817
accessibility, career, economics, craft
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (jen+)13816
videos, interviews, css, web, browsers, apple, safari
12 Modern CSS One-Line Upgrades (5t3)13815
css
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript13814
functionality, html, css, javascript
Astro 4.2 (eri+)13813
astro, release-notes
Node.js vs. Python: Which One to Choose for 202413812
nodejs, python, comparisons
Deceptive Deprecation: The Truth About npm Deprecated Packages13811
deprecation, security, npm, dependencies, research
The Color Input and the Color Picker (chr/fro)13810
html, colors, usability
Different Node.js Versions and Package Managers per Project—a Solved Problem (wem)13809
nodejs, dependencies, nvm
The Designer’s Guide to Social Computing13808
guides, design, social-media
Fading Content Using Transparent Gradient in CSS (ami)13807
css, gradients, transparency+opacity, effects
Safely Accessing the DOM With Angular SSR13806
security, dom, javascript, angular, server-side-rendering
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)13805
notifications, errors, validation, usability
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)13804
videos, javascript, arrays, sorting, comparisons
Dispatching an Event (chr/fro)13803
javascript, events
Basic Accessibility Mistakes I Often See in Audits (cfe)13802
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
AI Art Is the New Stock Image (ia)13801
design, ai, images
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)13800
introductions, scrolling, animations, css, functions
Are You Boring Your Interviewer by Over-Explaining Context?13799
career, interviewing, design
Guide to Fast Next.js13798
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Practical Guide to Usability Testing13797
guides, usability, testing
The Golden Rule of Assertions13796
javascript, testing
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience13795
react, data-fetching, code-splitting, components, techniques
Is It Time to Switch From Docker to Podman?13794
videos, docker, podman, tooling, comparisons
The Complex but Awesome CSS “border-image” Property (css/sma)13793
css, borders, techniques
Stop Trying to Recruit Unicorns With Acorns (cra)13792
accessibility, career
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)13791
nodejs, security
Measuring Developer Productivity: Real-World Examples (ger)13790
productivity, metrics, developer-experience, google, microsoft
Git Lesson: How to Use .gitignore and .gitkeep?13789
git, how-tos
Disillusioned With Deno (bal)13788
deno
Difference Between “getElementByID” and “querySelector”13787
javascript, css, selectors
APA-Style Titles in Laravel (ami)13786
writing, conventions, laravel
14 Things to Check Before Deploying a Website13785
deploying, quality, processes
Design Is Not Really a Thing13784
design, user-experience
The Evolution of Page Speed (mat/deb)13783
videos, performance, metrics, optimization, history
Dynamically Darken or Lighten a Color in CSS (bpu)13782
css, colors, functions
Combining “:has” and “:only-child” to Change Tab Containers (cri)13781
css, selectors
Why I Use htmx (fla)13780
htmx
Why I Use Alpine.js (fla)13779
alpinejs
Web Standards: The Guidelines That Every Developer Should Know13778
standards, history, w3c, html, css, xml, wcag
The Building Blocks of a Greenfield Vue Application in 2024 (fad)13777
vuejs, tooling, link-lists
React Libraries for 2024 (rwi)13776
react, libraries, link-lists
Performance and Stay Questions in 1:1s (j9t)13775
engineering-management, leadership, career, processes
Optimizing SQL Queries by 23×13774
databases, sql, performance, optimization
Moving on From React (kel)13773
migrating, react, stimulus
Accessible Notifications With ARIA Live Regions (sar)13772
accessibility, notifications, aria, live-regions
Accessible Notifications With ARIA Live Regions II (sar)13771
accessibility, notifications, aria, live-regions
Secure Your Code: Auto-Fix Vulnerabilities With Dependabot (GitHub Tutorial)13770
videos, dependencies, security, dependabot
Hover Contrast Bookmarklet (joe)13769
bookmarklets, hover, colors, contrast, focus, accessibility
Disable Browser Caching With “meta” HTML Tags13768
html, metadata, caching
Creating a Markdown Preprocessor for Svelte13767
svelte, sveltekit, markdown, functionality
Why Did Frontend Development Become So Complicated?13766
processes, complexity, career
Igalia Chats: Browser Politics and You (jaf+/iga)13765
podcasts, web-platform
I Hate CORS13764
videos, cors, security
“import myModule from "./my-module.torrent"”: Requiring Node Modules From BitTorrent (eva)13763
nodejs, modules
Building a Clean and Scalable Frontend Architecture13762
architecture, scalability, simplicity, maintainability
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol)13761
web-components, javascript, callbacks, comparisons
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor)13760
accessibility, ai, content
Kind of Annoyed at React (cas)13759
react
A Guide on Using Postman as a Frontend Developer in Web Development13758
guides, postman, apis
Avoid These 5 Mistakes as a Web Developer13757
career, mistakes, learning
Type in TypeScript13756
typescript, types
Static Site Generators: A Growing Trend in Frontend Development13755
static-site-generation, site-generators, trends
Power of WebRTC13754
webrtc, apis
Options for “optgroup” Labeling of “options” (ste)13753
accessibility, html, forms, browsers, screen-readers, support
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)13752
podcasts, javascript, performance, nodejs, optimization
How to Use “data-nosnippet” to Block Specific Content From Being Used in a Google Search Snippet (Experiment)13751
how-tos, seo, google, experiments
How to Get Started With Progressive Web Apps13750
how-tos, web-apps, progressive-web-apps, comparisons
Eliminating Cookie Banners Is Hard (jef)13749
cookies, consent-management, legal
Applying the SPACE Framework (lau)13748
productivity, metrics
Creating a Color Ramp Using Color Modifiers in Tokens Studio13747
design-systems, design-tokens, colors, figma
Bringing Down the Digital Divide13746
accessibility, user-experience
The Stack I Used to Build My Blog in 202413745
tech-stacks, functionality
5 CSS Snippets Every Front-End Developer Should Know in 2024 (arg)13744
css
Node.js Mastery: Advanced Development and Performance Tips13743
nodejs, servers, express, performance, testing, memory
Chrome Alternative Browsers to Check Out in 202413742
browsers, arc, the-browser-company, chromium, orion, kagi, firefox, mozilla
Compatibility of Node.js Versions With Packages13741
nodejs, versioning, dependencies
What I Have Learned From Conducting Over 100 Website Migrations (moz)13740
seo, migrating, testing
Using “abbr” Element With “title” Attribute (aar)13739
html, attributes, accessibility, browsers, assistive-tech, support
Top Front-End Tools of 2023 (lou/sma)13738
tooling, link-lists, retrospectives
If It’s Not Usable, It’s Not Accessible (tpg)13737
interviews, accessibility, usability, history
console.delight (zac/fro)13736
javascript, console, browsers, dev-tools, debugging
The Best Web Framework Doesn’t Exist13735
frameworks
Accounting for Internationalization With CSS and HTML (spa)13734
html, css, internationalization
Node v20.11.0 (LTS) (nod)13733
release-notes, nodejs
Understanding WCAG SC 3.2.6 Consistent Help (Level A)13732
accessibility, standards, wcag
We Removed Advertising Cookies, Here’s What Happened (get)13731
cookies, sem
Setting Up Renovate for GitHub Repositories13730
renovate, github, installing, configuration
High-Level System Architecture of Booking.com13729
architecture, microservices, case-studies
Using CSS Houdini to Extend Styling and Layout Capabilities (log)13728
css, houdini, apis, javascript
Streaming HTML Out of Order Without JavaScript13727
html, streaming
Release Notes for Safari Technology Preview 186 (jon/web)13726
release-notes, browsers, apple, safari
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (soc)13725
npm, retrospectives
Is htmx Just Another JavaScript Framework? (htm)13724
htmx, frameworks
Introducing fsx: A Modern Filesystem API for JavaScript (nza)13723
introductions, file-handling, apis, javascript
Dynamic Accessible Descriptions Reference (dar)13722
accessibility, testing
Designing Better Target Sizes (sha)13721
accessibility, design, best-practices
Buttons and Links—Common Misconceptions13720
accessibility, html, semantics, buttons, links
AI for Web Devs: Deploying Your AI App to Production (aus)13719
ai, deploying
How We Built Project IDX: A High-Level Overview13718
overviews, project-idx, google, code-editors
Definition of Done (DoD) Explanation and Example13717
agile, scrum, processes, quality, examples
An Alphabetized List of MIME Types13716
mime-types
A 2024 Wishlist for Node’s Test Runner (cji)13715
nodejs, testing
Understanding Immutability in JavaScript13714
videos, javascript
The Change You Wish to See13713
accessibility
A Global Design System (bra)13712
design-systems
Taking a Closer Look at “@property” in CSS (uti)13711
css
Vue 3—Dynamic Components13710
vuejs, components
SolidStart: A Different Breed of Meta-Framework (ati/sma)13709
frameworks, tooling, solidjs
Introduction to Data Engineering: A Complete Beginner’s Guide13708
guides, introductions, data-engineering
Why I Like Web Components13707
web-components, html
Where Have All the Websites Gone? (fro)13706
web, trends
What’s New in PHP 8.4 (ami)13705
php
Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (and)13704
css, scrolling, effects, progress-indicators
Top Pens of 2023 on CodePen (cod)13703
codepen, code-pens, link-lists, retrospectives
Let’s Make the IndieWeb Easier13702
indieweb, tooling
htmx for React Developers in 10 Minutes13701
videos, htmx, react
How Google Perfected the Web (ver)13700
google, web, seo
Declaring Globals Isn’t That Hard (mat)13699
videos, javascript, typescript
CRUD and SQL—the Basics13698
fundamentals, databases, sql
2024 Resolution: Be More Open-Source Centric13697
foss, tooling, link-lists
Embracing the Absurd in Your Design Practices13696
design, processes
Becoming a Senior Frontend Engineer (tec)13695
career
Notes on Using Logical Properties and Values (kiz)13694
css, logical-properties
Nested Dark Mode via CSS Proximity (doc)13693
css, dark-mode
My Web Development Wishlist 2024 (j9t)13692
community, user-experience, developer-experience, quality, conformance, wish-lists
How I’m Writing CSS in 202413691
css, tooling, developer-experience
Figma Is Not Forever13690
design, tooling, figma
Your MVP Must Be Accessible (den)13689
accessibility
Weird Things Engineers Believe About Web Development13688
standards, web-apps, javascript, building, web-platform
Simplifying Deployment: Using GitHub Actions and SSH for Quick and Easy Updates13687
deploying, github-actions, ssh
The Bulma CSS Framework: What It Is and How to Get Started13686
introductions, bulma
Software Quality13685
research, quality
20+ Tools for Node.js Development in 202413684
nodejs, tooling, link-lists
Mastering Promises: 8 Advanced Tips and Techniques13683
javascript, promises, asynchronicity, techniques, tips-and-tricks
When “Everything” Becomes Too Much: The npm Package Chaos of 2024 (soc)13682
npm, foss
Under the Radar CSS Features for Your CSS Reset (kev)13681
videos, css, resets
How to Use Template Literals in JavaScript (fre)13680
how-tos, javascript
Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? (b0r)13679
git, concepts, comparisons
CSS in 2024, Am I Right? (jhe)13678
videos, css
A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript (cfe)13677
react, javascript, simplicity
7 Front-End Web Development Trends for 202413676
trends, outlooks, libraries, frameworks, ai
AI Vertigo: Where Do We Go From Here as Designers?13675
design, ai, career
Building Multiple Progressive Web Apps on the Same Domain13674
videos, web-apps, progressive-web-apps, architecture, security
Notes on MathML (w3c)13673
mathml
The World of Web Browsers Is in a Bad Way (jen)13672
browsers, browser-engines, chromium, google
The Two Reacts (dan)13671
react, components, state-management
My CSS Resets (kei)13670
css, resets
Is CSS Alive? (css)13669
css
16 Lesser Known Accessibility Issues13668
accessibility
2024 Predictions by JavaScript Frontend Framework Maintainers13667
outlooks, javascript, frameworks, angular, nextjs, react, solidjs
Design Better Pagination13666
design, navigation, pagination
Getting Started With Vuetify: Building Beautiful Vue.js Apps13665
introductions, vuetify, vuejs
Accessibility Options for Floating Action Buttons13664
accessibility, floats, buttons
Tyler’s CSS Wish List for 2024 (tyl/clo)13663
css, wish-lists
The Website vs. Web App Dichotomy Doesn’t Exist (jak)13662
concepts, terminology, comparisons
The Popular Vote of Interop 2024 (chr/fro)13661
interoperability, web-platform
The AHA Stack (fla)13660
websites, tech-stacks, astro, htmx, alpinejs
Stop Closing Void Elements (j9t)13659
html
Oh Shit Banners (eri)13658
design, history
European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying (tec)13657
cookies, consent-management, legal
Worker Threads: Multitasking in NodeJS13656
nodejs, worker-threads, multithreading, link-lists
The View Transitions API and Delightful UI Animations II (cod/sma)13655
css, animations, view-transitions, apis
Stop Using Express.js13654
express
Not All Automated Testing Tools Support Shadow DOM in Web Components (mat)13653
accessibility, testing, automation, tooling, shadow-dom, dom, web-components
How to Set a Default Post Author in WordPress13652
how-tos, wordpress
How to Make External Links Accessible (pop)13651
how-tos, links, accessibility
BCD Watch (mey+/iga)13650
websites, browsers, support, interoperability, web-platform
Are You Ignoring These 8 DevTools Features?13649
videos, browsers, google, chrome, dev-tools, auditing, debugging
Agile Anti-Patterns That Can Harm UX13648
agile, anti-patterns, user-experience, processes
The Best React Chart Libraries for Data Visualization in 202413647
react, libraries, visualization, comparisons, link-lists
Top 30 JavaScript Interview Questions and Answers for 202513646
javascript, interviewing
Top 30 JavaScript Interview Questions and Answers for 202413645
javascript, interviewing
Mastering TypeScript: Looping With Types (ale)13644
typescript
Understanding the Most Important HTTP Status Codes13643
protocols, http
7 Predictions for Web Design in 2024 (web)13642
design, outlooks
My Perspective: Digital Accessibility and Overlays (lev)13641
accessibility, overlays
10 Interview Questions Every JavaScript Developer Should Know in 2024 (eri)13640
interviewing, javascript, career, concepts, terminology
3 Terminal Commands to Increase Your Productivity13639
command-line, productivity
Make Your Linux Terminal Enjoyable to Use13638
unix-like, command-line, shells, oh-my-zsh
A Comprehensive Guide to npm Workspaces and Monorepos13637
guides, monorepos, npm, yarn, dependencies
What Are Types in TypeScript13636
typescript, types
The Internet Is About to Get Weird Again (rol)13635
web, social-media
Shadow DOM and the Problem of Encapsulation (nol)13634
web-components, shadow-dom, dom, maintainability
React Is Slow, What to Do Now?13633
react, performance
Installing Google Fonts as npm Packages (ami)13632
installing, tooling, dependencies, google, fonts
The Ultimate Mobile Accessibility Resource Guide (ste)13631
guides, accessibility, link-lists
WCAG 2: Guidelines and Guardrails (yat)13630
accessibility, wcag, guidelines
Top 7 CSS Frameworks in 2024 (wea)13629
css, frameworks, tailwind, bootstrap, materialize, foundation, bulma, skeleton
Tools to Make Your Developer Experience Better in PHP (ami)13628
tooling, developer-experience, php, link-lists
React Server Components: The Good, the Bad, and the Ugly (may)13627
react, components
Making a Weblog With Eleventy13626
eleventy, blogging
Let’s Bring Back JavaScript’s “with()” Statement (mac)13625
javascript
2.5.8: Adversarial Conformance (aar)13624
accessibility, wcag, compliance
Incident: Mitigate, Learn (j9t)13623
processes, incident-response, learning, quality
Privacy Sandbox: Preparing for the End of 3rd-Party Cookies13622
privacy, cookies, support, google
What the Heck Is a Homomorphic Mapped Type?13621
typescript
Making Sense of “Senseless” JavaScript Features (mon)13620
javascript
Inspecting WCAG 2.2: Accessible Authentication13619
videos, accessibility, wcag, standards, authentication
Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds13618
accessibility, compliance, legal
Announcing Vue 3.4 (eva/vue)13617
vuejs, release-notes
CSS-in-JS Approach: Advantages, Disadvantages, and Use Cases13616
css-in-js, css, javascript
The New Old: Jamstack and MACH’s Journey Towards Traditional CMS Concepts (dri)13615
tech-stacks, jamstack, content-management
Server and Client Component—Next.js (fro)13614
nextjs, react, components
I Made JSX for Lua (Because I Hate Static Sites)13613
jsx, lua
HTML Validation—Pros and Cons13612
html, conformance
Future of Storybook in 2024 (shi/sto)13611
outlooks, storybook
Frontend Predictions for 2024 (shi)13610
retrospectives, outlooks
Everything You Need to Know About Responsive Logo Design (web)13609
design, branding, images, logos, responsive-design
Every Container Queries Demo Is a Card (chr)13608
css, container-queries
JS Design Patterns: A Comprehensive Guide13607
guides, javascript, software-design-patterns
I Built the Same App 7 Times: Which JS Framework Is Best?13606
javascript, frameworks, comparisons
CSS Wishlist13605
css, wish-lists
Coding Challenges 2024: What’s Your New Year’s Resolution? (the)13604
discussions, community
Measuring, Monitoring, and Optimizing TTFB With Server Timing (per)13603
performance, monitoring, optimization, apis, time
Container Style Queries (mat/5t3)13602
css, container-queries, style-queries
Never Underestimate HTML (lar/mat)13601
html, user-experience, developer-experience
Why AI Is a Disaster for the Climate (the)13600
ai, sustainability
The Devil Is in the Details: A Look Into a Disclosure Widget Markup (its/mat)13599
html, disclosure-widgets, css, javascript
Session-Based vs. Token-Based Authentication: Which Is Better?13598
authentication, json-web-tokens, comparisons, security
Responsive SVGs (nil/5t3)13597
svg, images, responsive-design
Polypane Review: Best Browser for Web Developers?13596
polypane, browsers, tooling
CSS-Based State Management (may)13595
css, state-management
Custom Mouse Hover Effect With JavaScript13594
javascript, effects, hover
WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name (mni)13593
accessibility, tips-and-tricks, wcag, keyboard-navigation, keyboard-shortcuts, labels
The View Transitions API and Delightful UI Animations (cod/sma)13592
css, animations, view-transitions, apis
GitHub Copilot: Tips and Tricks for Flutter Devs13591
github-copilot, ai, flutter, dart, tips-and-tricks
FileReader API (cla/5t3)13590
apis, javascript, file-handling
Best Practices for Coding With AI in 202413589
ai, best-practices
ARIA Live Regions (mat)13588
aria, live-regions, accessibility
Turn Your Vue App Into an Offline-Ready Progressive Web App13587
vuejs, refactoring, offline, progressive-web-apps
Debugging Fetch Priority (jec+)13586
videos, debugging, performance, web-vitals, apis
Cool Wiggly Hover Animation With CSS (ami)13585
css, animations, effects, hover
The Top Accessibility Errors Found in 2023 (tpg)13584
accessibility, conformance, quality, errors, retrospectives
The State of Benchmarking in Node.js13583
nodejs, performance, metrics
The Implied Web (hws/mat)13582
html, accessibility, semantics
The Complete Playwright Cheatsheet13581
cheat-sheets, playwright, testing
Scroll-Driven Animations (mic/5t3)13580
animations, scrolling, css
Screen Reader Users and the Tab Key (tem)13579
accessibility, screen-readers, keyboard-navigation, testing
Recapturing Early-Internet Whimsy With HTML (tec)13578
html, trends, design, art, decoration
JavaScript Frameworks—Heading Into 2024 (rya/thi)13577
javascript, frameworks, outlooks
“HTML First” Is Not HTML First (j9t)13576
html, principles, quality, craft
CSS Scope Issues (kiz)13575
css, scope
Container Queries and Units (zac/fro)13574
css, container-queries, units
2023 Digital Accessibility Year in Review (tpg)13573
accessibility, retrospectives
Clean Architecture: Theming With Tailwind and CSS Variables13572
theming, tailwind, custom-properties, css
Are We Too Pedantic With Semantic (dis)13571
design, design-tokens, semantics
The Golden Rule of Web Performance and Different Performance Engineering Specializations (per)13570
principles, performance
10 Best Practices for Secure Code Review of Node.js Code13569
best-practices, security, code-reviews, nodejs
Release Notes for Safari Technology Preview 185 (jon/web)13568
release-notes, browsers, apple, safari
New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem (sim/sma)13567
viewport, css, units, scrolling
Locking Scroll With “:has()” (rob)13566
css, selectors, scrolling
CSS Nesting (kil/5t3)13565
css, nesting
Classes vs. Prototypes in JavaScript (cfe)13564
javascript, prototypes, comparisons
New to the Web Platform in December (rac)13563
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Using the CSS “contain” Property: A Deep Dive (log)13562
deep-dives, css, containment
See What’s New in Firefox [121.0] (moz)13561
release-notes, browsers, mozilla, firefox
We Can :has It All (hex)13560
css, selectors, browsers, support
View Transitions (hui/5t3)13559
css, javascript, view-transitions
Reflow Red Flags (tpg)13558
accessibility, reflow, testing
Practical “img” Element Defaults (zor/css)13557
videos, css, images
Experimental Chromium Web Platform Features (pol)13556
overviews, experiments, web-platform, standards, chromium
Eigensolutions: Composability as the Antidote to Overfit (lea)13555
product-management, processes
Border Images in CSS: A Key Focus Area for Interop 2023 (dip/mdn)13554
images, borders, css, browsers, web-platform, interoperability
“align-content” in Block Layout (rac)13553
css, layout, support, browsers
10 Ways to Speed Up JavaScript Loading13552
javascript, performance, lazy-loading, minification, bundling, code-splitting, tree-shaking, modules, content-delivery, caching, compression, auditing
Good Design Is Subjective, Contextual, and Intentional13551
design, processes
You Might Be Looking for HTML “article”, Not “section” (san)13550
html, semantics
RLI (Recently Logged-In) Browser Cache Bypassing (tim/per)13549
performance, caching, optimization
Think About Your Future Self13548
accessibility
The Goldilocks Principle for Prototyping (nng)13547
videos, principles, prototyping, usability
New JS Array Methods (cfe/5t3)13546
javascript, arrays, methods
Zustand—Complete Tutorial (cos)13545
videos, tutorials, zustand, state-management, libraries, react
The Road to HTMHell Is Paved With Semantics (pep/mat)13544
html, semantics, quality
Thank You to Those Who Helped Me to Be the CSS Developer I Am Today13543
career, community
React Props Explained With Examples13542
react, props, examples
Making Data Visualizations Accessible (ons/tpg)13541
accessibility, information-design
How to Center an Element in CSS Without Adding a Wrapper in HTML13540
how-tos, centering, css, techniques
Building Components for Consumption, Not Complexity II (dis/sma)13539
design-systems, components, figma
AI for Web Devs: AI Image Generation (aus)13538
ai, tooling, images, automation
A Checklist for CLS Scenarios (per)13537
checklists, performance, web-vitals
Revisiting Fundamentals—Semantic Lists for Improved Accessibility (mis/mat)13536
fundamentals, semantics, html, accessibility
CSS “animation-composition” (tyl/5t3)13535
css, animations
Naming Design Tokens: The Art of Clarity and Consistency13534
design-tokens, naming, consistency
How GitHub Actions Versioning System Works (rob)13533
github-actions, versioning, semver
Sharing a State Between Windows Without a Server13532
web-workers, apis, state-management, effects, javascript
Web Components (may/5t3)13531
web-components, html, shadow-dom, dom
Swallowing Camels (kol/mat)13530
accessibility
HTML Can Do This?13529
html
Baseline Does Not Really Cover Baseline Support (aar)13528
browsers, support, web-platform, accessibility
Stop Normalizing Unprofessional Behaviour in the Name of Agility13527
agile, processes, communication, community, professionalism
Who Stole My Largest Contentful Paint? (per)13526
performance, web-vitals, optimization
CSS “@scope” (mia/5t3)13525
css, scope
The WordPress Showcase and Accessibility (joe)13524
accessibility, wordpress
The Ghosts of Markup Past (tho/mat)13523
html, web, history
Managing Node.js Processes13522
nodejs, tooling
Introducing JavaScript Support in MySQL13521
introductions, databases, mysql, javascript, support
How We Reduced CSS Size and Improved Performance Across GOV.UK13520
case-studies, css, performance, optimization
Crafting Effective Documentation13519
documentation
Christmas Tree Animations Made With CSS and JS13518
css, javascript, animations, effects, link-lists
The Unspoken Struggle of Aging in a Tech-Driven World13517
accessibility, user-experience, web
V8 Is Faster and Safer Than Ever13516
javascript-engines, v8, javascript, webassembly
Ten Optimisation Tips for an Initial Web Performance Audit (acc/per)13515
tips-and-tricks, optimization, performance, auditing
Addressing Unconscious Bias in Developer Relations: Strategies for Creating Fair and Inclusive Experiences13514
developer-relations, dei, community, strategies
The Financial Argument for Using an Outside Firm for Accessibility Remediation (kar)13513
accessibility, economics
HTTP Keanu (sue)13512
websites, http, protocols
How to Use ESM on the Web and in Node.js13511
how-tos, esm, commonjs, modules, nodejs
Getting Started With Web Performance (acc/mat)13510
introductions, performance, web-vitals, testing
Developer Toolkit13509
websites, tooling, conversion, link-lists
Design Systems Teams: Understand Your Users So They Can Serve Theirs (deq)13508
design-systems, leadership, collaboration, accessibility, user-experience
Announcing SvelteKit 2 (sve)13507
release-notes, sveltekit
Anchor Positioning (kiz/5t3)13506
css, anchor-positioning
What Really Is Technical Debt?13505
technical-debt, terminology, quality
What Vue’s Creator Learned the Hard Way With Vue 313504
vuejs, lessons
6 Techniques for Conditional Rendering in React, With Examples13503
techniques, react
Competing Against Internally Developed Tools13502
tooling, processes
Why I Use Astro (fla)13501
astro
The Best Go Tools to Use for Your Frontend Projects (fre)13500
go, tooling, link-lists
Popover API (mrt/5t3)13499
pop-overs, apis, css
My Accessibility Journey (web)13498
accessibility, career
HTML: The Bad Parts (may/mat)13497
html
How to Get Good at Competitive Programming13496
how-tos, programming
CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study (uti/sma)13495
sliders, css, scrolling, layout, case-studies
Add a Sitemap (sitemap.xml) for Your Eleventy Website (w3t)13494
eleventy, sitemaps
Can UX Design Actually Be Ethical?13493
user-experience, design, ethics
Using Nodemon and Watch in Node.js for Live Restarts (cra)13492
nodejs, tooling
Baseline 2023 (rac)13491
browsers, support, web-platform
Extending Responsive Video With HTML Web Components (sco/per)13490
multimedia, responsive-design, web-components, javascript
Embrace the Platform (bra)13489
web-platform, html, css, javascript, resilience, progressive-enhancement, craft
Using Date-Based CSS to Make Old Web Pages Look Old (ede)13488
css, history
Three Modern CSS Properties Your Website Must Have13487
css
Test-Driven HTML and Accessibility (mat)13486
html, accessibility, testing, javascript
Engineering Progression for Humans (sop)13485
career, engineering-management
Accessibility Overlays (eu)13484
accessibility, overlays, metrics
The Best WebAssembly Runtime May Be No Runtime at All (jed)13483
webassembly, runtimes
Why Designers Quit (2023 Report)13482
design, career
Chrome Enables Desktop Mode by Default on Premium Tablets (pau)13481
browsers, google, chrome, desktop
WebKit Features in Safari 17.2 (jen+/web)13480
release-notes, browsers, apple, safari, webkit
Video Subtitles, Captions, Audio Descriptions, and Transcripts (dar)13479
accessibility, multimedia, captions
The “hidden” Attribute in HTML (mat)13478
html, attributes
The “await” Event Horizon in JavaScript (fro)13477
javascript, events
Screen Reader User Survey #10 (web)13476
surveys, accessibility, screen-readers
Quantity Queries Are Very Easy With CSS “:has()” (chr/fro)13475
css, selectors
Node.js, TypeScript, and ESM: It Doesn’t Have to Be Painful13474
nodejs, typescript, esm
“innerHTML” vs. “innerText” vs. “textContent”—What's the Difference? (fre)13473
dom, javascript, html, comparisons
Improve App Performance With Angular 17 “defer”13472
videos, angular, performance, optimization
How to Enable Experimental CSS and JS Features in Chrome, Firefox, and Safari (zor/css)13471
videos, how-tos, experiments, browsers, google, chrome, mozilla, firefox, apple, safari
Everything Is Chrome (val)13470
browsers, history, browser-wars, chrome, google, browser-extensions, amp, link-lists
Developer Relations Is an All-Company Effort (bla)13469
developer-relations, foss, community
Decoding Compound Tokens13468
design-tokens, terminology
Building Components for Consumption, Not Complexity (dis/sma)13467
design-systems, components, figma
Behavior Belongs in the HTML13466
html, javascript, principles
Asynchronous JavaScript—How to Use Promises in Your JS Code (fre)13465
how-tos, javascript, promises, asynchronicity
ARIA, the Good Parts (hdv/par)13464
videos, accessibility, aria
Task Automation and Debugging With AI-Powered Tools13463
automation, debugging, tooling, ai
A Perfectly Normal Amount of Tech Debt (max)13462
technical-debt, maintenance
Template for Accessibility Guidelines (stv/mat)13461
templates, accessibility, guidelines
Signals of Interface Quality13460
design, quality
Potential Problems With Accessibility Audits and What to Do About Them (cer)13459
accessibility, auditing, testing
How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (paw)13458
performance, web-vitals, optimization, case-studies
A List of JavaScript Engines, Runtimes, Interpreters13457
javascript, javascript-engines, runtimes, link-lists
What the Slot? (dut/mat)13456
web-components, dom, shadow-dom, html
Media Queries in HTML Video (aar)13455
html, multimedia, css, media-queries, accessibility
All Technical Debt Is a Risk to the Product and to Your Business13454
technical-debt, quality, product-management, processes
Audit Your Site for Third-Party Cookies13453
videos, auditing, cookies, privacy
Scroll Fading 101 (nng)13452
scrolling, interaction-design, usability
Oh No! My JSON! (ton)13451
css
Incorporating “Skip to Main Content” Links for Better Website Accessibility (a11)13450
accessibility, skip-links
React Performance Optimization13449
react, performance, optimization
CSS Wrapped: 2023 (una+)13448
css, browsers, support, interoperability, retrospectives
Why Chromium Cares About Standards13447
chromium, standards, web-platform
The Shrinkwrap Problem: Possible Future Solutions (kiz)13446
css
The Most Accessible Font13445
accessibility, typography, legibility, fonts
The Last 5 Years of V8’s Garbage Collector (win)13444
javascript, javascript-engines, v8, garbage-collection, concurrency, history
Stop Nesting Ternaries in JavaScript (phi)13443
javascript, operators
Security Headers Using “<meta>” (sap/mat)13442
security, csp, html
Release Notes for Safari Technology Preview 184 (jon/web)13441
release-notes, browsers, apple, safari
Preparing for Interaction to Next Paint, a New Web Core Vital (geo/sma)13440
performance, web-vitals, optimization
Is PHP Still a Viable Choice in 2023?13439
discussions, php
Insights: Mobile Accessibility13438
accessibility, research, metrics, mobile
CSS Snapshot 2023 (tab+/w3c)13437
css, standards
Angular Signals: Complete Guide13436
guides, angular, signals, examples
Accessibility-Specific Tech Requirements? It Depends!13435
accessibility, processes
A Beginner’s Guide to Accessible Text (pop)13434
guides, accessibility, content, writing, best-practices
Understanding the New WCAG 2.2 Criteria13433
accessibility, wcag
Fine, I’ll Use a Super Basic CSS Processing Setup (chr/fro)13432
css, sass, postcss, lightning-css, postprocessors
TypeScript’s Hidden Feature: Subtypes13431
typescript
The Complete Puppeteer Cheatsheet13430
puppeteer, cheat-sheets, chromium
Overview of Drupal13429
overviews, drupal
HTML5 Boilerplate v9.0.0 Released13428
release-notes, html5-boilerplate
Dark Design Patterns Catalog13427
design, user-experience, dark-patterns
Custom Events in Web Components (cfe)13426
web-components, events, javascript
Astro 4.0 (blu+)13425
release-notes, astro
Scale Your React App With Storybook and Chromatic13424
react, scalability, storybook
A Definition Update for Baseline (kad+)13423
browsers, support, web-platform
Maglev—V8’s Fastest Optimizing JIT13422
v8, optimization, browsers, google, chrome
Web Chat Accessibility Considerations (cra)13421
accessibility, functionality, wcag, aria
The Hellish History of HTML: An Incomplete and Personal Account (cra/mat)13420
html, history
“sizes=auto” Pretty Much Requires “width” and “height” Attributes (eee)13419
html, attributes, images, maintainability
My 3 Rules for Documenting Code (wra)13418
documentation, naming, processes
Blind CSS Exfiltration: Exfiltrate Unknown Web Pages13417
css, security
Better Vue.js Inputs With Generics: The Select13416
vuejs, generics, components
Baseline’s Evolution on MDN (pep/mdn)13415
browsers, support, web-platform, documentation, mdn, case-studies
4 Dead Simple Ways of Customizing Bootstrap13414
bootstrap, customization, css
The Pros and Cons of Using React Today13413
react, frameworks
12 Important User-Interface Design Guidelines (uxm)13412
guidelines, design, usability
The Importance of User Feedback and Data in UX Design (uxm)13411
user-experience, metrics
The State of UX in 2024: Enter Late-Stage UX (fab)13410
user-experience, design, outlooks
10 Tips for Implementing Webflow On-Page SEO13409
webflow, seo, tips-and-tricks
Testing the Performance of Social Media Embeds (mic)13408
performance, testing, embed-code, social-media
An Informed Pre-Caching Strategy for Large Sites (per)13407
strategies, performance, caching
Why Carousels Don’t Work13406
carousels, design, user-experience
Pen, Paper, IDE: A DevTool Founder’s Early-Stage Product Design Guide (rom+/evi)13405
guides, design, product-management, processes
Of Time and the Web (ada/btc)13404
videos, web, processes, history
How Marketing Changed OOP in JavaScript (mon/sma)13403
marketing, javascript, oop, software-design-patterns
CSS Media Query for Scripting Support (sea)13402
css, media-queries, browsers, support
Color Psychology in Visual Design: A Practical Guide to Impacting User Behavior (uxm)13401
guides, design, colors, tips-and-tricks
Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (dni/mat)13400
fundamentals, html, attributes, accessibility, user-experience
100 Bucket List Ideas for Programmers13399
career, learning
Is the Flat Design Trend Finally Over?13398
design, flat-design, trends
Choosing the Right Static Site Generator: A Comprehensive Comparison of Hugo, Jekyll, and Pelican13397
site-generators, comparisons, hugo, jekyll
The “form” Attribute—Enhancing Form Layout Flexibility (mat)13396
forms, html, attributes
A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together13395
design, processes, atlassian, figma
Fastest Way of Passing State to JavaScript, Re-Visited (kur/per)13394
javascript, state-management, performance
You Don’t Need JavaScript for That (kil/mat)13393
javascript
Let’s Learn How Modern JavaScript Frameworks Work by Building One (nol)13392
javascript, frameworks, reactivity, rendering, dom
Create Dynamic Web Experiences With Interactive SVG Animations13391
svg, images, animations, tooling
Does Web Design Matter?13390
design, web
Debugging BFCache, Make Your Page Load Instantly (jec+)13389
videos, performance, bfcache, browsers, google, chrome, dev-tools, debugging
Search vs. Browse13388
user-experience, browsing, searching, comparisons
Deceptive Patterns in UX: How to Recognize and Avoid Them (nng)13387
user-experience, dark-patterns
Web Development Advent Calendars for 2023 (aar)13386
link-lists, learning
The UX of HTML (vas/mat)13385
html, semantics, user-experience
Recovering Deleted Files From Your Git Working Tree (sma)13384
git, command-line
I Replaced npm, Yarn, and nvm With pnpm (paw)13383
dependencies, npm, yarn, pnpm, nvm
How to Use a Color Font (man)13382
how-tos, fonts, css
CSS Relative Colors (luc/iod)13381
css, colors
New to the Web Platform in November (rac)13380
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
Preparing for a Live Demo13379
career
Not All Screen Reader Users Are Blind (tem)13378
accessibility, user-experience, screen-readers
Node v21.3.0 (raf/nod)13377
release-notes, nodejs
Is 2024 the Year of CSS Nesting? (jar/van)13376
css, nesting
Firefox on the Brink? (bry)13375
browsers, mozilla, firefox
Creating a Marquee Effect With CSS Animations13374
css, animations, effects
Measure LCP Sub-Parts to Improve Largest Contentful Paint (mat/deb)13373
performance, web-vitals, metrics
Design That Scales13372
books, design, design-systems, scalability, processes
Hide and Debug Empty Elements With CSS (mic)13371
css
Alternative Frontends13370
web, censorship
CSS: BEM or Atomic Design13369
css, bem, atomic-design, comparisons
Testing in Production With Canary Deployments: A How-To Guide13368
guides, testing, deploying
Fetch API, Do You Really Know How to Handle Errors?13367
data-fetching, apis, errors
CSS Modules (fro)13366
css, modules, scope, examples
How to Use the File System in Node.js (cra)13365
how-tos, file-handling, nodejs, apis
The Difference Between Nesting an “@layer” in “@media” and “@container” Query (mat)13364
videos, css, media-queries, container-queries, comparisons
Kirby 4 (mau)13363
kirby
Oh No, Overflow! (mic)13362
css, overflow, layout
Care Beyond Code: 7 Best Design Practices for Frontend Developers (tra/evi)13361
design, best-practices
Accessing .env Files Natively With Node.js13360
nodejs, environments
Resource Loading at the Cutting Edge (per)13359
videos, performance
10 JavaScript Changes You Missed in 2023 (fir)13358
videos, javascript, retrospectives
“An Accessible Website Won’t Be Beautiful”… Really?!13357
design, aesthetics, accessibility
Kicking the Excessive JavaScript Habit (mic)13356
javascript, performance, developer-experience, user-experience
Web Components Eliminate JavaScript Framework Lock-In (jak)13355
web-components, javascript, frameworks, maintainability
The “hanging-punctuation” Property in CSS (chr)13354
css, typography
Keyboard Accessibility Myths and WCAG (gra/tet)13353
accessibility, keyboard-navigation, wcag, myths
How to Use Responsive HTML Video (…and Audio!) (sco)13352
how-tos, responsive-design, html, multimedia
How to Use Chrome’s Accessibility Tree (pop)13351
how-tos, accessibility, browsers, google, chrome
Checking the Type of a String in PHP (ami)13350
php, strings
Burnout in the Digital Accessibility Field13349
accessibility, career
Accessibility: A Practical Perspective (mat)13348
accessibility
A Complete Guide to pnpm13347
guides, pnpm, dependencies
Progressive Enhancement vs. Graceful Degradation: Approaches to Web Development13346
progressive-enhancement, graceful-degradation, comparisons
OOP Design Patterns in JavaScript13345
javascript, oop, software-design-patterns
“oklch()” Retains Perceived Lightness for Different Hue Angles (ste)13344
css, functions, colors, oklch
Are Design Ethics Useless? (koo)13343
design, ethics