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

Frontend Dogma

News and Tools for Web Developers (13)

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

Entry (Sources) and TopicsDate#
The Web Is Unversioned (rhi/w3c)12,889
web-platform, versioning
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project12,888
javascript, typescript, documentation, jsdoc
What Has a Ceiling but No Floor? (mat)12,887
accessibility, apple, facebook+meta
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)12,886
html, modals
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)12,885
ai, design, typography
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development12,884
studies, research, ai, quality, technical-debt
Modern JavaScript Library Starter12,883
dependencies, npm, libraries
LCP and FCP on Single Page Application on Soft Navigations (dws)12,882
performance, web-vitals, single-page-apps, navigation
In Praise of Buttons12,881
buttons
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)12,880
css, scrolling, effects
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)12,879
ai, browsers, google, chrome
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)12,878
videos, interviews, tech-stacks, jamstack
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)12,877
bookmarklets, accessibility, html, aria, keyboard-shortcuts
Better Form UX With the CSS Property “field-sizing” (sea)12,876
forms, user-experience, css
Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build12,875
culture, engineering-management, processes, comparisons
What Is Jest and Why Should I Use It? (cod)12,874
jest
WebKit Features in Safari 17.3 (jen/web)12,873
release-notes, browsers, apple, safari, webkit
Use Tailwind CSS Prefixes for Shared Design System Components (sen)12,872
tailwind, design-systems, components
Repetition Avoidance (ste)12,871
code-pens, accessibility, user-experience, aria
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website12,870
pjpeg, jpeg, images, performance, comparisons
Layouts in Astro12,869
astro
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)12,868
accessibility, processes, testing
How a Web-Site Redesign Can Impact the Customer Journey (uxm)12,867
redesigning, user-experience
Handling Environment Variables in Node.js (mco/pla)12,866
environments, variables, nodejs
Could Local SEO Transform Your User Experience? (uxm)12,865
seo, user-experience
Continuous Accessibility: What, Why, How (ass)12,864
accessibility, processes, testing, tooling
Battle of the Browsers (zer)12,863
browsers, browser-engines, blink, chrome, google, edge, microsoft, brave, gecko, firefox, mozilla, webkit, safari, apple, comparisons
7 Mobile UX Design Tools to Supercharge Your Design Process (uxm)12,862
design, tooling, link-lists
What Is Our Design Intention? (uxd)12,861
design, processes
Vector Database Recommender System (ast)12,860
databases, vector-databases
Why I Don’t Care About Website/Blog Stats (nei)12,859
blogging, metrics, sem
What Is CSS Motion Path?12,858
css, svg, animations
The World’s Smallest PNG (eva)12,857
images, png, minimalism
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)12,856
accessibility, design, html, aria
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)12,855
javascript, security, debugging, firefox, mozilla, browsers
The Bun Shell (jar/bun)12,854
bun, javascript, shell
Mastering Node CSV12,853
nodejs, csv
A Call for Consensus on HTML Semantics (5t3)12,852
html, semantics
How Core Web Vitals Affect SEO (ind)12,851
performance, web-vitals, lighthouse, google, seo
Why Do Reflows Negatively Affect Performance? (fro)12,850
performance, reflow
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)12,849
accessibility, legal
Under-Supported and Underpaid (aar)12,848
accessibility, career, economics, craft
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)12,847
css, gradients, transparency
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (jen+)12,846
videos, interviews, css, web, browsers, apple, safari
Making CSS View Transitions Easy With Velvette (nom/cod)12,845
css, view-transitions, tooling
12 Modern CSS One-Line Upgrades (5t3)12,844
css
Node.js vs. Python: Which One to Choose for 202412,843
nodejs, python, comparisons
Deceptive Deprecation: The Truth About npm Deprecated Packages12,842
deprecation, security, npm, dependencies, research
The Color Input and the Color Picker (chr/fro)12,841
html, colors, usability
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript12,840
functionality, html, css, javascript
Astro 4.2 (eri+/ast)12,839
astro, release-notes
The Designer’s Guide to Social Computing (uxd)12,838
guides, design, social-media
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)12,837
notifications, errors, validation, usability
Safely Accessing the DOM With Angular SSR (dev)12,836
security, dom, javascript, angular, server-side-rendering
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)12,835
videos, javascript, arrays, sorting, comparisons
Fading Content Using Transparent Gradient in CSS (ami)12,834
css, gradients, transparency, effects
Dispatching an Event (chr/fro)12,833
javascript, events
Basic Accessibility Mistakes I Often See in Audits (cfe)12,832
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
AI Art Is the New Stock Image (ia)12,831
design, ai, images
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)12,830
introductions, scrolling, animations, css, functions
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience12,829
react, data-fetching, code-splitting, components, techniques
Are You Boring Your Interviewer by Over-Explaining Context? (uxd)12,828
career, interviewing, design
Is It Time to Switch From Docker to Podman?12,827
videos, docker, podman, tooling, comparisons
The Golden Rule of Assertions12,826
javascript, testing
The Complex but Awesome CSS “border-image” Property (css/sma)12,825
css, borders, techniques
Stop Trying to Recruit Unicorns With Acorns (cra)12,824
accessibility, career
Practical Guide to Usability Testing12,823
guides, usability, testing
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)12,822
nodejs, security
Measuring Developer Productivity: Real-World Examples (ger)12,821
productivity, metrics, developer-experience, google, microsoft
Guide to Fast Next.js12,820
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Git Lesson: How to Use .gitignore and .gitkeep?12,819
git, how-tos
Disillusioned With Deno (bal)12,818
deno
Difference Between “getElementByID” and “querySelector”12,817
javascript, css, selectors
APA-Style Titles in Laravel (ami)12,816
writing, conventions, laravel
14 Things to Check Before Deploying a Website12,815
deploying, quality, processes
Web Standards: The Guidelines That Every Developer Should Know12,814
standards, history, w3c, html, css, xml, wcag
Design Is Not Really a Thing (uxd)12,813
design, user-experience
The Evolution of Page Speed (deb)12,812
videos, performance, metrics, optimization, history
The Building Blocks of a Greenfield Vue Application in 2024 (fad)12,811
vuejs, tooling, link-lists
React Libraries for 2024 (rwi)12,810
react, libraries, link-lists
Performance and Stay Questions in 1:1s (j9t)12,809
engineering-management, leadership, career, processes
Optimizing SQL Queries by 23×12,808
databases, sql, performance, optimization
Moving on From React (kel)12,807
migrating, react, stimulus
Combining “:has” and “:only-child” to Change Tab Containers (cri)12,806
css, selectors
Accessible Notifications With ARIA Live Regions (sar)12,805
accessibility, notifications, aria, live-regions
Accessible Notifications With ARIA Live Regions II (sar)12,804
accessibility, notifications, aria, live-regions
Disable Browser Caching With “meta” HTML Tags12,803
html, metadata, caching
Creating a Markdown Preprocessor for Svelte12,802
svelte, sveltekit, markdown, functionality
Why Did Frontend Development Become So Complicated?12,801
processes, complexity, career
Igalia Chats: Browser Politics and You (jaf+/iga)12,800
podcasts, web-platform
I Hate CORS12,799
videos, cors, security
Hover Contrast Bookmarklet (joe)12,798
bookmarklets, colors, contrast, focus, accessibility
“import myModule from "./my-module.torrent"”: Requiring Node Modules From BitTorrent (eva)12,797
nodejs, modules
Building a Clean and Scalable Frontend Architecture12,796
architecture, scalability, simplicity, maintainability
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol)12,795
web-components, javascript, callbacks, comparisons
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor)12,794
accessibility, ai, content
Kind of Annoyed at React (cas)12,793
react
A Guide on Using Postman as a Frontend Developer in Web Development12,792
guides, postman, apis
Avoid These 5 Mistakes as a Web Developer12,791
career, mistakes, learning
Type in TypeScript12,790
typescript, types
Static Site Generators: A Growing Trend in Frontend Development12,789
static-site-generation, site-generators, trends
Power of WebRTC12,788
webrtc, apis
Options for “optgroup” Labeling of “options” (ste)12,787
accessibility, html, forms, browsers, screen-readers, support
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)12,786
podcasts, javascript, performance, nodejs, optimization
How to Use “data-nosnippet” to Block Specific Content From Being Used in a Google Search Snippet (Experiment)12,785
how-tos, seo, google, experiments
How to Get Started With Progressive Web Apps12,784
how-tos, web-apps, progressive-web-apps, comparisons
Eliminating Cookie Banners Is Hard (jef)12,783
cookies, consent-management, legal
Applying the SPACE Framework (lau)12,782
productivity, metrics
Chrome Alternative Browsers to Check Out in 202412,781
browsers, arc, the-browser-company, chromium, orion, kagi, firefox, mozilla
Creating a Color Ramp Using Color Modifiers in Tokens Studio (uxd)12,780
design-systems, design-tokens, colors, figma
Compatibility of Node.js Versions With Packages12,779
nodejs, versioning, dependencies
Node.js Mastery: Advanced Development and Performance Tips12,778
nodejs, servers, express, performance, testing, memory
Bringing Down the Digital Divide (uxd)12,777
accessibility, user-experience
What I Have Learned From Conducting Over 100 Website Migrations (moz)12,776
seo, migrating, testing
Using “abbr” Element With “title” Attribute (aar)12,775
html, attributes, accessibility, browsers, assistive-tech, support
Top Front-End Tools of 2023 (lou/sma)12,774
tooling, link-lists, retrospectives
The Stack I Used to Build My Blog in 202412,773
tech-stacks, functionality
If It’s Not Usable, It’s Not Accessible (tpg)12,772
interviews, accessibility, usability, history
console.delight (zac/fro)12,771
javascript, console, browsers, dev-tools, debugging
5 CSS Snippets Every Front-End Developer Should Know in 2024 (arg/dev)12,770
css
Setting Up Renovate for GitHub Repositories12,769
renovate, github, installing, configuration
High-Level System Architecture of Booking.com12,768
architecture, microservices, case-studies
We Removed Advertising Cookies, Here’s What Happened (sen)12,767
cookies, sem
Using CSS Houdini to Extend Styling and Layout Capabilities (log)12,766
css, houdini, apis, javascript
Understanding WCAG SC 3.2.6 Consistent Help (Level A)12,765
accessibility, standards, wcag
The Best Web Framework Doesn’t Exist12,764
frameworks
Streaming HTML Out of Order Without JavaScript12,763
html, streaming
Release Notes for Safari Technology Preview 186 (jon/web)12,762
release-notes, browsers, apple, safari
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (soc)12,761
npm, retrospectives
Node v20.11.0 (LTS) (nod)12,760
release-notes, nodejs
Is htmx Just Another JavaScript Framework? (htm)12,759
htmx, frameworks
Introducing fsx: A Modern Filesystem API for JavaScript (nza)12,758
introductions, file-handling, apis, javascript
Dynamic Accessible Descriptions Reference (dar)12,757
accessibility, testing
Designing Better Target Sizes (sha)12,756
accessibility, design, best-practices
Buttons and Links—Common Misconceptions12,755
accessibility, html, semantics, buttons, links
AI for Web Devs: Deploying Your AI App to Production (aus)12,754
ai, deploying
Accounting for Internationalization With CSS and HTML12,753
html, css, internationalization
A 2024 Wishlist for Node’s Test Runner (cji)12,752
nodejs, testing
Understanding Immutability in JavaScript12,751
videos, javascript
The Change You Wish to See12,750
accessibility
How We Built Project IDX: A High-Level Overview (goo)12,749
overviews, project-idx, google, code-editors
Definition of Done (DoD) Explanation and Example12,748
agile, scrum, processes, quality, examples
An Alphabetized List of MIME Types12,747
mime-types
A Global Design System (bra)12,746
design-systems
SolidStart: A Different Breed of Meta-Framework (ati/sma)12,745
frameworks, tooling, solidjs
Introduction to Data Engineering: A Complete Beginner’s Guide12,744
guides, introductions, data-engineering
Vue 3—Dynamic Components12,743
vuejs, components
Why I Like Web Components12,742
web-components, html
Where Have All the Websites Gone? (fro)12,741
web, trends
What’s New in PHP 8.4 (ami)12,740
php
Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (and)12,739
css, scrolling, effects, progress-indicators
Top Pens of 2023 on CodePen (cod)12,738
codepen, code-pens, link-lists, retrospectives
Taking a Closer Look at “@ property” in CSS (uti)12,737
css
Let’s Make the IndieWeb Easier12,736
indieweb, tooling
htmx for React Developers in 10 Minutes12,735
videos, htmx, react
How Google Perfected the Web (ver)12,734
google, web, seo
Declaring Globals Isn’t That Hard (mat)12,733
videos, javascript, typescript
CRUD and SQL—the Basics12,732
fundamentals, databases, sql
2024 Resolution: Be More Open-Source Centric12,731
foss, tooling, link-lists
Embracing the Absurd in Your Design Practices (uxd)12,730
design, processes
Becoming a Senior Frontend Engineer (tec)12,729
career
Notes on Using Logical Properties and Values (kiz)12,728
css, logical-properties
Nested Dark Mode via CSS Proximity (doc)12,727
css, dark-mode
My Web Development Wishlist 2024 (j9t)12,726
community, user-experience, developer-experience, quality, conformance, wish-lists
How I’m Writing CSS in 202412,725
css, tooling, developer-experience
Figma Is Not Forever12,724
design, tooling, figma
Your MVP Must Be Accessible (den)12,723
accessibility
Weird Things Engineers Believe About Web Development12,722
standards, web-apps, javascript, building, web-platform
Simplifying Deployment: Using GitHub Actions and SSH for Quick and Easy Updates12,721
deploying, github-actions, ssh
Mastering Promises: 8 Advanced Tips and Techniques12,720
javascript, promises, asynchronicity, techniques, tips-and-tricks
When “Everything” Becomes Too Much: The npm Package Chaos of 2024 (soc)12,719
npm, foss
Under the Radar CSS Features for Your CSS Reset (kev)12,718
videos, css, resets
The Bulma CSS Framework: What It Is and How to Get Started12,717
introductions, bulma
Software Quality12,716
research, quality
How to Use Template Literals in JavaScript (fre)12,715
how-tos, javascript
Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? (b0r)12,714
git, concepts, comparisons
CSS in 2024, Am I Right? (jhe)12,713
videos, css
A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript (cfe)12,712
react, javascript, simplicity
7 Front-End Web Development Trends for 202412,711
trends, outlooks, libraries, frameworks, ai
20+ Tools for Node.js Development in 202412,710
nodejs, tooling, link-lists
AI Vertigo: Where Do We Go From Here as Designers? (uxd)12,709
design, ai, career
Notes on MathML (w3c)12,708
mathml
The World of Web Browsers Is in a Bad Way (jen)12,707
browsers, browser-engines, chromium, google
The Two Reacts (dan)12,706
react, components, state-management
My CSS Resets (kei)12,705
css, resets
Is CSS Alive? (css)12,704
css
Building Multiple Progressive Web Apps on the Same Domain (dev)12,703
videos, web-apps, progressive-web-apps, architecture, security
16 Lesser Known Accessibility Issues12,702
accessibility
Design Better Pagination12,701
design, navigation, pagination
Getting Started With Vuetify: Building Beautiful Vue.js Apps12,700
introductions, vuetify, vuejs
Accessibility Options for Floating Action Buttons12,699
accessibility, floats, buttons
Tyler’s CSS Wish List for 2024 (tyl/clo)12,698
css, wish-lists
The Website vs. Web App Dichotomy Doesn’t Exist (jak)12,697
concepts, terminology, comparisons
The Popular Vote of Interop 2024 (chr/fro)12,696
interoperability, web-platform
The AHA Stack (fla)12,695
websites, tech-stacks, astro, htmx, alpinejs
Stop Closing Void Elements (j9t)12,694
html
Oh Shit Banners (eri)12,693
design, history
European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying (tec)12,692
cookies, consent-management, legal
2024 Predictions by JavaScript Frontend Framework Maintainers (low/the)12,691
outlooks, javascript, frameworks, angular, nextjs, react, solidjs
Worker Threads: Multitasking in NodeJS12,690
nodejs, worker-threads, multithreading, link-lists
The View Transitions API and Delightful UI Animations II (cod/sma)12,689
css, animations, view-transitions, apis
Stop Using Express.js12,688
express
Not All Automated Testing Tools Support Shadow DOM in Web Components (mat)12,687
accessibility, testing, automation, tooling, shadow-dom, dom, web-components
How to Set a Default Post Author in WordPress12,686
how-tos, wordpress
How to Make External Links Accessible (pop)12,685
how-tos, links, accessibility
BCD Watch (mey+/iga)12,684
websites, browsers, support, interoperability, web-platform
Are You Ignoring These 8 DevTools Features?12,683
videos, browsers, google, chrome, dev-tools, auditing, debugging
Agile Anti-Patterns That Can Harm UX12,682
agile, anti-patterns, user-experience, processes
Top 30 JavaScript Interview Questions and Answers for 202512,681
javascript, interviewing
Top 30 JavaScript Interview Questions and Answers for 202412,680
javascript, interviewing
Mastering TypeScript: Looping With Types (ale)12,679
typescript
Understanding the Most Important HTTP Status Codes12,678
protocols, http
The Best React Chart Libraries for Data Visualization in 202412,677
react, libraries, visualization, comparisons, link-lists
7 Predictions for Web Design in 2024 (web)12,676
design, outlooks
10 Interview Questions Every JavaScript Developer Should Know in 2024 (eri)12,675
interviewing, javascript, career, concepts, terminology
My Perspective: Digital Accessibility and Overlays12,674
accessibility, overlays
3 Terminal Commands to Increase Your Productivity12,673
command-line, productivity
A Comprehensive Guide to npm Workspaces and Monorepos12,672
guides, monorepos, npm, yarn, dependencies
What Are Types in TypeScript12,671
typescript, types
The Internet Is About to Get Weird Again (rol)12,670
web, social-media
Shadow DOM and the Problem of Encapsulation (nol)12,669
web-components, shadow-dom, dom, maintainability
React Is Slow, What to Do Now?12,668
react, performance
Make Your Linux Terminal Enjoyable to Use12,667
unix-like, command-line, shell, oh-my-zsh
Installing Google Fonts as npm Packages (ami)12,666
installing, tooling, dependencies, google, fonts
WCAG 2: Guidelines and Guardrails (yat)12,665
accessibility, wcag, guidelines
Top 7 CSS Frameworks in 2024 (wea)12,664
css, frameworks, tailwind, bootstrap, materialize, foundation, bulma, skeleton
Tools to Make Your Developer Experience Better in PHP (ami)12,663
tooling, developer-experience, php, link-lists
React Server Components: The Good, the Bad, and the Ugly (may)12,662
react, components
Making a Weblog With Eleventy12,661
eleventy, blogging
Let’s Bring Back JavaScript’s “with()” Statement (mac)12,660
javascript
2.5.8: Adversarial Conformance (aar)12,659
accessibility, wcag, compliance
What the Heck Is a Homomorphic Mapped Type?12,658
typescript
Privacy Sandbox: Preparing for the End of 3rd-Party Cookies (dev)12,657
privacy, cookies, support, google
Making Sense of “Senseless” JavaScript Features (mon)12,656
javascript
Inspecting WCAG 2.2: Accessible Authentication12,655
videos, accessibility, wcag, standards, authentication
Incident, Mitigate, Learn (j9t)12,654
processes, incident-response, learning, quality
Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds12,653
accessibility, compliance, legal
Announcing Vue 3.4 (eva/vue)12,652
vuejs, release-notes
CSS-in-JS Approach: Advantages, Disadvantages, and Use Cases12,651
css-in-js, css, javascript
The New Old: Jamstack and MACH’s Journey Towards Traditional CMS Concepts (dri)12,650
tech-stacks, jamstack, content-management
Server and Client Component—Next.js (fro)12,649
nextjs, react, components
I Made JSX for Lua (Because I Hate Static Sites)12,648
jsx, lua
HTML Validation—Pros and Cons12,647
html, conformance
Future of Storybook in 2024 (shi/sto)12,646
outlooks, storybook
Frontend Predictions for 2024 (shi)12,645
retrospectives, outlooks
Everything You Need to Know About Responsive Logo Design (web)12,644
design, branding, images, logos, responsive-design
Every Container Queries Demo Is a Card (chr)12,643
css, container-queries
JS Design Patterns: A Comprehensive Guide12,642
guides, javascript, software-design-patterns
I Built the Same App 7 Times: Which JS Framework Is Best?12,641
javascript, frameworks, comparisons
CSS Wishlist12,640
css, wish-lists
Coding Challenges 2024: What’s Your New Year’s Resolution? (the)12,639
discussions, community
Container Style Queries (mat/5t3)12,638
css, container-queries, style-queries
Never Underestimate HTML (lar/mat)12,637
html, user-experience, developer-experience
Measuring, Monitoring, and Optimizing TTFB With Server Timing12,636
performance, monitoring, optimization, apis, time
Why AI Is a Disaster for the Climate (the)12,635
ai, sustainability
The Devil Is in the Details: A Look Into a Disclosure Widget Markup (its/mat)12,634
html, disclosure-widgets, css, javascript
Session-Based vs. Token-Based Authentication: Which Is Better?12,633
authentication, json-web-tokens, comparisons, security
Responsive SVGs (nil/5t3)12,632
svg, images, responsive-design
Polypane Review: Best Browser for Web Developers?12,631
polypane, browsers, tooling
CSS-Based State Management (may)12,630
css, state-management
Custom Mouse Hover Effect With JavaScript12,629
javascript, effects
WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name (mni)12,628
accessibility, tips-and-tricks, wcag, keyboard-navigation, keyboard-shortcuts, labels
The View Transitions API and Delightful UI Animations (cod/sma)12,627
css, animations, view-transitions, apis
GitHub Copilot: Tips and Tricks for Flutter Devs12,626
github-copilot, ai, flutter, dart, tips-and-tricks
FileReader API (cla/5t3)12,625
apis, javascript, file-handling
Best Practices for Coding With AI in 202412,624
ai, best-practices
ARIA Live Regions (mat)12,623
aria, live-regions, accessibility
Debugging Fetch Priority (jec+/dev)12,622
videos, debugging, performance, web-vitals, apis
Cool Wiggly Hover Animation With CSS (ami)12,621
css, animations, effects
Turn Your Vue App Into an Offline-Ready Progressive Web App12,620
vuejs, refactoring, offline, progressive-web-apps
The Top Accessibility Errors Found in 2023 (tpg)12,619
accessibility, conformance, quality, errors, retrospectives
The State of Benchmarking in Node.js12,618
nodejs, performance, metrics
The Implied Web (hws/mat)12,617
html, accessibility, semantics
The Complete Playwright Cheatsheet12,616
cheat-sheets, playwright, testing
Scroll-Driven Animations (mic/5t3)12,615
animations, scrolling, css
Screen Reader Users and the Tab Key (tem)12,614
accessibility, screen-readers, keyboard-navigation, testing
Recapturing Early-Internet Whimsy With HTML (tec)12,613
html, trends, design, art, decoration
JavaScript Frameworks—Heading Into 2024 (rya/thi)12,612
javascript, frameworks, outlooks
“HTML First” Is Not HTML First (j9t)12,611
html, principles, quality, craft
CSS Scope Issues (kiz)12,610
css, scope
Container Queries and Units (zac/fro)12,609
css, container-queries, units
2023 Digital Accessibility Year in Review (tpg)12,608
accessibility, retrospectives
10 Best Practices for Secure Code Review of Node.js Code12,607
best-practices, security, code-reviews, nodejs
The Golden Rule of Web Performance and Different Performance Engineering Specializations12,606
principles, performance
Release Notes for Safari Technology Preview 185 (jon/web)12,605
release-notes, browsers, apple, safari
New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem (sim/sma)12,604
viewport, css, units, scrolling
Locking Scroll With “:has()” (rob)12,603
css, selectors, scrolling
CSS Nesting (kil/5t3)12,602
css, nesting
Clean Architecture: Theming With Tailwind and CSS Variables12,601
theming, tailwind, custom-properties, css
Classes vs. Prototypes in JavaScript (cfe)12,600
javascript, prototypes, comparisons
Are We Too Pedantic With Semantic12,599
design, design-tokens, semantics
See What’s New in Firefox [121.0] (moz)12,598
release-notes, browsers, mozilla, firefox
We Can :has It All (hex)12,597
css, selectors, browsers, support
View Transitions (hui/5t3)12,596
css, javascript, view-transitions
Reflow Red Flags (tpg)12,595
accessibility, reflow, testing
Practical “img” Element Defaults (zor/css)12,594
videos, css, images
New to the Web Platform in December (rac/dev)12,593
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Experimental Chromium Web Platform Features (pol)12,592
overviews, experiments, web-platform, standards, chromium
Eigensolutions: Composability as the Antidote to Overfit (lea)12,591
product-management, processes
Border Images in CSS: A Key Focus Area for Interop 2023 (dip/mdn)12,590
images, borders, css, browsers, web-platform, interoperability
“align-content” in Block Layout (rac)12,589
css, layout, support, browsers
10 Ways to Speed Up JavaScript Loading12,588
javascript, performance, lazy-loading, minification, bundling, code-splitting, tree-shaking, modules, content-delivery, caching, compression, auditing
Good Design Is Subjective, Contextual, and Intentional (uxd)12,587
design, processes
Think About Your Future Self12,586
accessibility
The Goldilocks Principle for Prototyping (nng)12,585
videos, principles, prototyping, usability
New JS Array Methods (cfe/5t3)12,584
javascript, arrays, methods
Zustand—Complete Tutorial (cos)12,583
videos, tutorials, zustand, state-management, libraries, react
The Road to HTMHell Is Paved With Semantics (pep/mat)12,582
html, semantics, quality
Thank You to Those Who Helped Me to Be the CSS Developer I Am Today12,581
career, community
RLI (Recently Logged-In) Browser Cache Bypassing (tim)12,580
performance, caching, optimization
React Props Explained With Examples12,579
react, props, examples
Making Data Visualizations Accessible (ons/tpg)12,578
accessibility, information-design
How to Center an Element in CSS Without Adding a Wrapper in HTML12,577
how-tos, centering, css, techniques
Building Components for Consumption, Not Complexity II (dis/sma)12,576
design-systems, components, figma
AI for Web Devs: AI Image Generation (aus)12,575
ai, tooling, images, automation
Revisiting Fundamentals—Semantic Lists for Improved Accessibility (mis/mat)12,574
fundamentals, semantics, html, accessibility
CSS “animation-composition” (tyl/5t3)12,573
css, animations
A Checklist for CLS Scenarios12,572
checklists, performance, web-vitals
How GitHub Actions Versioning System Works (rob)12,571
github-actions, versioning, semver
Sharing a State Between Windows Without a Server12,570
web-workers, apis, state-management, effects, javascript
Naming Design Tokens: The Art of Clarity and Consistency (uxd)12,569
design-tokens, naming, consistency
Web Components (may/5t3)12,568
web-components, html, shadow-dom, dom
Swallowing Camels (kol/mat)12,567
accessibility
HTML Can Do This?12,566
html
Baseline Does Not Really Cover Baseline Support (aar)12,565
browsers, support, web-platform, accessibility
Who Stole My Largest Contentful Paint?12,564
performance, web-vitals, optimization
The WordPress Showcase and Accessibility (joe)12,563
accessibility, wordpress
The Ghosts of Markup Past (tho/mat)12,562
html, web, history
Stop Normalizing Unprofessional Behaviour in the Name of Agility12,561
agile, processes, communication, community, professionalism
Managing Node.js Processes12,560
nodejs, tooling
Introducing JavaScript Support in MySQL12,559
introductions, databases, mysql, javascript, support
How We Reduced CSS Size and Improved Performance Across GOV.UK12,558
case-studies, css, performance, optimization
CSS “@ scope” (mia/5t3)12,557
css, scope
Crafting Effective Documentation12,556
documentation
Christmas Tree Animations Made With CSS and JS12,555
css, javascript, animations, effects, link-lists
Addressing Unconscious Bias in Developer Relations: Strategies for Creating Fair and Inclusive Experiences12,554
developer-relations, dei, community, strategies
The Unspoken Struggle of Aging in a Tech-Driven World (uxd)12,553
accessibility, user-experience, web
V8 Is Faster and Safer Than Ever12,552
javascript-engines, v8, javascript, webassembly
The Financial Argument for Using an Outside Firm for Accessibility Remediation (kar)12,551
accessibility, economics
Ten Optimisation Tips for an Initial Web Performance Audit (acc)12,550
tips-and-tricks, optimization, performance, auditing
HTTP Keanu (sue)12,549
websites, http, protocols
How to Use ESM on the Web and in Node.js12,548
how-tos, esm, commonjs, modules, nodejs
Getting Started With Web Performance (acc/mat)12,547
introductions, performance, web-vitals, testing
Developer Toolkit12,546
websites, tooling, conversion, link-lists
Design Systems Teams: Understand Your Users So They Can Serve Theirs (deq)12,545
design-systems, leadership, collaboration, accessibility, user-experience
Announcing SvelteKit 2 (sve)12,544
release-notes, sveltekit
Anchor Positioning (kiz/5t3)12,543
css, anchor-positioning
Competing Against Internally Developed Tools12,542
tooling, processes
What Vue’s Creator Learned the Hard Way With Vue 3 (low/the)12,541
vuejs, lessons
What Really Is Technical Debt?12,540
technical-debt, terminology, quality
The Best Go Tools to Use for Your Frontend Projects (fre)12,539
go, tooling, link-lists
Popover API (mrt/5t3)12,538
pop-overs, apis, css
My Accessibility Journey (web)12,537
accessibility, career
HTML: The Bad Parts (may/mat)12,536
html
How to Get Good at Competitive Programming12,535
how-tos, programming
CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study (uti/sma)12,534
sliders, css, scrolling, layout, case-studies
Add a Sitemap (sitemap.xml) for Your Eleventy Website (w3t)12,533
eleventy, sitemaps
6 Techniques for Conditional Rendering in React, With Examples12,532
techniques, react
Can UX Design Actually Be Ethical? (uxd)12,531
user-experience, design, ethics
Embrace the Platform (bra)12,530
web-platform, html, css, javascript, resilience, progressive-enhancement, craft
Using Nodemon and Watch in Node.js for Live Restarts (cra)12,529
nodejs, tooling
Using Date-Based CSS to Make Old Web Pages Look Old (ede)12,528
css, history
Three Modern CSS Properties Your Website Must Have12,527
css
Test-Driven HTML and Accessibility (mat)12,526
html, accessibility, testing, javascript
Extending Responsive Video With HTML Web Components (sco)12,525
multimedia, responsive-design, web-components, javascript
Engineering Progression for Humans (sop)12,524
career, engineering-management
Baseline 2023 (rac/dev)12,523
browsers, support, web-platform
Accessibility Overlays (eu)12,522
accessibility, overlays, metrics
Why Designers Quit (2023 Report) (uxd)12,521
design, career
WebKit Features in Safari 17.2 (jen+/web)12,520
release-notes, browsers, apple, safari, webkit
Video Subtitles, Captions, Audio Descriptions, and Transcripts (dar)12,519
accessibility, multimedia, captions
The “hidden” Attribute in HTML (mat)12,518
html, attributes
The “await” Event Horizon in JavaScript (fro)12,517
javascript, events
Screen Reader User Survey #10 (web)12,516
surveys, accessibility, screen-readers
Quantity Queries Are Very Easy With CSS “:has()” (chr/fro)12,515
css, selectors
Node.js, TypeScript, and ESM: It Doesn’t Have to Be Painful12,514
nodejs, typescript, esm
“innerHTML” vs. “innerText” vs. “textContent”—What's the Difference? (fre)12,513
dom, javascript, html, comparisons
Improve App Performance With Angular 17 “defer”12,512
videos, angular, performance, optimization
How to Enable Experimental CSS and JS Features in Chrome, Firefox, and Safari (zor/css)12,511
videos, how-tos, experiments, browsers, google, chrome, mozilla, firefox, apple, safari
Everything Is Chrome (val)12,510
browsers, history, browser-wars, chrome, google, browser-extensions, amp, link-lists
Developer Relations Is an All-Company Effort (bla)12,509
developer-relations, foss, community
Decoding Compound Tokens12,508
design-tokens, terminology
Chrome Enables Desktop Mode by Default on Premium Tablets (pau/dev)12,507
browsers, google, chrome, desktop
Building Components for Consumption, Not Complexity (dis/sma)12,506
design-systems, components, figma
Behavior Belongs in the HTML12,505
html, javascript, principles
Asynchronous JavaScript—How to Use Promises in Your JS Code (fre)12,504
how-tos, javascript, promises, asynchronicity
ARIA, the Good Parts (hdv/par)12,503
videos, accessibility, aria
A Perfectly Normal Amount of Tech Debt (max)12,502
technical-debt, maintenance
Template for Accessibility Guidelines (stv/mat)12,501
templates, accessibility, guidelines
Task Automation and Debugging With AI-Powered Tools12,500
automation, debugging, tooling, ai
Signals of Interface Quality12,499
design, quality
Potential Problems With Accessibility Audits and What to Do About Them (cer)12,498
accessibility, auditing, testing
How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (paw)12,497
performance, web-vitals, optimization, case-studies
A List of JavaScript Engines, Runtimes, Interpreters12,496
javascript, javascript-engines, runtimes, link-lists
What the Slot? (dut/mat)12,495
web-components, dom, shadow-dom, html
Media Queries in HTML Video (aar)12,494
html, multimedia, css, media-queries, accessibility
Scroll Fading 101 (nng)12,493
scrolling, interaction-design, usability
Oh No! My JSON! (ton)12,492
css
Incorporating “Skip to Main Content” Links for Better Website Accessibility (a11)12,491
accessibility, skip-links
Audit Your Site for Third-Party Cookies (dev)12,490
videos, auditing, cookies, privacy
All Technical Debt Is a Risk to the Product and to Your Business12,489
technical-debt, quality, product-management, processes
Why Chromium Cares About Standards (yoa)12,488
chromium, standards, web-platform
The Shrinkwrap Problem: Possible Future Solutions (kiz)12,487
css
The Most Accessible Font12,486
accessibility, typography, legibility, fonts
The Last 5 Years of V8’s Garbage Collector (win)12,485
javascript, javascript-engines, v8, garbage-collection, concurrency, history
Stop Nesting Ternaries in JavaScript (phi)12,484
javascript, operators
Security Headers Using “<meta>” (sap/mat)12,483
security, csp, html
Release Notes for Safari Technology Preview 184 (jon/web)12,482
release-notes, browsers, apple, safari
React Performance Optimization12,481
react, performance, optimization
Preparing for Interaction to Next Paint, a New Web Core Vital (geo/sma)12,480
performance, web-vitals, optimization
Is PHP Still a Viable Choice in 2023?12,479
discussions, php
Insights: Mobile Accessibility12,478
accessibility, research, metrics, mobile
CSS Wrapped: 2023 (una+/dev)12,477
css, browsers, support, interoperability, retrospectives
CSS Snapshot 2023 (tab+/w3c)12,476
css, standards
Angular Signals: Complete Guide12,475
guides, angular, signals, examples
Accessibility-Specific Tech Requirements? It Depends!12,474
accessibility, processes
A Beginner’s Guide to Accessible Text (pop)12,473
guides, accessibility, content, writing, best-practices
Fine, I’ll Use a Super Basic CSS Processing Setup (chr/fro)12,472
css, sass, postcss, lightning-css, postprocessors
Understanding the New WCAG 2.2 Criteria12,471
accessibility, wcag
TypeScript’s Hidden Feature: Subtypes12,470
typescript
The Complete Puppeteer Cheatsheet12,469
puppeteer, cheat-sheets, chromium
Overview of Drupal12,468
overviews, drupal
HTML5 Boilerplate v9.0.0 Released12,467
release-notes, html5-boilerplate
Dark Design Patterns Catalog12,466
design, user-experience, dark-patterns
Custom Events in Web Components (cfe)12,465
web-components, events, javascript
Web Chat Accessibility Considerations (cra)12,464
accessibility, functionality, wcag, aria
The Hellish History of HTML: An Incomplete and Personal Account (cra/mat)12,463
html, history
“sizes=auto” Pretty Much Requires “width” and “height” Attributes (eee)12,462
html, attributes, images, maintainability
Scale Your React App With Storybook and Chromatic12,461
react, scalability, storybook
My 3 Rules for Documenting Code (wra)12,460
documentation, naming, processes
Maglev—V8’s Fastest Optimizing JIT12,459
v8, optimization, browsers, google, chrome
Blind CSS Exfiltration: Exfiltrate Unknown Web Pages12,458
css, security
Better Vue.js Inputs With Generics: The Select12,457
vuejs, generics, components
Baseline’s Evolution on MDN (pep/mdn)12,456
browsers, support, web-platform, documentation, mdn, case-studies
Astro 4.0 (blu+/ast)12,455
release-notes, astro
A Definition Update for Baseline (kad+/dev)12,454
browsers, support, web-platform
4 Dead Simple Ways of Customizing Bootstrap12,453
bootstrap, customization, css
Why Carousels Don’t Work12,452
carousels, design, user-experience
The State of UX in 2024: Enter Late-Stage UX (fab/uxd)12,451
user-experience, design, outlooks
The Pros and Cons of Using React Today (the)12,450
react, frameworks
The Importance of User Feedback and Data in UX Design (uxm)12,449
user-experience, metrics
Testing the Performance of Social Media Embeds (mic)12,448
performance, testing, embed-code, social-media
Pen, Paper, IDE: A DevTool Founder’s Early-Stage Product Design Guide (rom+/evi)12,447
guides, design, product-management, processes
Of Time and the Web (ada/btc)12,446
videos, web, processes, history
How Marketing Changed OOP in JavaScript (mon/sma)12,445
marketing, javascript, oop, software-design-patterns
CSS Media Query for Scripting Support (sea)12,444
css, media-queries, browsers, support
Color Psychology in Visual Design: A Practical Guide to Impacting User Behavior (uxm)12,443
guides, design, colors, tips-and-tricks
Back to Basics: 5 HTML Attributes for Improved Accessibility and User Experience (dni/mat)12,442
fundamentals, html, attributes, accessibility, user-experience
An Informed Pre-Caching Strategy for Large Sites12,441
strategies, performance, caching
12 Important User-Interface Design Guidelines (uxm)12,440
guidelines, design, usability
100 Bucket List Ideas for Programmers12,439
career, learning
10 Tips for Implementing Webflow On-Page SEO12,438
webflow, seo, tips-and-tricks
Choosing the Right Static Site Generator: A Comprehensive Comparison of Hugo, Jekyll, and Pelican12,437
site-generators, comparisons, hugo, jekyll
Is the Flat Design Trend Finally Over? (uxd)12,436
design, flat-design, trends
The “form” Attribute—Enhancing Form Layout Flexibility (mat)12,435
forms, html, attributes
A More Holistic Design Workflow: Gluing Jira, Figma, and Zeplin Together (uxd)12,434
design, processes, atlassian, figma
You Don’t Need JavaScript for That (kil/mat)12,433
javascript
Let’s Learn How Modern JavaScript Frameworks Work by Building One (nol)12,432
javascript, frameworks, reactivity, rendering, dom
Fastest Way of Passing State to JavaScript, Re-Visited (kur)12,431
javascript, state-management, performance
Debugging BFCache, Make Your Page Load Instantly (jec+/dev)12,430
videos, performance, bfcache, browsers, google, chrome, dev-tools, debugging
Search vs. Browse12,429
user-experience, browsing, searching, comparisons
Deceptive Patterns in UX: How to Recognize and Avoid Them (nng)12,428
user-experience, dark-patterns
Web Development Advent Calendars for 2023 (aar)12,427
link-lists, learning
The UX of HTML (vas/mat)12,426
html, semantics, user-experience
Recovering Deleted Files From Your Git Working Tree (sma)12,425
git, command-line
I Replaced npm, Yarn, and nvm With pnpm (paw)12,424
dependencies, npm, yarn, pnpm, nvm
How to Use a Color Font (man)12,423
how-tos, fonts, css
Does Web Design Matter?12,422
design, web
CSS Relative Colors (luc/iod)12,421
css, colors
Create Dynamic Web Experiences With Interactive SVG Animations12,420
svg, images, animations, tooling
Preparing for a Live Demo12,419
career
Not All Screen Reader Users Are Blind (tem)12,418
accessibility, user-experience, screen-readers
Node v21.3.0 (raf/nod)12,417
release-notes, nodejs
New to the Web Platform in November (rac/dev)12,416
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
Is 2024 the Year of CSS Nesting? (jar/van)12,415
css, nesting
Firefox on the Brink? (bry)12,414
browsers, mozilla, firefox
Creating a Marquee Effect With CSS Animations12,413
css, animations, effects
Alternative Frontends12,412
web, censorship
CSS: BEM or Atomic Design12,411
css, bem, atomic-design, comparisons
Testing in Production With Canary Deployments: A How-To Guide12,410
guides, testing, deploying
Measure LCP Sub-Parts to Improve Largest Contentful Paint (deb)12,409
performance, web-vitals, metrics
Hide and Debug Empty Elements With CSS (mic)12,408
css
Fetch API, Do You Really Know How to Handle Errors?12,407
data-fetching, apis, errors
Design That Scales12,406
books, design, design-systems, scalability, processes
CSS Modules (fro)12,405
css, modules, scope, examples
The Difference Between Nesting an “@ layer” in “@ media” and “@ container” Query (mat)12,404
videos, css, media-queries, container-queries, comparisons
Oh No, Overflow! (mic)12,403
css, overflow, layout
How to Use the File System in Node.js (cra)12,402
how-tos, file-handling, nodejs, apis
Care Beyond Code: 7 Best Design Practices for Frontend Developers (tra/evi)12,401
design, best-practices
Accessing .env Files Natively With Node.js12,400
nodejs, environments
“An Accessible Website Won’t Be Beautiful”… Really?!12,399
design, accessibility
Web Components Eliminate JavaScript Framework Lock-In (jak)12,398
web-components, javascript, frameworks, maintainability
The “hanging-punctuation” Property in CSS (chr)12,397
css, typography
Resource Loading at the Cutting Edge12,396
videos, performance
Kicking the Excessive JavaScript Habit (mic)12,395
javascript, performance, developer-experience, user-experience
Keyboard Accessibility Myths and WCAG (gra/tet)12,394
accessibility, keyboard-navigation, wcag, myths
How to Use Responsive HTML Video (…and Audio!) (sco)12,393
how-tos, responsive-design, html, multimedia
How to Use Chrome’s Accessibility Tree (pop)12,392
how-tos, accessibility, browsers, google, chrome
Checking the Type of a String in PHP (ami)12,391
php, strings
Burnout in the Digital Accessibility Field12,390
accessibility, career