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 and included. Hide

Frontend Dogma

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

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

Entry (Sources) and TopicsDate#
Release Notes for Safari Technology Preview 174 (mar/web)12,077
release-notes, browsers, apple, safari
Recent Design12,076
websites, design, link-lists
JPEG XL: How It Started, How It’s Going12,075
images, compression, jpeg-xl
How AI Is Making Web Design More Efficient (web)12,074
ai, design, efficiency
From Nunjucks to Liquid (mor)12,073
template-engines, nunjucks, liquid, migrating
Developer’s Research Process (cit)12,072
research, processes
Arrays and Tuples in TypeScript (fro)12,071
typescript, arrays
TypeScript and the Dawn of Gradual Types (rww)12,070
typescript
Organize TypeScript Types With Namespaces12,069
typescript, namespaces
Loading and Progress Indicators12,068
performance, user-experience, design-patterns, progress-indicators
A Guide to Variables in Figma12,067
guides, variables, figma
Tailwind CSS Tips and Tricks Worth Knowing (bui)12,066
tailwind, tips-and-tricks
Storing Data in Control Flow (rsc)12,065
programming
Sass Features in CSS (chr)12,064
css, sass
Permission (ada)12,063
web, seo, google
My Journey to Learning CSS (kev)12,062
videos, css, learning
Introduction to CSS Grid: A Comprehensive Guide12,061
guides, css, grids, layout
Getting Started With Vector Databases in Node.js12,060
introductions, nodejs, databases, vector-databases
Tree Shaking in JavaScript12,059
javascript, performance, tree-shaking
The Anatomy of a Perfect Landing Page That Converts (uxm)12,058
landing-pages, user-conversion
Mockups Explained (uxm)12,057
design, processes
Making Numbers in Web Content Accessible (ons/tpg)12,056
accessibility
JavaScript Debounce, Easiest Explanation (With Code)12,055
debouncing, javascript
Invisible Details of Interaction Design12,054
interaction-design, design, user-experience
How to Prevent Unnecessary React Component Re-Rendering12,053
how-tos, react, client-side-rendering, performance
Getting Started—Understanding the History of Web Accessibility12,052
videos, introductions, accessibility, history
Find Memory Leaks by Comparing Heap Snapshots (pat/dev)12,051
memory, dev-tools, browsers, google, chrome, microsoft, edge
Developing Inclusivity Features (uxm)12,050
design, accessibility, dei
Data-Driven Design: The Rise of Big Data in UX (uxm)12,049
design, metrics, user-experience
What Is Asset Fingerprinting (or Cache Busting) and How It Works in ReactJS12,048
caching, fingerprinting, react
React Design Patterns12,047
react, software-design-patterns
How to Improve the Release Frequency of Your Team?12,046
how-tos, releasing, processes, agile, scrum
Getting Started With Jekyll: A Powerful Ruby-Based Static Site Generator12,045
introductions, jekyll
All the Places Where You Can Use “prefers-color-scheme” Media Query (ami)12,044
css, media-queries, javascript, html, dark-mode
Awesome List of Free CSS [Generators]12,043
link-lists, css, code-generation, tooling
The Decline in Design (Thinking)12,042
design, user-experience
Use Case-Driven Standards Development12,041
standards
New Viewport Units (sha)12,040
viewport, css, units, responsive-design
Deploying a Fastify and Vue 3 Static Site to Heroku12,039
deploying, fastify, vuejs, heroku
The New “@font-face” Syntax (oll)12,038
css, fonts
htmx in 100 Seconds (fir)12,037
videos, introductions, htmx
Strategic UX Research Is the Next Big Thing12,036
user-experience, research, strategies
Unleashing Lightning CSS12,035
css, tooling, lightning-css
Testing the Dark Scenarios of Your Node.js Application12,034
nodejs, testing
Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (css/sma)12,033
css, effects, images
From Hacks to Elegance: Transforming a Card Component With Modern CSS Wizardry (9el)12,032
components, css, refactoring, maintenance
Four Lenses of Productivity12,031
research, productivity
An Introduction to Native CSS Nesting (cra)12,030
introductions, css, nesting
URL Explained: The Fundamentals (itt)12,029
terminology
There’s No Such Thing as a “Normal” User (kar)12,028
accessibility
The Case Against Self-Closing Tags in HTML (jaf)12,027
html
Offset Parent and Stacking Context: Positioning Elements in All Three Dimensions (kil/pol)12,026
css, positioning, layout
Just Normal Web Things (hbu)12,025
web, user-experience
Is Lighthouse a Misleading Performance Tool?12,024
performance, google, lighthouse, web-vitals, tooling
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace (dbo)12,023
leadership, dei, accessibility
Origin Trials and Tribulations (rvi)12,022
web-platform, browsers, origin-trials, metrics
Displaying Your Full-Sized YouTube Thumbnail or a Custom OG Image in a Twitter Card (phi)12,021
youtube, twitter+x, open-graph, social-media, metadata, images
Redundancy Is Great (jun)12,020
information-design
When User Testing Sessions Bring Up Trauma12,019
user-experience, testing
Understanding JWTs: A Simple Guide for Beginners12,018
guides, json-web-tokens
Resources for Procurement of Accessible Digital Products and VPAT (den)12,017
accessibility, vpat-acr, conformance, tooling, link-lists
Multithreading With Worker Threads in Node.js (app)12,016
nodejs, multithreading, worker-threads
Introduction to the Kanban Framework: A Beginner’s Guide to Agile Project Management12,015
introductions, guides, kanban, agile, project-management
How to Validate HTML On-Line at W3C (wie)12,014
how-tos, html, conformance, tooling
CSS Only Floating Labels12,013
css, floats, forms, labels
Creating SVG Animations Using Tailwind CSS12,012
svg, images, animations, tailwind
Can We Query the Root Container? (mia/odd)12,011
css, container-queries
Build a Simple Beginner App With Node, Bootstrap, and MongoDB12,010
web-apps, nodejs, bootstrap, mongodb
Making the Switch: From Yarn/npm to pnpm12,009
migrating, yarn, npm, pnpm
The Power of CSS Preprocessors: Less vs. Sass vs. Stylus12,008
css, preprocessors, less, sass, stylus, comparisons
Introduction to MongoDB and NoSQL Databases12,007
introductions, databases, mongodb
See What’s New in Firefox [115.0] (moz)12,006
release-notes, browsers, mozilla, firefox
What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (tam/spe)12,005
performance, user-experience, user-conversion, metrics, economics
The Trick to Smoothly Animating Shadows in CSS (kev)12,004
videos, css, animations, shadows
The “article” Element and Screen Readers (mat)12,003
html, screen-readers, accessibility, support
Design for the Web Without Figma12,002
design, tooling
Are We There Yet? (svg)12,001
css, colors, history
90s Websites—Key Characteristics and Examples12,000
design, history, trends, navigation, colors, typography
Your Browser May Be Having a Secret Relationship With a Screen Reader (kno)11,999
accessibility, browsers, screen-readers, assistive-tech
Understanding SVG Paths11,998
svg, images
HTML Form Validation Using Cypress11,997
forms, validation, cypress
How I Am Blogging the IndieWeb Way (liz)11,996
blogging, indieweb, automation
Differences Between vi and Vim Text Editors Explained11,995
vi+vim, code-editors, comparisons
ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA (pop)11,994
how-tos, accessibility, aria, auditing
And 4 More HTML Concepts You Didn’t Know (j9t)11,993
html, concepts, web-components
How to Use Node.js to SSH Into Remote Servers: A Comprehensive Guide11,992
how-tos, guides, nodejs, command-line, servers, ssh
AI and the Automation of Work11,991
ai, automation, processes
4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (ada)11,990
design, principles, user-experience, dei
In Defence of “DOMContentLoaded” (css)11,989
javascript, dom, performance
How to Measure the Impact of a Design System?11,988
how-tos, design-systems, metrics
The Big Problem With Variables in Figma11,987
figma, variables
How to Tackle Docker and Kubernetes for Frontend11,986
how-tos, containerization, docker, kubernetes
Setting Expectations for the Node.js Test Runner (cji)11,985
nodejs, testing
State of the Web: Deno11,984
deno
Observing Node.js Processes With eBPF11,983
monitoring, nodejs
Identify Unused npm Packages in Your Project (ami)11,982
npm, dependencies, maintenance
Designers Who Code, What Is It Good For? (fra)11,981
design, career
Angular Is Getting New Template Syntax (dan)11,980
angular
New to the Web Platform in June (rac)11,979
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
The “details” Element and In-Page Search (mat)11,978
html, disclosure-widgets, search, browsers, user-experience
React Developers Love Preact, Here’s Why (hac)11,977
react, preact, comparisons
Introduction to JSX11,976
introductions, jsx, react
CommonJS Is Hurting JavaScript (den)11,975
javascript, commonjs
An Introduction to the View Transitions API (cra)11,974
introductions, css, view-transitions, apis
The Importance of Verifying Webhook Signatures11,973
security, webhooks
WCAG 2.2, Quick and Simplified11,972
wcag, accessibility, standards
Accessible Overlays Aren’t Accessible11,971
accessibility, overlays
What’s the Perfect Design Process? (vit/sma)11,970
design, processes
What’s Next for Redux With Mark Erikson (ace)11,969
videos, interviews, react, redux, state-management
Understanding TypeScript Generators (log)11,968
typescript
Under-Engineered Comboboxen? (aar)11,967
forms, html, css, accessibility
Solved: Tricky Floating Image Alignment (tyl/clo)11,966
css, floats, layout, alignment, responsive-design
JavaScript Gom Jabbar11,965
javascript
Introduction to MySQL Data Types11,964
databases, mysql, types
How to Build Things People Want to Use11,963
how-tos, user-experience
Combat Accessibility Decay: How to Maintain Ongoing Accessibility11,962
how-tos, accessibility, processes
How to Use CSS “background-size” and “background-position”11,961
how-tos, css, backgrounds
Feature Flags Configuration, Instrumentation, and Use (git)11,960
videos, feature-management, releasing, testing
The SOLID Principles: Writing Scalable and Maintainable Code11,959
principles, solid, scalability, maintainability
Comparing npm, Yarn, and pnpm Package Managers: Which One Is Right for Your Distributed Project to Handle High Loads?11,958
npm, yarn, pnpm, comparisons, performance, best-practices
Getting Started With Native Design Tokens in Figma (luk)11,957
design-tokens, figma, introductions
JavaScript Console Methods: A Deep Dive11,956
javascript, console, methods, debugging, deep-dives
Why You Must Commit to Grounding Every DEI-Related Effort With Data11,955
interviews, dei, processes, metrics
Web and App ADA Lawsuits: 6 Trends So Far in 202311,954
accessibility, ada, legal, trends
Release Notes for Safari Technology Preview 173 (jen/web)11,953
release-notes, browsers, apple, safari
Position-Driven Styles (kiz)11,952
css, animations
On Feedback11,951
communication, collaboration, culture
Form and Search Landmarks (mat)11,950
html, aria, forms, browsers, assistive-tech, support
4 Ways to Improve Mobile Accessibility (kar)11,949
accessibility, mobile
Demystifying JavaScript Operators: What Does That Symbol Mean?11,948
javascript, operators
Feature Management and Feature Experimentation, Why You Should Do Both—How It Helps Both Product and Software Engineering Teams11,947
feature-management, experiments, testing, metrics
The Massive Bug at the Heart of the npm Ecosystem11,946
npm, dependencies, security, bugs
The Fake Aura of Care in UX11,945
user-experience
Amplify Design Values Through Building Design System11,944
design, design-systems
What’s Next for JavaScript: New Features to Look Forward To (mar)11,943
javascript
Screen Magnification: Digital Accessibilitiy11,942
videos, accessibility, assistive-tech, screen-magnification
Popular DevTools Tips (pat/sma)11,941
browsers, dev-tools, tips-and-tricks
Building Sliding Cards With “position: sticky;” (sar)11,940
css
Tips for Upgrading Your Techstack for Faster Frontend Development11,939
tips-and-tricks, tech-stacks, productivity, efficiency, modernization
What Does the Image “decoding” Attribute Actually Do? (tun)11,938
html, attributes, images, performance
Faking a “:snapped” Selector With Scroll-Driven Animations (bra)11,937
css, selectors, animations, scrolling
What’s Your Type? Try These Tests to Pick the Perfect Font for You (was)11,936
design, typography, fonts
Transition Between Pages Smoothly With a Single Line of Code (cit)11,935
css, transitions
Top Tips From a Web Accessibility Evaluator at WebAIM (web)11,934
accessibility, webaim, auditing, tips-and-tricks
The Novel Engines: Servo (bka+/iga)11,933
podcasts, browser-engines, servo, browsers
Qwik Introduction—a Framework That Goes Fast11,932
videos, introductions, qwik
Mapping Typography (sco/9el)11,931
videos, typography, css
Magnification and Zoom Accessibility Guide—Everything You Need to Know11,930
guides, accessibility, screen-magnification, zooming
Live Regions in React11,929
react, aria, live-regions, accessibility
Learn How to Use Hue in CSS Colors With HSL (bsm/mdn)11,928
how-tos, colors, css
Going Beyond Constants With Custom Properties (uti/iod)11,927
css, custom-properties
AI Is Killing the Old Web, and the New Web Struggles to Be Born (ver)11,926
ai, web
A Beginner’s Guide to Laravel: Introduction and Key Features11,925
guides, introductions, laravel
Understanding Space-Based Architecture11,924
architecture
Mixing Colors With CSS (mrt)11,923
colors, css
An Introduction to Parser Combinators11,922
introductions, parsing
Introduction to Cloud Computing11,921
introductions, cloud-computing
XML Is the Future11,920
web, processes
WebSockets 101 (thi)11,919
introductions, protocols, websockets
Using BEM for Design System Tokens11,918
css, bem, design-tokens, conventions
An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript11,917
introductions, security, vulnerabilities, nodejs, javascript
Choosing a Color Palette (nng)11,916
videos, design, colors, color-palettes
Understanding Authorization Before Authentication: Enhancing Web API Security11,915
authorization, authentication, apis, security, comparisons
The Case for Variables11,914
sass, css, variables, custom-properties, json, figma
Text Wrap Pretty Is Coming to CSS (ami)11,913
css, typography
Debugging INP (scr)11,912
videos, performance, debugging, web-vitals
Converting [a] JavaScript Codebase to TypeScript11,911
javascript, typescript, migrating, refactoring
All You Need to Know About CORS and CORS Errors11,910
security, cors, errors
Component Driven User Interface Testing (CDUIT)11,909
components, testing
The Unlikely Story of UTF-8: The Text Encoding of the Web11,908
unicode, history
The Cost of JavaScript 2023 (add)11,907
videos, javascript, performance
Introducing the MDN Playground: Bring Your Code to Life (mdn)11,906
introductions, mozilla, mdn, documentation, testing
Future CSS: State Container Queries (sha)11,905
css, container-queries
Announcing Svelte 4 (sve)11,904
release-notes, svelte
WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted (deq)11,903
wcag, accessibility, testing, axe
Debugging Commands Every Linux Administrator Should Know11,902
debugging, command-line, unix-like
How Designers Can Beat AI at Design11,901
design, ai
Designing for Inclusion11,900
design, dei, accessibility
Using Multiple Selectors With JavaScript Selector Methods (cfe)11,899
javascript, selectors, methods
What Exactly Is [the] “:root” Pseudo-Element in CSS? (zor/css)11,898
videos, css, selectors
Too Much JavaScript? Why the Frontend Needs to Build Better (low)11,897
javascript, web-platform, performance
The 5 Pillars of Every HTTP Request11,896
http
Design Systems Directory11,895
websites, design-systems
CSS in Micro Frontends11,894
css, micro-frontends
Cascade Layers Are Useless * (mat)11,893
css, cascade
Top 6 AI Coding Assistants in 202311,892
ai, tooling
Creating a Flexible Design Token Taxonomy for Intuit’s Design System11,891
design-tokens, design-systems
W3C Launch Their New Website (sim/stu)11,890
w3c
Three Key Principles for an Accessible Website11,889
principles, accessibility
Thoughts From “Meet Safari for Spatial Computing” (jim)11,888
apple, safari, spatial-web, accessibility, responsive-design
Style Your RSS Feed (dar)11,887
css, syndication, rss, atom
State of CSS 2023 (sac/dev)11,886
surveys, css
Making Your Design Tokens Future-Proof (and)11,885
design-tokens
Continuous Accessibility (a11)11,884
websites, accessibility, processes
Authentication vs. Authorization11,883
authentication, authorization, comparisons
Can Web Developers Be Held Liable?11,882
accessibility, legal
ExtJS for Beginners11,881
extjs
Why UX Testing Is Critical to Your Web Site’s Success (uxm)11,880
user-experience, testing
Radix UI Component With Next.js and Tailwind CSS11,879
videos, components, radix, nextjs, tailwind
Packaging and Selling a Node.js App11,878
nodejs
Gatsby Headaches and How to Cure Them: I18N II (mon/sma)11,877
gatsby, internationalization
Button Types (ada)11,876
html, buttons
Balancing Users’ Needs and Business Goals in UX Design (uxm)11,875
user-experience, design
Balancing Users’ Data Privacy and the User Experience (uxm)11,874
privacy, user-experience
It Depends—Exploring My Favourite Renovate Features for Dependency Updates (kal)11,873
dependencies, maintenance, renovate, configuration
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)11,872
navigation, scrolling, user-experience
The New CSS (mat)11,871
css, design, web-platform
Import Maps to Natively Import JavaScript Modules Using Bare Names (ami)11,870
javascript, import-maps
How to Clean Up Your Local Repository With Git Commands (thi)11,869
how-tos, git, command-line, maintenance
It’s Time for Dimensional Thinking in Design11,868
design, ai
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples11,867
tutorials, guides, databases, indexeddb, examples
Git Concepts Everyone Should Know (fra)11,866
git, concepts
Standardising Design Tokens (oll)11,865
design-tokens, conventions
Wolvic 1.4 Released (wol)11,864
release-notes, wolvic, igalia, browsers
TypeScript 5.2’s New Keyword: “using” (mat)11,863
typescript
The Five Types of People Who Produce Inaccessible Code (eri)11,862
accessibility, community
Scoping (mat)11,861
css, scope
Create React UI Lib: Component Library Speedrun11,860
typescript, react, components, npm
How to Add a CSS Reveal Animation to Your Images (css)11,859
how-tos, css, animations, images
What Are Deceptive Patterns?11,858
user-experience, dark-patterns
Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra)11,857
css, animations, transitions, scrolling, custom-properties, style-queries
What’s UnAI-Able11,856
ai
Top 10 Things You Should Add While Coding: Valuable Tips for Programmers11,855
tips-and-tricks, programming
The Next Phase of Eleventy: Return of the Side Project (zac)11,854
eleventy
HTML Imports (w3c)11,853
html
Django: A Security Improvement Coming to “format_html()” (ada)11,852
django, security, html
An Explosion in Software Engineers Using AI Coding Tools? (ger)11,851
ai, code-completion, productivity
A Guide to Coding Standards to Improve Code Quality11,850
guides, conventions, formatting, consistency, quality
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)11,849
accessibility, testing, forms
Simplify Email Development With MJML: A Beginner’s Guide11,848
email, mjml, guides
How (and Should?) We Stop the Infinite Scroll11,847
user-experience, scrolling
Using Color Wheel Combinations in Your Designs (web)11,846
colors, design
Puppeteer in Node.js: More Antipatterns to Avoid (app)11,845
nodejs, scraping, testing, anti-patterns, puppeteer
npm Won’t Publish Packages Containing the Word “keygen”11,844
discussions, npm, dependencies
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sma)11,843
how-tos, svelte, sveltekit, web-apps, server-side-rendering
End-to-End Tracing11,842
observability, tracing, case-studies
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)11,841
design, accessibility, css, comparisons
Cyclic Dependency Space Toggles (kiz)11,840
toggles, css, custom-properties
Nuxt in 100 Seconds (fir)11,839
videos, introductions, nuxt
When and Why to Use a Click Test11,838
usability, testing
Tuesday, June 20, 2023 Security Releases (raf/nod)11,837
release-notes, nodejs, security
The Gotchas of CSS Nesting (kil)11,836
css, nesting
Rebuilding a Comment Component With Modern CSS (sha)11,835
functionality, components, css
Chrome for Testing: Reliable Downloads for Browser Automation (mat)11,834
browsers, google, chrome, testing
Naming Components11,833
design-systems, components, naming
Positioning Anchored Popovers (hdv)11,832
pop-overs, css, positioning
“margin-trim” as a Best Practice? (chr)11,831
css, margins
Gatsby Headaches and How to Cure Them: I18N (mon/sma)11,830
gatsby, internationalization
Blur Vignette Effect in CSS11,829
css, effects
Bottom Sheets: Definition and UX Guidelines (nng)11,828
terminology, guidelines, mobile, user-experience
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)11,827
css, web-platform
How to Learn Programming11,826
how-tos, learning, programming
How to Highlight Required and Optional Form Fields (ada)11,825
how-tos, forms, mistakes, usability
CSS! CSS! CSS! (mat)11,824
css, community
TypeScript Book11,823
books, typescript
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now11,822
html, viewport, metadata, accessibility, responsive-design
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)11,821
videos, css, scrolling, animations, view-transitions
CSS Containers, What Do They Know? (mia/css)11,820
videos, css, container-queries
That’s Not How I Wrote CSS Three Years Ago (mat/css)11,819
videos, css, support
Shining Light on the Shadow DOM (cas/css)11,818
videos, shadow-dom, dom
An Introduction to DevOps11,817
introductions, dev-ops
Modern CSS for Dynamic Component-Based Architecture (5t3)11,816
css, architecture, components
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)11,815
videos, css, browsers, microsoft, internet-explorer, support, history
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)11,814
design, strategies
Best Animation Libraries for React11,813
libraries, animations, react, link-lists
Must Know JavaScript API—IndexedDB API11,812
databases, indexeddb, javascript, apis
State of the CSS Community (una/css)11,811
videos, css, community
Why Doesn’t CSS Have Scope? (hey/css)11,810
videos, css, scope
Style Recalculation Secrets They Don’t Want You to Know (pat/css)11,809
videos, css, selectors, performance
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim)11,808
css, scrolling
The Universal Focus State (eri)11,807
accessibility, focus, css
Sticky Content: Focus in View (tet)11,806
accessibility, focus, scrolling, css
No, “AI” Will Not Fix Accessibility (aar)11,805
accessibility, ai
Testing Sites and Apps With Blind Users: A Cheat Sheet (sma)11,804
accessibility, testing, screen-readers, assistive-tech, tooling, cheat-sheets
Designing a Scalable Backend in Node.js (app)11,803
software-design, scalability, nodejs
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)11,802
videos, dev-tools, browsers, google, chrome
Best Practices for Container Queries (zel)11,801
best-practices, container-queries, css
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)11,800
checklists, performance, compression, dependencies, accessibility, legibility, naming
Are Simple Websites Better for Business? (web)11,799
design, simplicity
48 Laws, Rules, and Principles of Web Development (j9t)11,798
programming, principles, terminology
Styling Scrollbars (oll)11,797
scrolling, css
Reducing Complexity in Front End Development (mic)11,796
complexity, performance, css, javascript
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)11,795
standards, accessibility, aria, rich-internet-apps
What’s New in CSS (jen)11,794
videos, css, apple
Tokens Are the Most Valuable Artifact a Design System Can Provide11,793
design-systems, design-tokens
The Ultimate Guide to Writing Technical Blog Posts (bla)11,792
guides, writing, blogging
RSC From Scratch: Server Components11,791
videos, react, components
Modern CSS in Real Life (chr)11,790
css
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (sma)11,789
information-design, user-experience, tables, grids
Be Careful With “ch” Units (cit)11,788
css, units
Assume the Position—a Labeling Story (llo/tpg)11,787
accessibility, forms, labels, html
Angular at Google I/O 2023 (ang)11,786
release-notes, angular, google
Accessibility and Artificial Intelligence (joe)11,785
accessibility, ai
How Photoshop Solved Working With Files Larger Than Can Fit Into Memory (tom)11,784
adobe, memory
An Introduction to Debugging in Node.js (cra)11,783
introductions, debugging, nodejs
Accessibility Testing—Pay Attention to the Details11,782
accessibility, testing
What Is Open Graph? How to Use It for Your WordPress Website?11,781
how-tos, open-graph, html, social-media, wordpress
Primitive Objects in JavaScript: When to Use Them (sma)11,780
javascript, objects
One More Thing—Apple’s Push on Web Apps on macOS11,779
apple, web-apps
Is React Having An AngularJS Moment?11,778
react, angularjs
New Job? Negotiate as if Your Life Depends on It11,777
career
test262.fyi11,776
websites, javascript, ecmascript, javascript-engines, v8, javascriptcore, spidermonkey, quickjs, chakracore
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)11,775
user-experience, accessibility, focus, forms
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance11,774
how-tos, rendering, dom, performance, debugging, angular
An Introduction to “@scope” in CSS (oll)11,773
introductions, scope, css
How Chrome Achieved High Scores on Three Browser Benchmarks11,772
browsers, google, chrome, performance
New CSS Color Spaces and Functions in All Major Engines (rac)11,771
css, colors, functions, browsers, support
How We Created an Accessible, Scalable Color Palette11,770
colors, color-palettes, accessibility, scalability, case-studies
Every Design Team Needs Writers11,769
design, writing
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)11,768
accessibility, focus, wcag, standards
wasmati: You Should Write Your WebAssembly in TypeScript11,767
webassembly, typescript, libraries
The Many Ways to Select the n-th Character From a String (cod)11,766
javascript, strings
No Single Metric Captures Productivity11,765
productivity, metrics
How AI Can Make Software More Intuitive11,764
ai, usability
Do Not Drop Sass for CSS11,763
css, sass, preprocessors
Quick Tip: Shipping Resilient CSS Components (5t3)11,762
css, components, maintainability, resilience, tips-and-tricks
Why We Should Stop Using JavaScript According to Douglas Crockford (dou)11,761
videos, javascript
Presentational Colors (luk)11,760
colors, design-tokens
Google Now Treats .ai Domains as Generic Top-Level Domains (rus/sea)11,759
google, domains, ai
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)11,758
transitions, dev-tools, browsers, google, chrome
The Context Dilemma11,757
design-systems, design-tokens
Some Things I Learnt From Working on Big Frontend Codebases11,756
complexity, lessons
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)11,755
html, semantics
Performance Is Not a Checklist (tka)11,754
performance, user-experience
Asynchronous JavaScript for Beginners11,753
javascript, asynchronicity
Announcing TypeScript 5.1 (dan/typ)11,752
release-notes, typescript
Advanced Form Control Styling With “selectmenu” and Anchoring API (uti/sma)11,751
forms, apis, css
Accessible Components: The Hamburger Menu11,750
accessibility, components, navigation
A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS11,749
guides, deploying, complexity, architecture, aws
security.txt Now Mandatory for Dutch Government Websites11,748
security, legal
New to the Web Platform in May (rac)11,747
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
How to Format a Date With JavaScript—Date Formatting in JS (fre)11,746
how-tos, javascript, time
Watch Out for Layout Shifts With “ch” Units (pau/clo)11,745
performance, css, units
Token Operations (don)11,744
design-tokens
Release Notes for Safari Technology Preview 171 (jon/web)11,743
release-notes, browsers, apple, safari
Re-Evaluating “px” vs. “em” in Media Queries (kei)11,742
css, units, media-queries, comparisons
Linting Defensive and Logical CSS With Stylelint Plugins (log)11,741
css, logical-properties, linting, stylelint, plugins
Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo)11,740
images, gif
How to Add Custom Meta Boxes in WordPress Without a Plugin11,739
how-tos, wordpress, customization
How Blink Invalidates Styles When “:has()” [Is] in Use (iga)11,738
browsers, browser-engines, rendering, blink, css, selectors
Design Systems: A Curated List for Today’s UI/UX Designers (sta)11,737
design-systems, design, tooling, link-lists
Accessibility Audits for All (ada)11,736
accessibility, auditing, testing
Announcing the Second Compute Pressure Origin Trial11,735
apis, browsers, google, chrome, origin-trials
An Introduction to JavaScript Proxies (cra)11,734
introductions, javascript
21 Awesome Web Features You’re Not Using Yet (fir)11,733
videos, html, css, javascript
What Is Personalization?11,732
personalization, concepts
The Art of Code Review11,731
code-reviews, processes, collaboration
S.P.A.C.E. Framework—the Ultimate Framework for Measuring Your Tech Team Productivity11,730
productivity, metrics, engineering-management, culture, communication, collaboration, efficiency
I Think I Finally “Get” JS Objects11,729
javascript, objects
Hands on With the Node.js Test Runner (phi)11,728
nodejs, testing
Cracking the Theme Switcher and Dark Mode11,727
css, javascript, dark-mode
The Double-Edged Sword of Design Systems11,726
design-systems, design
Simple Things Make Things Simple (pjo)11,725
simplicity, case-studies
Don’t Meddle With User Input (tem)11,724
accessibility, forms
10 Incident Management Best Practices11,723
incident-response, best-practices, processes
Improving the Quality of the Software With Qodana and GitHub Actions11,722
jetbrains, qodana, quality, optimization, github, ci-cd
How Screen-Reader Users Type on and Control Mobile Devices (nng)11,721
accessibility, usability, screen-readers, mobile
The Problem With Nested Fieldsets and How to Avoid Them (ada)11,720
accessibility, forms, assistive-tech, support
The Optimization Sinkhole11,719
productivity, optimization
Sass-Like Nesting in Native CSS (ami)11,718
css, sass, nesting
Mastering CSS Blend Modes11,717
css, blend-modes
WordPress Turns 20 (sar)11,716
wordpress
When to Use Plain Text or Images Instead of MathML11,715
mathml, math, accessibility
Understanding the Importance of Encoding11,714
encoding
Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript?11,713
javascript, unicode
Plain Old JavaScript and the DOM (dou)11,712
javascript, dom
We Need to Talk About How We Talk About Accessibility11,711
accessibility, communication, dei
Supper Club × Bramus Van Damme on CSS (bra+/syn)11,710
podcasts, interviews, css
How to Draw Any Regular Shape With Just One JavaScript Function (mdn)11,709
how-tos, javascript, functions
Designing a Better Design Handoff File in Figma (sma)11,708
design, processes, figma
Brief Note on Popovers With Dialogs (aar)11,707
html, support, accessibility, pop-overs, modals
A Practical Overview on Architecture Decision Records (ADR)11,706
overviews, documentation, processes
Two Things That Are Not Great About OKLCH (chr)11,705
colors, oklch
Seven Lessons From 7 Years Designing Systems11,704
lessons, design-systems
Levelling Up Accessibility Skills in Your Organisation (int)11,703
videos, accessibility
“display: contents” Considered Harmful (eri)11,702
accessibility, css
Responsive CSS Layout Grids Without Media Queries (5t3)11,701
css, grids, layout, responsive-design
Register Custom Properties in CSS, Get and Update Them With JavaScript (oll)11,700
css, custom-properties
The Yellow Fade Technique With Modern CSS Using “@starting-style” (bra)11,699
css, transitions, techniques
Deploying AVIF for More Responsive Websites11,698
images, avif, performance
WebKit and web-platform-tests (ann)11,697
webkit
Single Line Comments in CSS (jim)11,696
css, comments
Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (mer/equ)11,695
accessibility, vpat-acr, documentation
Querying Parsed HTML in BigQuery (rvi)11,694
html
A Complete Guide to Using IndexedDB (log)11,693
guides, databases, indexeddb
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)11,692
html, best-practices, forms
Introducing the Popover API (una)11,691
introductions, apis, html, pop-overs
Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design11,690
accessibility, dei, modals, time
You Don’t Need a Modal Window (dz4)11,689
websites, modals
Where to Put Your Types in Application Code (mat)11,688
typescript
Two Simple Layouts That Work Better With Grid (kev)11,687
videos, css, grids, layout
I Created 100+ Unique CSS Patterns (css)11,686
css, backgrounds, effects
Graph Slider11,685
sliders, css
Future of CSS: Popover API11,684
css, apis, pop-overs
File Upload Security and Malware Protection (aus)11,683
security, malware, file-handling, edge-computing
Building a Modern Design System in Layers11,682
design-systems
Working With URLs With Vanilla JavaScript (cfe)11,681
javascript, urls
Why We’re Bad at CSS (per)11,680
css
Visual-Design Principles and UX Design Best Practices (uxm)11,679
design, user-experience, principles, best-practices
Stop Rewriting Your CSS! Use “:not()” Instead (zor/css)11,678
videos, css, selectors, maintenance
Be Careful Using “Menu” (aar)11,677
html, aria, design, terminology
10 Ways to Boost Your Landing Page Conversion Rates (uxm)11,676
landing-pages, user-conversion, metrics
Building Offline-First Web Applications With Service Workers and IndexedDB11,675
offline, web-apps, web-workers, databases, indexeddb, javascript
Beyond Design Systems for Interfaces: A Mega System of Design Systems11,674
design-systems
A Web Component Intro With Example11,673
introductions, web-components, examples
Server-Sent Events With Node.js11,672
nodejs, events
A Beginners Guide to Digital Accessibility (fra)11,671
guides, accessibility
Using “linear()” for Better Animation (oll)11,670
animations, css, javascript
Website Issues: On the Relevance of Audience Size and Impact (j9t)11,669
processes, quality
Measuring Design System “Adoption” (pjo)11,668
design-systems, metrics
How to Build Lean Efficient Websites in 2023 (cfe)11,667
how-tos, html, progressive-enhancement, minimalism
Creating a Shine Effect on a Card With Tailwind CSS11,666
tailwind, effects
A New Approach to Measuring Developer Productivity11,665
research, productivity, metrics
How to Create a Custom Range Slider Using CSS (css)11,664
how-tos, sliders, css, forms
Write Better Code by Following These JavaScript Best Practices11,663
javascript, best-practices
What Devs Can Do on Global Accessibility Awareness Day11,662
accessibility, awareness-days
Getting Started With View Transitions on Multi-Page Apps (dav)11,661
css, view-transitions, multi-page-apps, introductions
Core Principles of SEO11,660
seo, principles, overviews
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 (gwi/deq)11,659
accessibility, wcag, standards
Accessible Numbers11,658
websites, accessibility
ESLint Guide: How to Use It With Confidence11,657
guides, eslint, linting, consistency, maintainability
Thinking on Ways to Solve Color Palettes (arg)11,656
videos, css, colors, color-palettes
6 Tips for Improving Language Switchers on Ecommerce Sites (nng)11,655
videos, usability, internationalization, localization, ecommerce, tips-and-tricks
Release Notes for Safari Technology Preview 170 (jon/web)11,654
release-notes, browsers, apple, safari
Jekyll Tutorial: How to Create a Static Website (kin)11,653
tutorials, how-tos, jekyll
A History of Metaphors for the Internet (ver)11,652
history, web, terminology
Comparing Version Control Systems: Git, SVN, CVS, and More11,651
comparisons, version-control, git, svn, cvs
Why Your Design Language System Needs a Product Manager11,650
design-systems, product-management
Why Is Web Accessibility Important? (tpg)11,649
videos, accessibility
Vertical Rhythm Using CSS “lh” and “rlh” Units (paw)11,648
css, units
State of Node.js Performance 2023 (raf)11,647
nodejs
Semantics and the “popover” Attribute: What to Use When? (hdv)11,646
html, attributes, semantics, accessibility, pop-overs
Python Developers Survey 2022 Results (jet)11,645
surveys, python
It’ll Soon Be (Too) Easy to Develop a Website in A Day11,644
ai, processes, productivity, creativity
I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (cod)11,643
career, interviewing
GitHub Copilot and ChatGPT Alternatives (ger)11,642
github-copilot, chatgpt, ai, comparisons
Getting an Item an Array With a Negative Index With Modern JavaScript (cfe)11,641
javascript, arrays
Fieldsets, Legends, and Screen Readers Again (ste/tpg)11,640
accessibility, html, forms, screen-readers
Design Patterns Are a Better Way to Collaborate on Your Design System (sma)11,639
design-patterns, design-systems, collaboration
Conditional CSS With “:has” and “:nth-last-child” (sha)11,638
css, selectors
How to Handle Production Support When Using Scrum11,637
how-tos, agile, scrum, processes
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)11,636
accessibility, html
Solving Media Object Float Issues With CSS Block Formatting Contexts (sma)11,635
css, floats
Let’s Share Our Salaries, Title, Location, XP11,634
discussions, career
HTML Landmark Roles Screen Reader Demo (sch/mdn)11,633
videos, accessibility, html, screen-readers, voiceover, apple
Get Full Type Support With Plain JavaScript11,632
javascript
CSS Art: Drawing a Coffee Stain (alv)11,631
css, art
10 Books to Improve Coding Skill in 202311,630
books, programming, link-lists
Error Message Guidelines (nng)11,629
guidelines, usability, errors, writing
7 Secret TypeScript Tricks Pros Use11,628
typescript, tips-and-tricks
The Problem With Disabled Buttons and What to Do Instead (ada)11,627
buttons, user-experience, accessibility
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim)11,626
html, accessibility, screen-readers, support
ES2023 Features11,625
ecmascript
Building a Frontend Framework—Reactivity and Composability With Zero Dependencies11,624
frameworks, reactivity, dependencies
Add Opacity to an Existing Color (chr)11,623
colors, transparency+opacity, css
What Is “Fake Door” Testing in UX?11,622
testing, user-experience
Respect Your Children (ste/tpg)11,621
accessibility, html, aria
Keeping Up With an Ever Changing Web (joh)11,620
web-platform, learning
Building a Greener Web (mic)11,619
videos, web, sustainability
An Introduction to the Bun JavaScript Runtime (cra)11,618
javascript, runtimes, bun
What’s New in CSS and UI: I/O 2023 Edition (una+)11,617
css, retrospectives
The JavaScript Ecosystem Is Delightfully Weird (sam/fly)11,616
javascript
Regular Expressions in JavaScript (hon)11,615
javascript, regex, examples
Introduction to Screen‐Readers: VoiceOver macOS Edition11,614
introductions, screen-readers, voiceover, apple
Introduction to Screen‐Readers: NVDA Edition11,613
introductions, screen-readers, nvda
Introduction to Screen‐Readers: JAWS Edition11,612
introductions, screen-readers, jaws
Best Practices for All Developers11,611
best-practices
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)11,610
performance, web-vitals, shopify
Baseline Features You Can Use Today11,609
browsers, support, web-platform
What’s New in Web11,608
videos, browsers, support, web-platform
Advancing Interaction to Next Paint (rvi+)11,607
performance, web-vitals
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun)11,606
videos, performance, web-vitals
How to Optimize Web Responsiveness With Interaction to Next Paint (ann)11,605
videos, how-tos, performance, web-vitals
Introducing Baseline (rac)11,604
introductions, browsers, support, web-platform
What’s New in Web Animations (bra)11,603
videos, animations
Introducing INP to Core Web Vitals11,602
introductions, performance, web-vitals, google, search, seo
The Difference Between Agile and UX Is Not About Quantity vs. Quality (jas)11,601
agile, user-experience, processes, comparisons
Why an Engineering Manager Should Not Review Code (mul)11,600
engineering-management, code-reviews
Slow Design11,599
websites, design
Is Data Transfer the Best Proxy for Website Carbon Emissions? (fer)11,598
sustainability, network
Introducing Baseline: A Unified View of Stable Web Features (mdn)11,597
introductions, browsers, support, web-platform
ES2023 Introduces New Array Copying Methods to JavaScript (phi)11,596
javascript, ecmascript, standards, arrays
Developer Tools That Shouldn’t Be Secrets (cod)11,595
videos, browsers, dev-tools
Crafting a Modern Spotlight Effect With React and CSS11,594
css, react, effects
An Introduction to Container Queries in CSS (5t3)11,593
introductions, css, container-queries
Client-Side Rendering of HTML and Interactivity (mal)11,592
performance, html, client-side-rendering
Script Evaluation and Long Tasks (mal)11,591
performance, javascript, web-vitals
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal)11,590
performance, dom, html, optimization
Find Slow Interactions in the Field (mal)11,589
performance, web-vitals, auditing
Optimize Input Delay (mal)11,588
performance, web-vitals, optimization
Diagnose Slow Interactions in the Lab (mal)11,587
performance, web-vitals
API Design Practice11,586
apis, documentation, link-lists
See What’s New in Firefox [113.0] (moz)11,585
release-notes, browsers, mozilla, firefox
Rearrange/Animate CSS Grid Layouts With the View Transition API (bra)11,584
css, grids, layout, view-transitions, apis
The Ongoing Defence of Frontend as a Full-Time Job (cod)11,583
career
How to Handle Emojis in Node.js11,582
how-tos, nodejs, emoji, unicode
Design Systems [Are] a Mindset Not a Library11,581
design-systems
How “x-default” Can Help You (met)11,580
internationalization, urls, html, attributes, search, google
Proportional Design Systems With Proportio.app11,579
design-systems
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications11,578
guides, langchain, google, gcp, functions, ai