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 (20)

→ 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#
Get That Marquee AeStHeTiC (dni/mat)9,990
html, css, effects
Getting Started With the CSS Custom Highlight API (its/log)9,989
introductions, css, apis
So, You’d Like to Animate the “display” Property (geo)9,988
css, animations
Select the Right Tool for the Job (jim)9,987
principles
Leaked a Secret? Check Your GitHub Alerts… for Free (git)9,986
github, security
Help Choose the Syntax for CSS Nesting (jen/web)9,985
css, nesting
ECMAScript Proposal: Iterator Helpers (rau)9,984
ecmascript, javascript, standards
CSS “image()” (kev/5t3)9,983
css
CI/CD Tutorial for Developers9,982
tutorials, ci-cd, docker
Accessibility Starts With an Organisation’s Culture (cra)9,981
accessibility, culture
A Guide for Making Apps Accessible9,980
guides, accessibility
4 Ways CSS “:has()” Can Make Your HTML Forms Even Better (aus)9,979
css, selectors, html, forms
Get Off the Main Thread With an Inline Web Worker: An Example (sto/per)9,978
performance, javascript, web-workers, examples
Everything You Need to Know About Concurrent React (with a Little Bit of Suspense) (cod)9,977
react, concurrency
The Web Platform Is Back (bde/ado)9,976
web-platform
A “:nth-child(An+B [of S]?)” Polyfill Thanks to CSS “:has()” (bra)9,975
css, selectors, polyfills
View Transitions API (5t3)9,974
css, apis, view-transitions
The Most Popular CSS-in-JS Libraries in 2022 (sta)9,973
libraries, css, javascript, css-in-js
Table Like It’s 2023 (cli/mat)9,972
tables, html
Sophisticated Web Scraping With Bright Data (cra)9,971
scraping, structured-data, apis
Release Notes for Safari Technology Preview 160 (jon/web)9,970
release-notes, safari, apple, browsers
IDN Is Crazy9,969
internationalization, domains
Apple Considering Dropping Requirement for iPhone Web Browsers to Use WebKit9,968
apple, browsers, browser-engines, webkit
Design Deserves More Respect (uxd)9,967
design
Top 5 Accessibility Issues in 2022 (lar/int)9,966
accessibility, retrospectives
State of A11Y (thi)9,965
videos, accessibility
One Day We’ll Have a Fully Customisable Select (hdv/mat)9,964
html, css
New Viewport Units (mey/5t3)9,963
viewport, css, units, responsive-design
Federal Web Accessibility Focus Has Private Sector on Notice9,962
accessibility, legal
Accessible Front-End Patterns for Responsive Tables II (cod/sma)9,961
accessibility, tables, responsive-design
A Few Times Container Size Queries Would Have Helped Me Out (css)9,960
css, container-queries
WCAG 3.0: Are We There Yet? (ons/tpg)9,959
accessibility, wcag, standards
Top 30 Linux Commands for Everyday Use (sta)9,958
unix-like, command-line, productivity
The Future of Design Tokens (jin+)9,957
videos, design-tokens, outlooks
Five Myths About Digital Accessibility9,956
videos, accessibility, myths
DOM Clobbering (fre/mat)9,955
dom, security
LCP(FE) (tim/per)9,954
performance, web-vitals
There Can Be Only One: Options for Building “Choose One” Fields (aar/mat)9,953
html, forms
Implement Scroll-Snapping Using Only CSS9,952
css, scrolling
Conditional Wrapping in React9,951
react
Web Performance and Compression (per)9,950
performance, compression
Integrate Svelte Into PHP CMS: TYPO3 and WordPress (man)9,949
typo3, wordpress, svelte, php, content-management
Dear Developer, Your Assumptions Are Wrong (mat)9,948
html
An Interactive Guide to JavaScript Events (ale)9,947
guides, javascript, events, examples
WCAG—Priority of Constituencies (ala)9,946
accessibility, wcag, prioritization
Remove the Generator Tag From a WordPress Website9,945
wordpress, themes, plugins, metadata
Inside the Mind of a Frontend Developer: Article Layout (sha)9,944
html, css, layout
How to Merge Objects in JavaScript (sta)9,943
how-tos, javascript, objects
CSS Infinite Slider Flipping Through Polaroid Images (css/css)9,942
sliders, css, images, effects
A Complete Guide to CSS Container Queries9,941
guides, css, container-queries
Best PHP Books for Beginners9,940
books, php, link-lists
PHP 8.2.0 Release Announcement9,939
php
Optimize Interaction to Next Paint (mal+/dev)9,938
performance, optimization, web-vitals
Improving SEO Without Knowing Where to Start (two/mat)9,937
seo
Enough With the Pointless Images (boa)9,936
design, decoration, images
A Modern HTML Template (2022)9,935
html, templates
The State of CSS 2022 [Results] (sac+/dev)9,934
surveys, metrics, css
W3C Design Tokens With Style Dictionary (luk)9,933
design-tokens, tooling
W3C Publishes WCAG Testers Consistency List (wil/deq)9,932
accessibility, wcag, testing
Testing for the Support of a Selector (mat)9,931
css, support, selectors
Meaningful Labels Using ARIA—or Not (mat)9,930
accessibility, html, forms, labels, aria
JavaScript Polyfills for Interviews9,929
javascript, polyfills, interviewing
4 More HTML Concepts You Didn’t Know (j9t)9,928
html, concepts, forms, focus
Take Full-Size Screenshots of Websites Without Any Tools in Chrome (ami)9,927
browsers, google, chrome, screenshots, images
New npm Features for Secure Publishing and Safe Consumption (git)9,926
npm, security, dependencies
“mask-image” Lets You Do Some Really Cool Stuff (kev)9,925
videos, css, masking
Adding Complementary Performance Data to Your Site (mat)9,924
performance, apis
Accessible Front-End Patterns for Responsive Tables (cod/sma)9,923
accessibility, tables, responsive-design
Accessibility: The Land That “Time to Interactive” Forgot (tin)9,922
videos, accessibility, performance
A Practical Guide to CSS Media Queries (sta)9,921
guides, css, media-queries
Reduce Image Sizes by Removing Metadata (per)9,920
images, metadata, performance, optimization
How to Create Typography Guidelines for a Product That Does Not Follow a Design System (uxd)9,919
how-tos, typography, design-systems
Why You Should Be Using New CSS Features Today II (uti/iod)9,918
css
Website Accessibility Is Not an Afterthought9,917
accessibility
The 411 on 4.1.1 (aar)9,916
accessibility, wcag, standards
Swearing and Automatic Captions (eri)9,915
accessibility, multimedia, captions
Reading the Meter (sup/mat)9,914
html, semantics, accessibility
I Don’t Use “Pushy” Questions in Code Reviews Anymore—This Is What I Do Instead9,913
code-reviews, communication
Does “www” Still Belong in URLs? (css)9,912
usability, urls
Brief Note on Description List Support (aar)9,911
html, lists, semantics, accessibility, screen-readers, support
Bad UX Writing: 5 Mistakes to Avoid (uxm)9,910
user-experience, writing, mistakes
Fast Is Good, Instant Is Better (tun/per)9,909
performance, caching
PHP Type Declarations—A Guide for Beginners (ami)9,908
php, guides
Landmarks and Where to Put Them (kil/mat)9,907
html, semantics, aria, accessibility
Using SRI to Protect From Malicious JavaScript (mat)9,906
javascript, security
Super Useful CSS Resources9,905
css, link-lists, tooling
Amy Jiménez Márquez on Leading Information Architecture (amy+)9,904
podcasts, information-architecture
About Modern Sass9,903
sass
Prerender Pages in Chrome for Instant Page Navigations (tun/dev)9,902
performance, browsers, google, chrome
How to Use the WAVE Extension and Start Manual Accessibility Testing (pop)9,901
how-tos, accessibility, testing, tooling, browser-extensions, webaim
Proximity: Gestalt Principle for User Interface Design (nng)9,900
videos, design, principles
You Don’t Need ARIA for That (den/mat)9,899
html, accessibility, aria
“:has(:not())” vs. “:not(:has())” (mat)9,898
css, selectors, comparisons
CSS Infinite and Circular Rotating Image Slider (css/css)9,897
sliders, css, images, animations
Best APIs for Developers9,896
apis
Accessibility and MVPs9,895
accessibility, principles
Digging Deeper Into Container Style Queries (geo/css)9,894
css, style-queries, container-queries
The State of UX in 2023: A Vibe Shift Is Coming (fab/uxd)9,893
user-experience, design, outlooks
The Final Google Fonts Knowledge Drop of 2022 (ell)9,892
google, fonts, typography
Migrating From Vue 2 to Svelte9,891
migrating, vuejs, svelte
How to Transfigure Wireframes Into HTML (mat)9,890
how-tos, html, prototyping, conversion
From Type to Logotype9,889
fonts, typography, design, branding, logos
Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers (cra)9,888
guides, web-apps, performance, web-workers, javascript
Design Spacing Tokens Semantically (don)9,887
websites, design-tokens, spacing, design
Apache .htaccess9,886
servers, apache
A Conversation With ChatGPT (mat)9,885
interviews, ai, chatgpt, typography, design
7 Website Performance Metrics to Track for Better UX (cal)9,884
performance, user-experience, metrics
10 Key Principles of User-Centered Design (web)9,883
design, usability, user-experience, principles
WordPress Versions 3.7–4.0 No Longer Get Security Updates (sar)9,882
wordpress, security
Why You Should Be Using New CSS Features Today (uti/iod)9,881
css
Which Images Need Descriptive Text? (tem)9,880
accessibility, writing
Web Components Today (kul)9,879
websites, web-components
Transient Frameworks (mat)9,878
frameworks, web-platform
Tips for Typing Import Statements in JavaScript (rau)9,877
javascript
“px” or “rem” in CSS? Just Use “rem” (aus)9,876
css, units
Making Microservices Accessible (cra)9,875
accessibility, microservices
HTML Semantics and Accessibility Cheat Sheet (web)9,874
cheat-sheets, html, semantics, accessibility
Handling Images With Inconsistent Height in CSS (ami)9,873
css, images
Counting Unique Visitors Without Using Cookies, UIDs, or Fingerprinting9,872
metrics, privacy, fingerprinting
Two Weird Things9,871
programming, randomness, math
The Large, Small, and Dynamic Viewport Units (bra/dev)9,870
viewport, css, units
The Fediverse and the IndieWeb (ben)9,869
web, fediverse, indieweb
The Complete Guide to Mobile SEO—8 Tips and Best Practices (sem)9,868
guides, mobile, seo, tips-and-tricks, best-practices
Tailwind Is a Leaky Abstraction9,867
tailwind, css
Stop Fighting With CSS Positioning (kev)9,866
videos, css, positioning, layout
Speeding Up the JavaScript Ecosystem—One Library at a Time (mar)9,865
javascript, performance, libraries
Organizing the Eleventy Config File (len)9,864
eleventy, configuration
Convert Any Value to a Boolean in JavaScript (ami)9,863
javascript
5 Ways to Make Your JavaScript More Functional9,862
javascript, programming
Newer Things to Know About Good Ol’ HTML Lists (dxn/css)9,861
html, lists, semantics
Designing a Utopian Layout Grid: Working With Fluid Responsive Values in a Static Design Tool9,860
layout, grids, design, liquid-design, css
We Document Our Design Systems—Why Don’t We Systematise our Documentation? (amy)9,859
design-systems, documentation
Testing Static Types in TypeScript (rau)9,858
testing, typescript
Shadow DOM and Accessibility: The Trouble With ARIA (nol)9,857
dom, shadow-dom, accessibility, aria, html
Making Accessibility Simpler in Higher Education and Beyond9,856
videos, accessibility
Debugging Tactics (add)9,855
debugging, logging, ai, processes
Color Formats in CSS (jos)9,854
css, colors
Advanced Web Font Optimization Techniques9,853
fonts, typography, optimization
Content May Be King, but Design Is Queen (uxd)9,852
design, content
NestJS With API Gateway9,851
nestjs, apis
Three Pillars of User Delight (tbf/nng)9,850
user-experience
Upgrade Your HTML IV (j9t/fro)9,849
books, frontend-dogma, html, minimalism, craft, conformance
HTML Content Model Categories9,848
html, semantics
CSS for URLs and HTTP Headers (jim)9,847
css, urls, http, http-headers
Basic Intro to Bulma CSS9,846
introductions, bulma
Lazy Loading Images in HTML (sim)9,845
performance, html, lazy-loading
Foundational Skills9,844
career
Addressing Concerns About CSS Speech (tin)9,843
accessibility, css, voice
A Guide to the Most Popular Types of APIs: REST, SOAP, GraphQL, and gRPC9,842
guides, apis, rest, graphql
Growing Design System Documentation9,841
design-systems, documentation
Positioning Notification Messages With Accessibility in Mind (cod)9,840
accessibility, notifications, positioning
Forging Links (mat/9el)9,839
videos, css, collaboration
Elements Can Be Visible Even Though Their Parent Has Set “visibility: hidden” (ste)9,838
css, hiding
Why Japan’s Internet Is Weirdly Designed9,837
videos, design
The Ultimate Error Message UX Writing Guide9,836
guides, errors, writing, user-experience
The Shape-Shifting “a” Element9,835
html, links, semantics
The Peculiar Case of Japanese Web Design9,834
websites, design, culture, comparisons
The BBC’s 15 Web Principles—15 Years Later (ede)9,833
web, principles, history
Should Design Systems Include Problematic Components and Patterns? (amy)9,832
design-systems, design-patterns, components
Setting Up a Screen Reader Testing Environment on Your Computer (sar)9,831
screen-readers, nvda, testing, tooling, accessibility, link-lists
Git Is Not the End of History9,830
git, version-control, outlooks
Document Object Model (DOM) Geometry: A Beginner’s Introduction and Guide (sma)9,829
introductions, guides, dom, javascript
A Brief History of Web Apps—Why Qwik Is Innovative9,828
web-apps, history, qwik
The “label” Element9,827
html, labels, semantics
Preparing for WCAG 2.2 (int)9,826
videos, accessibility, wcag
Our Future CSS Strategy9,825
css, javascript, css-in-js, strategies, case-studies
Node.js Architecture Pitfalls to Avoid (app)9,824
nodejs, architecture
Down With Design Systems Dogma (amy)9,823
design-systems
CSS “:is()”, “:where()”, “:has()”, and “:not()”9,822
css, selectors
Accessibility and Inclusive Design Systems (bra)9,821
videos, accessibility, design-systems, dei
Improving Firefox Stability With This One Weird Trick (moz)9,820
browsers, mozilla, firefox
Writing and Organizing Node.js API Tests the Right Way9,819
nodejs, apis, testing
What Image Format Should You Use in Your Next Project? (alv)9,818
images
What Happened to Text Inputs? (hey)9,817
videos, html, forms
The Value of Accessibility (ann)9,816
podcasts, accessibility
Page Title Conventions (ada)9,815
html, accessibility, seo
Optimizing a Vue App (mic/sma)9,814
vuejs, web-apps, optimization
Natural Language Inputs (jim)9,813
forms, usability
Deploy Node.js to AWS: Build an Automated CI/CD Pipeline9,812
nodejs, aws, ci-cd, automation
CSS Snapshot 2022 (tab+/w3c)9,811
css, standards
An Interactive Guide to Flexbox (jos)9,810
guides, css, flexbox, layout
Introducing Our New Guide to Google Search Ranking Systems (dan)9,809
introductions, google, search, seo
Less Design Leadership—More Design Authorship (uxd)9,808
design, leadership
What Is the Open Web?9,807
web, open-web, web-platform
Taming the Cascade With BEM and Modern CSS Selectors (css)9,806
css, cascade, selectors, naming, bem
State of JavaScript 2022 (sac/dev)9,805
surveys, javascript
Incorporating Accessible Design Elements Into Your Web Site (uxm)9,804
accessibility, design
How to Use Huge Type on the Web9,803
how-tos, design, typography
Harnessing Groupthink: Fine-Tuning CSS Specifications (ric)9,802
css, collaboration
DOJ and Congressional Updates on Digital Accessibility9,801
accessibility, legal
Analyzing the Top 100 Retailers for Digital Accessibility (deq)9,800
studies, research, accessibility
A Guide to Keyboard Accessibility: JavaScript (its/sma)9,799
guides, accessibility, keyboard-navigation, javascript
4 Mobile Must-Haves for a Modern UX Design Strategy (uxm)9,798
user-experience, design, responsive-design, mobile
Today I Learned: The Subtle Art of Code Reviews9,797
code-reviews, best-practices, quality
Multidimensional Design Systems (fig)9,796
videos, design-systems
Get Verified on Mastodon With WordPress (osd)9,795
mastodon, wordpress
Brief Note on “aria-readonly” Support (aar)9,794
accessibility, html, aria, assistive-tech, support
Git Notes: Git’s Coolest, Most Unloved­ Feature9,793
git
Distinguish Yourself in the Tech Job Market by Writing a Solid Cover Letter (and)9,792
interviewing, career
An Introduction to the Design Tokens File Format (fig)9,791
videos, introductions, design-tokens
The Ultimate Guide to Frontend Monitoring9,790
guides, monitoring
The Easiest Way to Get Started With CSS Grid (zor/css)9,789
videos, css, grids, layout
How to Handle Unplanned Work in Scrum9,788
how-tos, scrum, agile, processes
Days Since Last JS Framework9,787
websites, javascript, frameworks
Style a Parent Element Based on Its Number of Children Using CSS “:has()” (bra)9,786
css, selectors
You Don’t Need HTML (ede)9,785
websites, html, web-platform
Migrating From npm to pnpm9,784
migrating, npm, pnpm
Firefox-Only CSS (ami)9,783
css, browsers, mozilla, firefox
Experimenting With Layering, Filtering, and Masking in CSS9,782
css, experiments, masking, filters
Back to Basics: What are Callbacks in JavaScript?9,781
fundamentals, javascript, callbacks
An Interesting Limitation of CSS Custom Properties (tyl/clo)9,780
css, custom-properties
A Guide to Image Optimization on Jamstack Sites (daw/sma)9,779
guides, images, compression, optimization, performance, tech-stacks, jamstack
“vh”, “svh”, “lvh”, and “dvh” (mat)9,778
css
Using Automated Test Results to Improve Accessibility (sma)9,777
automation, testing, accessibility
Theory-Building and Why Employee Churn Is Lethal to Software Companies9,776
processes, productivity
Spy On “window.postMessage” Calls (bah)9,775
javascript, cypress, testing
“Not Secure” Warning for IE Mode9,774
browsers, microsoft, edge, internet-explorer, security
Improving React Interaction Times by 4×9,773
react, performance, optimization
CSS Best Practices: 16 Ways to Improve Your CSS Skills Quickly9,772
css, best-practices
Build and Deploy a Node.js Microservices Application9,771
nodejs, microservices, deploying
Accessibility Is in Style—Styles and Style Guides (kno)9,770
accessibility, writing, design, documentation, style-guides, consistency, quality
5 Insider Tips to Make Accessibility Part of Workflow (mni)9,769
accessibility, tips-and-tricks, processes
The Heuristics of Neurodesign (uxd)9,768
design, heuristics
Visual Design: Breaking Into the Fourth Dimension of Experience Design (uxd)9,767
design, user-experience
Why Some Developers Will Never Improve9,766
career, learning
Significant Improvements for Screen Readers Now in Nightly Firefox (moz)9,765
browsers, screen-readers, mozilla, firefox, accessibility
The Best Programming Languages You Can Use for Web Development9,764
programming, web-platform
How to Do Keyword Optimization for SEO (3 Steps) (ahr)9,763
how-tos, seo, keywords, optimization
CSS Shapes Module Level 1 (w3c)9,762
standards, css, shapes
Building Conscious Design Systems (amy)9,761
design-systems
10 Topics You Must Know if You Want to Be a Web Developer—a Beginners Guide9,760
guides, learning
Web Sustainability Resources (mic)9,759
sustainability, link-lists
Should You Use PHP (Laravel) in 20239,758
laravel, php
Your Accessibility Claims Are Wrong, Unless… (aar)9,757
accessibility, communication
Awesome Productivity Tools for Developers9,756
productivity, tooling
A Guide to Keyboard Accessibility: HTML and CSS (its/sma)9,755
guides, accessibility, keyboard-navigation, html, css
Content Strategy 101 (nng)9,754
content, content-strategy
Git Cheat Sheet With 40+ Commands and Concepts9,753
git, cheat-sheets, concepts
The IndieWeb for Everyone9,752
web, indieweb
The Evolution of Scalable CSS9,751
css, maintainability, scalability, naming, oocss, smacss, bem, css-in-js, modules, atomic-css, tailwind, history
How to Increase Traffic to Your Website (for)9,750
how-tos, traffic
Don’t Disable the Zoom Functionality9,749
accessibility, zooming
When Our Tools Hold Us Back (mia/odd)9,748
design, css, tooling
Implementation Guide for Using “Remove Cache Buster Query Parameter” Feature9,747
guides, caching, cloudflare
CSS “:where()” “:is()” the Difference? (hel)9,746
css, selectors
CSS Grid and Custom Shapes III (css/css)9,745
css, grids, design
10 Things I Wish I’d Known When Starting My Coding Journey9,744
career
Node.js Security Best Practices (nod)9,743
nodejs, security, best-practices
Why Your Backend in Node.js Needs an API Layer and How to Build It9,742
nodejs, architecture, apis
What’s New in WCAG 2.29,741
videos, accessibility, wcag, standards
The Anatomy of “visually-hidden” (sib/tpg)9,740
accessibility, css
State of Design Systems 2022 Survey9,739
surveys, design-systems
Easily Switch Between Different Node Versions Using nvm (zor/css)9,738
videos, nodejs, nvm
Are You Using an Accessibility Overlay to Help Disabled Users? Don’t! (sea)9,737
accessibility, overlays, legal
An Open Challenge (to Tech Event Organizers) (col)9,736
community
Designing for People Who Use a Mouse (ihe/web)9,735
videos, accessibility
Cultivating Design Systems by Bringing Intention (amy)9,734
design-systems
CSS Timeline9,733
css, history
Browsers, JSON, and “FormData” (jim)9,732
browsers, json, apis
Accessfuturism: Digital Accessibility in 2032 (web)9,731
videos, accessibility, outlooks
A Brief and Probably Only Partially Correct History of CSS Nesting (chr)9,730
css, history, nesting
What CSS Do You Absolutely Have to Know in 2022? (geo/css)9,729
css
TypeScript With Node.js (rwi)9,728
typescript, nodejs
Is “CSS Engineer” Now a Job Position? (hel)9,727
css, career
How to Improve User Experience and Wow Your Users9,726
how-tos, user-experience
How to Create the Perfect Hero Image for Your Portfolio Site9,725
how-tos, design
Generating Slugs Using One Line of Code in JavaScript (ami)9,724
javascript
Foundations: Native Versus Custom Components (tet)9,723
accessibility, fundamentals, components, html, comparisons
Early Learnings for Early Hints at Shopify (sia)9,722
videos, case-studies, shopify, performance, hints
Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (hdv)9,721
html, semantics, accessibility, modals, pop-overs
Accessibility Contrast Requirements Explained and How to Fix 5 Common Low-Contrast Issues (pop)9,720
accessibility, colors, contrast
npm Security: Preventing Supply Chain Attacks9,719
npm, dependencies, security
What Designers Can Learn From Apple’s New Accessibility Features (uxd)9,718
accessibility, design, apple
Why You Need to Monitor and Report on Accessibility—All the Time (deq)9,717
accessibility, monitoring, compliance, legal
Why Would Anyone Need JavaScript Generator Functions?9,716
javascript, functions
Using Data-Driven Analytics to Improve Your Site’s User Experience (uxm)9,715
user-experience, analytics, metrics
The Superpowers of Design Tokens9,714
videos, design-tokens
Saved From Callback Hell9,713
javascript, callbacks
Responsive Accessibility Using “visibility: hidden” (sco)9,712
accessibility, responsive-design, hiding, css
Managing CSS Styles in a WordPress Block Theme (css)9,711
css, maintenance, wordpress, theming
Creating a Design System Using Radix9,710
design-systems, radix
Client-Side Routing Without the JavaScript (rya/thi)9,709
javascript, performance, frameworks
A Simpler Approach to Document and Web Accessibility9,708
accessibility
Visual Design in UX: Study Guide (nng)9,707
guides, design, user-experience, training, link-lists
Too Much Efficiency Makes Everything Worse: Overfitting and the Strong Version of Goodhart’s Law (jas)9,706
efficiency, ai
Inside the Mind of a Frontend Developer: Hero Section (sha)9,705
html, css
How to Adjust Alignment and Indentation for Ordered Lists in CSS9,704
how-tos, css, tailwind, lists, alignment
Hey Tech Recruiter, Here Are Some Tips From a Developer (eev)9,703
hiring, communication, tips-and-tricks
Writing Better Documentation (ale)9,702
documentation, writing
An Animated Guide for Node.js Event Loop9,701
guides, nodejs, event-loop, events
Accessibility “Gaps” in MVPs (aar)9,700
accessibility
5 Takeaways From Screen Reader Usability Interviews9,699
accessibility, screen-readers, usability
Ways to Improve Developer Onboarding on an Existing Codebase9,698
onboarding, productivity
See This Page Fetch Itself, Byte by Byte, Over TLS9,697
websites, typescript, tls
Minimal Dark Mode (j9t)9,696
dark-mode, css, minimalism
Frontend Dogma on Mastodon (fro)9,695
frontend-dogma
Caring About the World Wide Web (ada)9,694
videos, accessibility, dei, web
6 Steps to Improve HTML Images for Users and Developers (aus)9,693
html, images, performance, responsive-design
The Best PHP Frameworks for 20229,692
php, frameworks
Why You Need to Involve Deaf and Hard of Hearing People in Research and Testing (mer)9,691
videos, accessibility
Tips for Design System Component Pages9,690
design-systems, components, documentation, consistency, tips-and-tricks
Sustainable Web Design Reduces E-Waste9,689
sustainability
Speedy CSS Tip! Animated Gradient Text (jhe/dev)9,688
css, gradients
Progress Over Perfection: A Better Way to Accessibility (mer)9,687
accessibility, processes
Comparing TCP and QUIC9,686
tcp, quic, protocols, comparisons
A Testing Strategy for Accessibility in New Apps (mar)9,685
accessibility, testing
A Deep Dive Into Accessible Notifications9,684
videos, accessibility, notifications, deep-dives
7 Tactics That Benefit Both Accessibility and SEO (deq)9,683
accessibility, seo
16 Rare HTML Tags You Really Should Know9,682
html, semantics
Design Management Toolbox: Non-Linear Professional Development (uxd)9,681
design, career
Why Experienced Programmers Fail Coding Interviews9,680
career, interviewing
Tips to Become a Great Software Engineer9,679
career
The Case for JPEG XL (jon)9,678
jpeg-xl, images, compression
Should Consistency Be a Goal of Design Systems? (amy)9,677
consistency, design-systems
Next Steps for the W3C Web Accessibility Initiative9,676
videos, accessibility, w3c
HTML and CSS Features, Tips for a 10× Faster Page Loading Speed9,675
html, css, performance, tips-and-tricks
How to Start a Content Audit9,674
how-tos, content, content-management, auditing, quality
Designing the Perfect Mobile Navigation UX (vit/sma)9,673
mobile, navigation, user-experience
An Introduction to CSS Cascade Layers (lul)9,672
introductions, css, cascade
A Love Letter to React (fly)9,671
react, jsx
Is Turbopack Really 10× Faster Than Vite? (eva)9,670
tooling, bundling, performance, vite
An Overview of JavaScript Promises9,669
overviews, javascript, promises
Why One Web Pioneer Thinks It’s Time to Reinvent the Browser (dav/ver)9,668
browsers, web
TypeScript 5.0 Iteration Plan (dan/typ)9,667
typescript
The New CSS Media Query Range Syntax (css)9,666
css, media-queries
Screenshotting VoiceOver on macOS (kil)9,665
tooling, screenshots, images, apple, unix-like, voiceover
My Divtober 2022 Drawings (alv)9,664
css, art
Intro to HTML-First Frontend Frameworks9,663
introductions, html, frameworks
Folder Structure for Node.js and Express.js Project9,662
architecture, nodejs, express
Everything You Need to Know About Material Design 39,661
videos, material-design, google, comparisons
Complexity and Caution (tem)9,660
accessibility, usability, complexity
“aria-label” Is a Code Smell (eri)9,659
accessibility, aria, labels, quality, technical-debt
20+ Laravel Best Practices, Tips, and Tricks to Use in 20239,658
laravel, best-practices, tips-and-tricks
Knowing What It’s Not (uxd)9,657
design, spacing
Hostile Patterns in Error Messages (nng)9,656
usability, design, errors, anti-patterns
5 Visual Treatments that Improve Accessibility (nng)9,655
accessibility, design
Do We Need an Interop for Assistive Technologies? (hdv)9,654
accessibility, browsers, screen-readers, assistive-tech, interoperability
7 Shorthand Optimization Tricks Every JavaScript Developer Should Know9,653
javascript, optimization
URL Redirection on AWS Using JSON Rules9,652
aws, urls, redirecting, json
The Perfect Commit (sim)9,651
version-control, documentation, testing, commit-messages
How to Create Advanced Animations With CSS (sma)9,650
how-tos, css, animations
How to Build, Test, and Publish a TypeScript npm Package in 20229,649
how-tos, typescript, npm
CSS Ellipsis for Single-Line and Multi-Line Text9,648
css, typography
What Is a Realm in JavaScript?9,647
javascript
All Designers Start as Copycats (and That’s OK) (uxd)9,646
design, career
Why You Should Never Use “px” to Set “font-size” in CSS9,645
css, accessibility
Using HSL Colors in CSS (log)9,644
css, colors
Type-Safe TypeScript With Type Narrowing (thi)9,643
typescript, type-safety
React Concurrency, Explained9,642
slides, react, concurrency
Practical CSS Guide for Busy Developers9,641
guides, css
Motion Controls in the Browser (sma)9,640
browsers, javascript, permissions
How to Communicate Effectively as a Developer9,639
how-tos, communication, writing, career
How Flaky Tests Impact Developers9,638
research, testing, flakiness, quality
Getting WCAG Color Contrast Right (luk/uxd)9,637
accessibility, wcag, colors, contrast
Masked Gradient Dashed Lines (mey)9,636
css, gradients, masking
CSS Runtime Performance9,635
slides, css, performance
Accessibility Beyond the “Obvious” (tem)9,634
accessibility
Web Accessibility: ARIA 101 (thi)9,633
videos, accessibility, aria
Typographic Hierarchies (sma)9,632
typography, design
The Math Behind Nesting Rounded Corners (pau/clo)9,631
css, math, nesting
Guide to the Best JavaScript Books for Beginners9,630
guides, books, javascript, link-lists
Design Principles for the Web (ada)9,629
videos, design, principles
Code Coverage With Storybook Test Runner (sto)9,628
testing, code-coverage, storybook
A Beginner’s Guide to Chrome Tracing (nol)9,627
guides, browsers, google, chrome, performance, tracing
“Thousand” Values of CSS (kar)9,626
css, cascade
Structured Data (htt)9,625
web-almanac, studies, research, metrics, structured-data, semantics, semantic-web
Performance (rvi/htt)9,624
web-almanac, studies, research, metrics, performance, web-vitals
OKLCH in CSS: Why We Moved From RGB and HSL (sit+/evi)9,623
css, colors, oklch
CSS Animated Grid Layouts (bra/dev)9,622
css, grids, layout, animations
Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance (pep)9,621
css, responsive-design, performance
Building a Tooltip Component (arg/dev)9,620
components, tooltips, html, css
Animated Border Gradient (shs)9,619
code-pens, css, animations, gradients, effects
Sharing Data Between Microservices9,618
microservices, architecture
What? How? Why? “@ layer”9,617
css, cascade
Is There Too Much CSS Now? (sac/css)9,616
css
Don’t Be Afraid of Reverting Code in Git9,615
git
Do You Really Understand CSS Radial Gradients? (pat)9,614
css, gradients
Detect System Theme Preference Change Using JavaScript (dav)9,613
dark-mode, javascript
Disruptive Design Patterns—an Uncharted Territory (uxd)9,612
design-patterns
Evolution of Manuals: UX Inspiration From History (uxd)9,611
user-experience, history, documentation
How We Improved React Loading Times by 70% With Next.js9,610
react, performance, nextjs, case-studies
Twitter Reminds Us About Alt Text, but How Good Are We at It? (uxd)9,609
accessibility, writing, alt-text, images, twitter+x
Things Strong Developers Do That Drive Their Team Crazy9,608
communication, productivity
The Truth Behind Implicit/Explicit Form Labels9,607
html, forms, labels, accessibility
Tailwind CSS v3.2: Revisiting My “Feature Creep” Warning9,606
css, tailwind
New Git Guidelines: We Have Switched to Conventional Commits9,605
guidelines, conventions, git, commit-messages
JavaScript Shallow Copy—What Is a Shallow Copy?9,604
javascript
Let’s Talk About Web Components (bra)9,603
web-components
How to Set Up the New Google Auth in a React and Express App9,602
how-tos, google, authentication, react, express
53 UX Statistics to Know for 20239,601
user-experience, research
Why I Never Understood CSS-in-JS (cit)9,600
css, javascript, css-in-js
Which Serverless Edge Platform Has the Fastest Git Deployments? (den)9,599
serverless, edge-computing, git, performance, deploying
Usable, Useful, and Valuable9,598
agile, scrum, processes, user-experience
Responsive Animations for Every Screen Size and Device (css)9,597
animations, css, responsive-design
CSS Is Awesome9,596
videos, css
Ethical Design Is a Risk Management Strategy (uxd)9,595
design, ethics, strategies
SEO and Accessibility Are Symbiotic (deq)9,594
accessibility, seo
A Dashing Navbar Solution (mey)9,593
css
Why We Need CSS Speech (tin)9,592
accessibility, css, voice
What if the Team Hates My Functional Code?9,591
programming
The True Type in PHP 8.2 (ami)9,590
php
State of CSS Frameworks (thi)9,589
videos, css, frameworks
Redo Websites Less Often (to Become a Better Developer) (j9t)9,588
processes, redesigning, refactoring, career
I Made a Full-Stack and Type-Safe Personal Site Using the T3 Stack9,587
nextjs, tailwind, type-safety, tech-stacks
How to Build the Foundation for Digital Accessibility (deq)9,586
how-tos, accessibility, policies, processes
Highly Customizable Background Gradients (spa/clo)9,585
css, backgrounds, gradients
GitHub Copilot Investigation9,584
websites, github-copilot, github, ai, legal
Digital Accessibility—Ask Me Anything (tpg)9,583
videos, accessibility
Secure JavaScript URL Validation9,582
javascript, validation, urls, security
The Proprietary Syndication Formats (chr)9,581
syndication, rss
Hands-On Guide to Color Fonts and “@ font-palette-values” (zor/css)9,580
videos, guides, css, fonts
Google on Alt Text SEO and Accessibility (sea)9,579
google, seo, accessibility, writing, alt-text, images
Forging Successful Partnerships With Software Developers (uxm)9,578
collaboration, design
Edit Someone Else’s Website: “contenteditable” and “designMode” (aus)9,577
html
Designing for Users With Disabilities: 10 Factors to Consider (uxm)9,576
accessibility, design, usability
Data-Oriented Django (ada)9,575
videos, django, algorithms
CSS Specificity for Beginners (nic)9,574
css, selectors, cascade
Common ARIA Mistakes and How to Avoid Them (ale)9,573
accessibility, html, aria, mistakes
Applying the 8 Golden Rules of User-Interface Design (uxm)9,572
design, usability, consistency
Why We’re Breaking Up With CSS-in-JS9,571
css, javascript, css-in-js
The Wasted Potential of CSS Attribute Selectors9,570
css, attributes, selectors, bem
Next.js Crash Course9,569
videos, crash-courses, nextjs
Don’t Be Arrogantly Ignorant: Don’t Flame9,568
career, communication
Moving From React to htmx (htm)9,567
migrating, react, htmx
Introduction to WebC (5t3)9,566
introductions, webc
How to Rebase Stacked Git Branches (ada)9,565
how-tos, git
Container Queries: Style Queries (bra)9,564
css, style-queries, container-queries
New Brutalism and Web Accessibility: What You Need to Know (uxd)9,563
design, accessibility
Design for Them Not for You (nng)9,562
videos, design, usability
Utility Framework UnoCSS9,561
unocss, presentational-html, css
Scoop: Meta Ending Support for Instant Articles9,560
facebook+meta, support
Microfrontends: Microservices for the Frontend9,559
micro-frontends, microservices
Accessibility Checkers—a Good Start, Not a Solution (kno)9,558
accessibility, testing, tooling
Upgrading Colors to HD on the Web (bra)9,557
css, colors
Why You Should Prefer Using pnpm Over npm and Yarn?9,556
pnpm, npm, yarn, comparisons
What I Learned About SVG Accessibility (Among Other Things) From NBC News’ Senate “What If” Project9,555
accessibility, svg, images, lessons
Two JavaScripts (rem)9,554
javascript
Some Things I Took Away From an Event Apart 2022 in Denver (geo/css)9,553
web, accessibility, css
Should We Hire Junior Developer Advocates? (bla)9,552
hiring, advocacy, developer-relations, dei
Intro to Why Accessibility Is Important for Good SEO (deq)9,551
introductions, accessibility, seo
CDN (htt)9,550
web-almanac, studies, research, metrics, performance, content-delivery, tooling
Augmenting Node.js With WebAssembly (nea)9,549
videos, nodejs, webassembly
A Pure CSS Gallery Focus Effect With “:not” (css)9,548
css, selectors
Early Days of Container Style Queries (geo/css)9,547
css, container-queries, style-queries
Design Specifications Template (uxd)9,546
design, templates
The Web’s Next Transition (ken)9,545
web-apps, multi-page-apps, single-page-apps, progressive-enhancement
Speeding Up Async Snippets (css)9,544
performance, javascript, asynchronicity
Representation in “alt” Text (aar)9,543
accessibility, dei, writing
How to Animate CSS Box Shadows and Optimize Performance9,542
how-tos, css, animations, shadows, performance
Create a Passkey for Passwordless Logins (age/dev)9,541
authentication, security, passkeys
Wired.com: 20 Years Later (sto)9,540
design, retrospectives, case-studies
Tree Views in CSS (kat)9,539
css
The Border Property You Never Knew You Needed (kev)9,538
videos, css
Sustainable Web Development Strategies Within an Organization (mic/sma)9,537
sustainability, performance, optimization
Quick Tip: How to Use the Ternary Operator in JavaScript9,536
how-tos, javascript, operators, tips-and-tricks
Bun? Deno? Node.js? Creating Your Own JavaScript Runtime Using V8, Libuv, and More9,535
videos, javascript, runtimes, v8
Challenges of Multi-Brand Design Systems (uxd)9,534
design-systems, branding, theming
Landing the Second Click: A Guide to Designing Better Landing Pages (uxd)9,533
guides, design, landing-pages, user-conversion
:where :is CSS?9,532
css, selectors
When New CSS Features Collide: Possibility and Complexity at the Intersections (rac)9,531
slides, css, complexity, interoperability
WCAG 2.2 Success Criteria9,530
accessibility, wcag
SVG Sprites: Old-School, Modern, Unknown, and Forgotten (pep)9,529
svg, images, sprites, performance
New Patterns for Amazing Apps (tom/dev)9,528
web-apps
HTML 2022: 20 Additional Observations From Analyzing the Web Almanac Data (j9t)9,527
html, metrics, web-almanac
How to Write Good Alt Text (cfe)9,526
how-tos, accessibility, writing, alt-text, images
Delightful UI Animations With Shared Element Transitions API II (cod/sma)9,525
javascript, animations, transitions, apis
A Little Semantic HTML Trick for React Components9,524
react, html, semantics, components, tips-and-tricks
Usability Heuristic Frameworks: Which One Is Right for You? (uxd)9,523
usability, research
Personas: Study Guide (nng)9,522
guides, personas, usability, training, link-lists
Turn Around Your Git Mistakes in 17 Ways9,521
git, productivity, mistakes
Understanding “async” and “await”9,520
javascript, asynchronicity
Prioritizing Technical Debt With Hotspots9,519
videos, technical-debt, visualization, prioritization
Layout Breakouts With CSS Grid9,518
css, grids, layout
4 Required Tests Before Shipping New Features (5t3)9,517
accessibility, testing
2022 Web Almanac Report Finds WordPress Adoption Is Growing, Adds New Page Builder Data (sar)9,516
studies, research, web-almanac, wordpress, content-management
WordPress.org Plugin Developers Demand Transparency Regarding the Removal of Active Install Growth Data (sar)9,515
wordpress, plugins, metrics
Unless You’re in the Mafia, Your Company Isn’t Your Family (cod)9,514
career
The Future of the Web Is on the Edge (den)9,513
deno, edge-computing
The Future of Rendering in React (psu)9,512
react, client-side-rendering, server-side-rendering
How to Safely Share Your Email Address on a Website (css)9,511
how-tos, communication, email
How to Safely Pass Data to JavaScript in a Django Template (ada)9,510
how-tos, javascript, django
How to Optimize Resource Loading With the “fetchpriority” Attribute (deb)9,509
how-tos, html, performance, optimization
Five Months Worth of Takes on the Digital Accessibility Space9,508
accessibility, testing, tooling
Debugging CSS, No Extensions Required (kev)9,507
videos, css, debugging, browsers, browser-extensions
Awesome Tools for Open Source Contributions9,506
tooling, foss, documentation
Adding Components to Eleventy With WebC (zac)9,505
eleventy, components, webc
A Short Story of the Google Error Page (j9t)9,504
history, google, error-pages
Foundations: HTML Semantics (ihe/tet)9,503
accessibility, fundamentals, html, semantics
Easy Fluid Typography With “clamp()” Using Sass Functions (uti/sma)9,502
liquid-design, typography, css, sass, functions
Using Web Components With Next (or Any SSR Framework) (ada/css)9,501
web-components, nextjs, server-side-rendering
Use “npm query” and jq to Dig Into Your Dependencies9,500
videos, npm, dependencies, auditing
Quick Tip: How to Use the Spread Operator in JavaScript9,499
how-tos, javascript, operators, tips-and-tricks
Patching the Open Web (jim)9,498
open-web
Front-End Development Is Like… (geo)9,497
career
AI Code Completion Is Like Cruise Control—and That’s Great News for Bigger Teams (cod)9,496
ai, code-completion, productivity, collaboration
CSS Halftone Patterns (mic)9,495
css, effects
One Formula to Rule Them All: The ROI of a Design System (uxd)9,494
design-systems
Can Consistency Harm Your Product? (uxd)9,493
design, consistency
3 Things to Consider Before You Implement CAPTCHA for Accessibility (uxd)9,492
accessibility, captcha
Component-Level Design Tokens: Are They Worth It?9,491
design-tokens, components

(Where are the remaining 9,490 entries? These are also available, but not to make this list of pages endless, from here on you need to explore the topic pages. For example, you can go by year—like 2022—or decade—as with the 1990s—to explore content from every available time.)