Life is about deciding who you are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

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

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

Entry (Sources) and TopicsDate#
JetBrains Qodana Review12,279
jetbrains, qodana
Dialog Dilemmas and Modal Mischief: A Deep Dive Into Popovers and How to Build Them (hdv)12,278
slides, html, pop-overs, modals, deep-dives
Clocks and Countdowns: Timing in CSS and JavaScript (sto)12,277
time, css, javascript
A Beginner’s Guide to Eleventy (dza)12,276
guides, eleventy
Things That Jakob’s Law Is Not12,275
user-experience, usability, web
An Introduction to the Laravel PHP Framework12,274
introductions, frameworks, laravel, php
Understanding Feature Flags: Improving Feature Management12,273
videos, feature-management, optimization
The Role of Cloud Computing in Web Development12,272
cloud-computing
Is Atomic Design Dead? (bra)12,271
videos, design, atomic-design
How to Make Charts and Graphs More Accessible (pop)12,270
how-tos, information-design, images, accessibility
Decoding WCAG: “Alternative for Time-Based Media” and “Media Alternative for Text” (web)12,269
wcag, accessibility, multimedia
Build a GraphQL Gateway: Combine, Stitch, or Merge Any Datasource12,268
data-fetching, graphql
Guide to Using Template Engines (Such as Twig) With PHP12,267
guides, template-engines, php, twig
Why Do I Have Layout Shift? (una+/dev)12,266
videos, performance, web-vitals
What Is the View Transitions API and How to Use It With Meta Frameworks12,265
view-transitions, apis, frameworks, support
What Is Inclusion Anyways? Lessons From the Disabled Community12,264
slides, lessons, dei, accessibility
Web Sustainability Guidelines (WSG) 1.0 (ale/w3c)12,263
guidelines, sustainability
Using “rem” Doesn’t Make Your Website Responsive—Here’s Why12,262
responsive-design, units, css
Tracking Errors in a Node.js Application (app)12,261
monitoring, errors, nodejs
Sustainable SEO: Processes and Practices12,260
seo, sustainability, processes, best-practices
Memorization and Learning to Code12,259
learning, productivity, career, programming
Let’s Make a Rubber Button With HTML, CSS, and SVG (tyl/clo)12,258
buttons, html, css, svg, images
Getting Started With htmx: A Comprehensive Guide for Beginners12,257
guides, introductions, htmx
CSS Loaders (css)12,256
websites, css, animations, effects
Connected Grid Layout Animation (cod)12,255
css, grids, layout, animations
Case Study: Rebuilding TechCrunch Layout With Modern CSS (sha)12,254
case-studies, refactoring, css
Astro 3.0 (ast)12,253
astro, release-notes
Accessibility Theater (tpg)12,252
accessibility
Hover Triangles (may)12,251
history, navigation, hover
How to Implement SSL/TLS Pinning in Node.js12,250
how-tos, security, ssl, tls, nodejs
How to Measure Developer Productivity the Right Way12,249
how-tos, productivity, processes
Why Are Websites Embarrassing? (fon)12,248
quality, craft
Web Apps Are Better Than No Apps (yur)12,247
web-apps
Measuring Developer Productivity? A Response to McKinsey (ger)12,246
productivity, metrics
Git Uncommit (ami)12,245
git, command-line
Five Optimization and Performance Tools That Enhance Website User Experience12,244
user-experience, performance, optimization, tooling, link-lists
Building Accessibility Into Your Company, Team, and Culture (swi)12,243
videos, accessibility, culture
Biome v1 (ema/bio)12,242
release-notes, biome
Benchmarks [for 24 CSV Parsing Approaches]12,241
csv, parsing, performance, comparisons
Announcing Cypress 13 With Test Replay12,240
cypress, release-notes
Code Splitting in React: Optimize Performance by Splitting Your Code12,239
code-splitting, react, performance, optimization
From User Needs to User Dreams: Find the Future of Your Product (uxd)12,238
user-experience, design, outlooks
Six Reasons Not to Use React12,237
videos, react
Single-Page Applications: Ember vs. Angular12,236
single-page-apps, emberjs, angular, comparisons
Realistic CSS Animations and the “linear()” Timing Function12,235
css, animations, functions, time
Navigating Web Accessibility Litigation: Advice From a General Counsel12,234
accessibility, legal
How I Write Alt Text for Code Snippets on Social Media (ben)12,233
accessibility, alt-text, writing, images, social-media
Falling for OKLCH: A Love Story of Color Spaces, Gamuts, and CSS (geo/sma)12,232
colors, oklch, css
An Overview of Feature Flags (log)12,231
overviews, feature-management, releasing, testing, product-management
8 Habits That Hold Back Your Developer Potential12,230
career, productivity
State of CSS 2023 [Results] (sac+/dev)12,229
surveys, metrics, css
Biases in Design: Hiding in Plain Sight in a World Full of Visuals (uxd)12,228
design
Package-Based Architecture—Let’s Deliver the Packages12,227
architecture, modules, flutter
Web UX: Study Guide (nng)12,226
guides, user-experience, training, link-lists
Dark Mode: How Users Think About It and Issues to Avoid (nng)12,225
dark-mode, user-experience, accessibility, best-practices
Co-Authoring Git Commits (cas)12,224
git, collaboration, documentation
Accessible Navigation12,223
accessibility, navigation
Visualizing Recursion With the Sierpinski Triangle12,222
algorithms, visualization, javascript
Browser Automation With Puppeteer12,221
puppeteer, automation, testing
Introducing the 100-Year Plan: Secure Your Online Legacy for a Century (pho/wor)12,220
introductions, wordpress, domains, outlooks
WTF Is a Vector Database: A Beginner’s Guide12,219
guides, databases, vector-databases
Where to Put Focus When Deleting a Thing (aar)12,218
accessibility, focus
Scope vs. Shadow DOM (kei)12,217
shadow-dom, dom, scope, css, javascript, comparisons
Catching Errors Thrown From “connectedCallback” (nol)12,216
javascript, web-components, errors
The Comedy of Errors (met)12,215
google, search, tooling, errors
Stakeholder Management for Design Systems (luk/uxd)12,214
design-systems, engineering-management, processes
What Is Alt Text and How to Write It (tpg)12,213
accessibility, images, alt-text, writing
What Are Exceptions to Section 508 Accessibility Requirements?12,212
accessibility, legal, section-508
TypeScript 5.3 First Look (mat)12,211
typescript
Main-ly Speaking (col)12,210
accessibility, html
European Accessibility Act: Article 32, and Why It Sucks (cra)12,209
accessibility, legal, eaa
Announcing TypeScript 5.2 (dan/typ)12,208
release-notes, typescript
A More Intelligent and Secure Web (ple/w3c)12,207
videos, w3c, standards, web, web-platform, security
Use Web Components for What They’re Good At (nol)12,206
web-components
To Test or Not to Test, a Technical Perspective (dev)12,205
testing, automation, best-practices
The Art of UX Writing (web)12,204
user-experience, writing, craft
Pros and Cons of Using Shadow DOM and Style Encapsulation (mat)12,203
web-components, dom, shadow-dom
How to Get 12% More LinkedIn Followers, Impressions, and Clicks—Practical Accessibility Tips and Tricks (mni)12,202
how-tos, accessibility, tips-and-tricks, social-media, best-practices
How Organisations Respond to Accessibility Monitoring12,201
accessibility, monitoring
Headless Architecture: What Is It, and Why Is It the Future?12,200
headless, architecture
Google August 2023 Broad Core Update Is Live—What We Are Seeing Now (rus/ser)12,199
google, seo
Block the Bots That Feed “AI” Models by Scraping Your Website (cla)12,198
robotstxt, scraping, ai
A Few Interesting Ways to Use CSS Shadows for More Than Depth (pre/sma)12,197
css, shadows, effects
Debugging Speculation Rules (tun/dev)12,196
performance, speculation, debugging
A Quick Introduction to CSS “@ scope” (bra)12,195
introductions, css, scope, cascade
WebGlossary.info (j9t)12,194
websites, learning, training, concepts, terminology
View Transitions Break Incremental Rendering (eee)12,193
view-transitions, apis, rendering
Release Notes for Safari Technology Preview 177 (jon/web)12,192
release-notes, browsers, apple, safari
No One Actually Wants Simplicity12,191
complexity, simplicity
A Guide to Migrating From Webpack to Vite12,190
guides, migrating, webpack, vite
Can We Truly “Create” Value? (uxd)12,189
user-experience, economics
Migrating From Color Styles to Local Variables in Figma (uxd)12,188
figma, colors, variables, migrating
Writing Component Specs12,187
components, documentation, writing
Two Important New Roles for UX Designers in the Era of AI (uxm)12,186
user-experience, design, career, ai
The Ideal Viewport Doesn’t Exist (bel+)12,185
viewport, responsive-design, user-experience
Progressively Enhanced Form Validation: Validating a Checkbox Group (ger/clo)12,184
forms, validation, progressive-enhancement
Please Size Your Inline SVGs (aar)12,183
svg, images
Patterns for Reactivity With Modern Vanilla JavaScript (fro)12,182
reactivity, javascript
Changes Over the Last 25 Years of UX Research (uxm)12,181
user-experience, research, history
Bézier Curves12,180
animations
All 12 “useState” and “useEffect” Mistakes Junior React Developers Still Make in 202412,179
videos, react, hooks, mistakes
10 Essential VS Code Tips and Tricks for Greater Productivity12,178
vs-code, microsoft, code-editors, tips-and-tricks, productivity
“We’re All Just Temporarily Abled” (jim)12,177
accessibility
The Definitive Guide to Web Personalization: Strategies, Tools, and More to Know12,176
guides, personalization, strategies
How to Make an Impact as a Developer Advocate (bla)12,175
how-tos, developer-relations, advocacy, career
7 Reasons to Replace Advanced Search With Filters So Users Can Easily Find What They Need (ada)12,174
design, usability, user-experience, searching
Why htmx Does Not Have a Build Step (htm)12,173
htmx, building
Styling Links and Buttons (aar)12,172
links, buttons, css, usability
Let’s Build a Website Using XML (ede)12,171
xml, css
Getting Started With SCSS—the CSS Preprocessor With Superpowers12,170
introductions, preprocessors, sass
Combining “:placeholder-shown” and “:has” (cri)12,169
css, selectors, forms
Scroll Shadows With “animation-timeline” (dav)12,168
scrolling, shadows, css
React Props: A Visual Guide12,167
guides, react, props
React JSX12,166
react, jsx
Identifying, Fixing, and Preventing Cannibalization (moz)12,165
seo
How to Use Headless Chrome in Serverless Functions With a 50 MB Limit (ste)12,164
how-tos, headless, serverless, functions, browsers, google, chrome
Demystifying CORS: Understanding How Cross-Origin Resource Sharing Works12,163
security, cors, javascript
Being “Polite” Does Not Ensure Access12,162
accessibility, legal
Adding a “Share to Mastodon” Link to Any Web Site (cod)12,161
social-media, links, mastodon, community, javascript
A Beginner’s Guide to Using Pico CSS12,160
guides, pico
System Design Introduction12,159
introductions, system-design, architecture
XUL and HTML (moz)12,158
xul, html, comparisons
Why Do Users Prefer Certain Design? Insights From the Landscape Theory12,157
design
The New CSS Math: “round()” (dan)12,156
css, math
Tabs Are Objectively Better Than Spaces (cfe)12,155
formatting, developer-experience, accessibility
How to Use the CSS “gap” Property12,154
how-tos, css, layout
“aria-haspopup” and Screen Readers (mat)12,153
aria, support, screen-readers
A Deep Dive Into CSS “color-mix()” (kev)12,152
videos, css, colors, deep-dives
Towards HTTPS by Default (jde/dev)12,151
browsers, google, chrome, http, tls, security
Thinking on Ways to Solve Adaptive Typography (arg/dev)12,150
videos, typography, css, fonts
Getting Started in a New Codebase12,149
onboarding, career, processes
Four New CSS Features for Smooth Entry and Exit Animations (una/dev)12,148
css, animations, browsers, google, chrome, support
CSS-Only Syntax Highlighting… With a Single Element and Gradients12,147
css, gradients, syntax-highlighting
BEM Methodology Is Not About CSS (vit)12,146
css, bem, conventions
Accessibility Is Not Inclusive Design or Disability Rights—It’s a Part of It (yat)12,145
accessibility, dei, legal
A Better “setTimeout()” in JavaScript (ami)12,144
javascript, time
New in Chrome 116: Document Picture-in-Picture API, “notRestoredReasons” Property, and More (tro/dev)12,143
videos, release-notes, browsers, google, chrome
How Layout Position Impacts Three Big Web Performance Levers (sia)12,142
performance, web-vitals
CSS Selectors: A Visual Guide12,141
guides, css, selectors
An Intro to the “dialog” Element (cfe)12,140
introductions, modals, html, semantics
A Guide to Optimizing JavaScript Files12,139
guides, javascript, performance, optimization, minification, compression
A Beginner’s Guide to SvelteKit12,138
guides, sveltekit
WebAssembly: Byte-Code of the Future12,137
webassembly
Useable12,136
accessibility, community
Progressively Enhanced Form Validation: Layering in JavaScript (ger/clo)12,135
forms, validation, progressive-enhancement, javascript
How to Test Mobile Apps on a Real Device Cloud12,134
how-tos, testing, mobile
Enhance vs. Lit vs. WebC… or, How to Server-Render a Web Component (jar/van)12,133
web-components, server-side-rendering, lit, webc
Why Inclusive Language Matters in Coding (uxd)12,132
dei, terminology, processes, documentation
Unveiling the Power of Code-Splitting With Webpack for React and Redux Applications12,131
code-splitting, webpack, react, redux
Testing Your Animation Refresh Rate With CSS Crimes?12,130
discussions, css, animations
An “alt” Decision Tree Using Only “:has()” (aar)12,129
accessibility, css, alt-text, images
Write About What You Learn—It Pushes You to Understand Topics Better (add)12,128
learning, writing, processes, career
Sophisticated, Highly-Targeted Attacks Continue to Plague npm12,127
npm, security
dependency-time-machine12,126
packages, npm, dependencies, maintenance, automation
Debugging Rules: Understand the System12,125
debugging
Balance in UX Design: Symmetry, Asymmetry, and Radial Balance (nng)12,124
videos, design, user-experience
The Spectrum of Openness12,123
foss, legal, examples
Supercharge Your HTML With WebC12,122
videos, html, webc
Nostalgia in UX Design12,121
user-experience, design, history
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (sma)12,120
accessibility, content, images, best-practices, techniques
Deprecating the “unload” Event (tun/dev)12,119
browsers, google, chrome, deprecation, events, support
WCAG 3.0: Further on Up the Road (ons/tpg)12,118
accessibility, wcag, standards
OKLCH in CSS: Consistent, Accessible Color Palettes (its/log)12,117
css, oklch, color-palettes, accessibility, consistency
Google Tag Manager Performance: 9 Tips for Faster Site Speed12,116
google, tag-management, performance, tips-and-tricks
Create Direction-Aware Effects Using Modern CSS (kev)12,115
videos, css, internationalization
Browsers Barely Care What HTTP Status Code Your Web Pages Are Served With (cks)12,114
browsers, http, support
Simple APIs Are Elegant APIs (rya)12,113
apis, simplicity
Progressively Enhanced HTML Accordion (aar)12,112
html, accordions, semantics, accessibility, progressive-enhancement
Node.js’s Config Hell Problem (den)12,111
nodejs, configuration, maintainability, productivity, developer-experience
It’s Time to End Damaging Website Design Practices That May Harm Your Users12,110
user-experience, usability, design, privacy, best-practices
Defining Test Cases and Priorities (dev)12,109
testing
An Introduction to the esbuild Bundler (cra)12,108
introductions, bundling, esbuild
A Beginner’s Guide to CSS Grid Layout12,107
guides, css, grids, layout
Lean UX and Agile: Study Guide (nng)12,106
guides, user-experience, agile, processes, training, link-lists
What Happens When You Select “count(*)” in MySQL (ami)12,105
databases, mysql
What Does It Mean for Web Browsers to Have a Baseline (mar/the)12,104
browsers, support, web-platform
UX Is Not Dead, It’s Just Misunderstood12,103
user-experience
User-Adaptive Interfaces With “AccentColor” (oll)12,102
forms, css
OpenAI Launches Web Crawling GPTBot, Sparking Blocking Effort by Website Owners and Creators (ven)12,101
ai, openai, crawling, scraping, robotstxt
My Experience Modernizing Packages to ESM12,100
dependencies, modernization, esm
Micro Benevolences (est/ope)12,099
community, dei, communication, foss
Definition of Done vs. Acceptance Criteria: What’s the Difference?12,098
videos, agile, processes, comparisons
An Update on Chrome Security Updates—Shipping Security Fixes to You Faster12,097
browsers, google, chrome, security
An Introduction to htmx, the HTML-Focused Dynamic UI Library12,096
introductions, htmx
An Intro to State-Based UI With JavaScript (cfe)12,095
introductions, javascript, state-management
8 Common Heading Questions (pop)12,094
accessibility, html, headings
200 Web-Based, Must-Try Web Design and Development Tools (j9t)12,093
link-lists, tooling
The Death of Jamstack, the Rise of htmx, and Another AI Assistant (fro)12,092
podcasts, jamstack, htmx, ai
You Don’t Need a Mentor: Embracing the Power of Community (bek/ope)12,091
career, community, learning
Top 7 Things That Kill Developer Productivity12,090
productivity, technical-debt, code-reviews, documentation, processes, developer-experience
The Risks of Micro-Frontends12,089
podcasts, micro-frontends
Some Tactics for Writing in Public (b0r)12,088
writing, communication, community
Progressively Enhanced Form Validation: HTML and CSS (ger/clo)12,087
forms, validation, progressive-enhancement, html, css
OpenAI’s ChatGPT New Web Crawler—GPTBot (rus/ser)12,086
crawling, ai, openai, chatgpt, seo
Migrating My Blog From Gatsby to Astro (sap)12,085
migrating, gatsby, astro
JSX Without React (chr)12,084
jsx, react
How to Improve Performance of Your Database by Indexing Large Tables12,083
how-tos, performance, databases, optimization
Blog SEO: 8 Tips to Optimize Your Posts (wpr)12,082
blogging, seo, wordpress, tips-and-tricks
Alt Text Hall of Fame (ste/alt)12,081
websites, accessibility, writing, alt-text, images
A Guide to Single-Page Application Performance12,080
guides, single-page-apps, developer-experience, performance, monitoring
Optimizing Speed on ebay.com (add)12,079
performance, optimization, web-vitals, case-studies
Responsive Images: DIY Implementation in 6 Steps12,078
images, html, responsive-design
Scrolljacking 101 (nng)12,077
scrolling, user-experience
Beautify Your Git Log With a Single Command12,076
git, command-line
A Compilation of Outstanding Testing Articles (With JavaScript)12,075
link-lists, testing, javascript
Nobody Cares About Your “Perfect” Code: Change Your Perspective12,074
quality, product-management
Assistive Technology Shouldn’t Be a Mystery Box (cod)12,073
browsers, assistive-tech, accessibility, web-platform, foss, support
How to Set Up Git Hooks (“pre-commit”, “commit-msg”) in My Project? (kis)12,072
how-tos, git, git-hooks
Implementing Design Tokens: Colors12,071
design-tokens, colors
Things You Forgot (or Never Knew) Because of React (col)12,070
react, frameworks, learning
The Next Generation of Web Layouts (zel)12,069
web-platform, design, layout
The Easy Intro to the APCA Contrast Method (myn)12,068
introductions, accessibility, colors, contrast, apca
Route-Based Code Splitting With React12,067
code-splitting, routing, react
Insertion Sort: A Deep Dive12,066
algorithms, sorting, deep-dives
How Google Measures Developer Productivity12,065
interviews, google, productivity, developer-experience, metrics
Finding My Blogging Path: Lessons From My Journey12,064
lessons, blogging, writing, career, community
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (sma)12,063
accessibility, content, images, best-practices, techniques
An Overview of CSS Sizing Units (web)12,062
overviews, css, units
Prepare to Spy on a Method Added Dynamically (bah)12,061
videos, javascript, cypress, testing, debugging
New DOJ Web Accessibility Regulation Is a Disaster12,060
accessibility, legal
How We Optimized Performance to Serve a Global Audience (sma)12,059
case-studies, performance, optimization
How Does Reflowing Content Affect People With Screen Magnification? (tpg)12,058
accessibility, reflow, assistive-tech, screen-magnification
Contextual Form Errors and ARIA (mar)12,057
accessibility, forms, html, aria
A Blog Post With Every HTML Element (pat)12,056
html, semantics
No Exit—Every Feed Is a Traffic Jam (mus/uxd)12,055
social-media, scrolling, user-experience
How to Use the CSS Grid “repeat()” Function12,054
how-tos, css, grids, functions, layout
PHP Isn’t That Bad, So Why the Hate? (pur)12,053
php, frameworks, myths
Understanding React Server Components12,052
react, components
Why Isn’t “z-index” Working? (una+/dev)12,051
videos, css, positioning
What’s New in Svelte: August 2023 (sve)12,050
release-notes, svelte, sveltekit
Splitting the Web (plo)12,049
web
Mixing Colors to Create Variants in CSS (ami)12,048
colors, css
Midori Browser Will Change Its Engine to Gecko12,047
browsers, gecko, browser-engines
I’m Betting on HTML12,046
html, semantics
Evading JavaScript Anti-Debugging Techniques (voi)12,045
javascript, debugging
CSS and Accessibility: Inclusion Through User Choice (car/sma)12,044
css, accessibility, dei, user-experience
Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (mic/mdn)12,043
css, functions, animations
Accessibility of the Button: Should We Fix It or the Root Cause Problem? (deq)12,042
accessibility, buttons, processes
SECURITY.md: Should I Have It? (mry/ecl)12,041
security, documentation
Why I No Longer Believe in Content Design (uxd)12,040
content, design, writing
What Happens When Developers Are Liable for Accessibility?12,039
accessibility, legal
Tuesday, August 8, 2023 Security Releases (raf/nod)12,038
release-notes, nodejs, security
The Virtual Keyboard API (sha)12,037
apis
The Curious Case of “iff” and Overriding Screenreader Pronunciations (ben)12,036
screen-readers, accessibility, pronunciation
Start by Writing Messy Code12,035
processes, learning
Randomness in CSS Using Trigonometry12,034
css, randomness
New to the Web Platform in July (rac/dev)12,033
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
How to Earn High-Authority Links That Drive Rankings (moz)12,032
how-tos, seo, links
Front End Practice: Top 25+ JavaScript Code Best Practices for Development12,031
javascript, best-practices
Contrast Checker Bookmarklet (web)12,030
bookmarklets, accessibility, colors, contrast
Accessibility Represents Maturity (tem)12,029
accessibility, culture
A Future of Themes With CSS Container Style Queries (chr)12,028
css, style-queries, theming
Should New Developers Use AI Coding Tools?12,027
ai, productivity, tooling, career, learning
Resume and Pause Animations in CSS (ami)12,026
css, animations
An Update on Site Names12,025
domains, google, search
Toggles Suck!12,024
toggles, design, usability, user-experience
Run JavaScript/Wasm in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey12,023
javascript, webassembly, python, spidermonkey
Mastering Git Shortcuts: A Guide to Git Aliases12,022
guides, git, aliases, productivity
If Web Components Are So Great, Why Am I Not Using Them? (dav)12,021
web-components
How to Define an Array of Colors With CSS (css/sma)12,020
how-tos, css, arrays, colors
How “position: absolute” Works in CSS Grid (zor/css)12,019
videos, css, grids, layout
Do We Need WCAG 3 (Now)? (yat)12,018
accessibility, wcag, standards
Design Systems Management From Bottom–Up12,017
design-systems, processes
Complete Guide to Human–Computer Interaction (HCI)12,016
guides, hci
You Probably Don’t Need “http-equiv” Meta Tags (rvi)12,015
html, metadata, http, performance
What Is Platform Engineering (and What Is It Not)?12,014
platform-engineering
The Web Development Glossary 3K (j9t/fro)12,013
books, frontend-dogma, learning, training, concepts, terminology
The Future of Design Systems Is Semantic (fig)12,012
design-systems, design-tokens, processes
Speeding Up V8 Heap Snapshots (jda)12,011
javascript, javascript-engines, v8, performance, memory
Release Notes for Safari Technology Preview 175 (jon/web)12,010
release-notes, browsers, apple, safari
How to Make Your Captions and Audio Descriptions WCAG-Compliant12,009
how-tos, multimedia, captions, compliance, wcag, accessibility
Adapting Typography to User Preferences With CSS (arg/dev)12,008
typography, css, customization
How I Name and Arrange My Color Variables in Figma12,007
colors, variables, figma, conventions
Be an Active Ally for Those Living With Disabilities (wom)12,006
accessibility, dei
CrBug Release Indicator (bra)12,005
browsers, chromium, tooling
The Joy of Simplicity in Web Development (cfe)12,004
simplicity, processes
Testing a Component’s Accessibility12,003
videos, accessibility, testing, components
Tailwind, and the Death of Web Craftsmanship12,002
tailwind, craft, quality
Publishing With npm Provenance From Private Source Repositories Is No Longer Supported (git)12,001
github, npm, provenance, security, foss
Is Jamstack Officially Finished? (rem)12,000
tech-stacks, jamstack, community
How to Use CSS “aspect-ratio”11,999
how-tos, css, aspect-ratio
Help Design the Inaugural “State of HTML” Survey (lea)11,998
html, community
Solving the Accessibility Palette Riddle (uxd)11,997
accessibility, colors, color-palettes
Application State Management With Angular Signals11,996
state-management, angular, signals
What to Do When Your Developers Don’t Collaborate11,995
processes, collaboration
Web Accessibility in High-Risk Segments (kar)11,994
accessibility, compliance, legal
Vision for W3C (cdu/w3c)11,993
outlooks, web, web-platform, standards, w3c
The Rise of Minimalism in Web Design: Less Is More11,992
minimalism, design
The Excellent Arc Browser Is Now Available for Anyone to Download (dav/ver)11,991
browsers, arc, the-browser-company
Social Engineering Campaign Targeting Tech Employees Spreading Through npm Malware (soc)11,990
security, malware, npm
Promises Training11,989
javascript, promises, training, courses
Microservices vs. Micro Frontends: What’s the Difference?11,988
microservices, micro-frontends, comparisons
Fetching Data From an HTTP API With Python (sil)11,987
data-fetching, apis, python
Combining Data With Multiple Fetch Requests (ste)11,986
javascript, arrays, data-fetching
Blockquotes in Screen Readers (aar)11,985
accessibility, screen-readers, support, html
WebKit Features in Safari 16.6 (jen/web)11,984
release-notes, browsers, apple, safari, webkit
Understanding the WCAG 3 Working Draft Update11,983
accessibility, wcag
The Problem With Auto-Generated Alternative Texts for Images (dni)11,982
accessibility, ai, writing
The New “X” Button Doesn’t Close the Website11,981
user-experience, community, social-media
SVG Gradients: Solving Curved Challenges11,980
svg, images, gradients
Securing the Web Forward: Addressing Developer Concerns in Web Security (tor/w3c)11,979
security, web, surveys
I Blame the W3C’s HTML Standard for Ordered Lists (sid)11,978
html, lists, semantics
Getting Started With Pico CSS (log)11,977
introductions, pico
Eleventy SMACSS (jus)11,976
eleventy, smacss, css
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)11,975
performance, web-vitals, seo
Benefits of Integrating UX Into Your Overall Business Strategy (uxm)11,974
user-experience, strategies
6 Ways ChatGPT Can Improve Your SEO (moz)11,973
ai, chatgpt, seo, metadata, code-generation
10 Simple CSS and JavaScript Micro-Interactions for Buttons11,972
css, javascript, buttons, effects
A Comprehensive Comparison of Bootstrap, Tailwind CSS, Windi CSS, and UnoCSS: Features, Pros, and Cons11,971
comparisons, bootstrap, tailwind, unocss
Using Imagery in Visual Design (nng)11,970
design, images, content
Good Code Is— (j9t)11,969
quality, terminology
Effective Code Reviews (add)11,968
code-reviews, processes, learning, career
Enable Hover Conditionally in CSS (ami)11,967
css, hover
Why Learning to Program Is Easier Now, but Also Way Harder Than Before11,966
programming, learning, productivity, developer-experience
The Art of Looking Back: A Critical Reflection for Individual Contributors (sma)11,965
processes, career, productivity
Installing Multiple Versions of Node.js Using nvm11,964
nodejs, nvm
How SEOs and UX Designers Can Work Better Together (moz)11,963
seo, user-experience, design, collaboration
CSP Testing Using Cypress (bah)11,962
csp, testing, cypress
Accessible Animated GIF Alternatives (tyl/clo)11,961
accessibility, animations, gif, multimedia, comparisons
What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) (jec/dev)11,960
videos, dev-tools, browsers, google, chrome, network, webassembly, release-notes
Web Content Accessibility Guidelines (WCAG) 2.2 (w3c)11,959
accessibility, guidelines, wcag, standards
We Deleted More Than 5,000 Pages From Our College Website—Here’s Why11,958
accessibility, quality, maintenance
How to Use CSS “object-fit” and “object-position”11,957
how-tos, css, images
Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (add)11,956
programming, quality, maintainability, communication
From Mid to Senior: Time Management and Prioritization11,955
career, productivity, prioritization
Ember JS Essentials: A Beginner’s Guide11,954
fundamentals, guides, emberjs
DX in the Frontend Developer Ecosystem (ste)11,953
videos, developer-experience
Design Systems: Avoiding Common Pitfalls (vig)11,952
design-systems
CSS Cascade Layers (odd)11,951
videos, css, cascade
A Guide to Perfecting Pull Requests11,950
git, code-reviews, collaboration, foss
SvelteKit in 100 Seconds (fir)11,949
videos, introductions, sveltekit
What Is the Bento UI Trend, and How Can You Get Started? (web)11,948
design, trends
Visually Hidden Links With 0 Dimensions (mat)11,947
hiding, accessibility, links, focus, apple, safari
User Input Sanitization and Validation: Securing Your App11,946
security, sanitization, validation, conformance
How to Build and Deploy a Modern Day Next.js Application11,945
how-tos, nextjs, building, deploying
How Platform Teams Get Stuff Done (ph1/mfo)11,944
productivity, processes, platform-engineering
Encoding: A Brief History and Its Role in Cybersecurity11,943
encoding, unicode, security, history
11ty: Index All The Things! (lea)11,942
eleventy, pagination
An Introduction to LangChain, Python, and OpenAI11,941
introductions, langchain, python, openai, ai
Figma Now Supports “rem” Units: Understanding the Use and Benefits (uxd)11,940
figma, css, units, support
Signals Make Angular Much Easier11,939
angular, signals
Getting Started With CSS Nesting (kev)11,938
videos, introductions, css, nesting
Getting Instant Return From Your Accessibility Testing (kar)11,937
accessibility, testing
Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately?11,936
discussions, javascript, frameworks
Upgrading an Ancient React Application11,935
react, maintenance
The Power of Git: A Guide to Collaborative Version Control (bek/ope)11,934
guides, git, collaboration
The 10 Commitments of an Agile Leader11,933
agile, processes, collaboration, leadership, engineering-management
O “dialog” Focus, Where Art Thou? (mat)11,932
accessibility, modals, html, focus
Node.js Security Progress Report—17 Reports Closed (ope)11,931
nodejs, security
Fluid vs. Responsive Typography With CSS Clamp (its/log)11,930
css, functions, typography, responsive-design
Advanced Positioning in CSS Grid (zor/css)11,929
videos, css, grids, positioning, layout
5 Inconvenient Truths About TypeScript (dea)11,928
typescript, javascript, complexity
What Is TanStack11,927
tanstack, vercel
It’s All About Complexity (max)11,926
complexity
Using Emoji on the Web (oll)11,925
emoji, fonts, support, unicode
Stick to Boring Architecture for as Long as Possible (add)11,924
architecture
How I Structured My Design System Using Figma’s New Variables (uxd)11,923
design-systems, design-tokens, figma, variables
Lightweight JavaScript Framework Review (for Django Developers)11,922
javascript, frameworks, comparisons, link-lists, django
React-ing to Accessibility: Building Accessible Forms That Everyone Can Use (uxd)11,921
accessibility, forms, react, testing
Writing CSS in 2023: Is It Any Different Than a Few Years Ago? (geo/sma)11,920
css
WordPress 6.3 to Introduce a Development Mode (sar)11,919
wordpress
Scroll Progress Animations in CSS (mic/mdn)11,918
css, scrolling, animations, progress-indicators
Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” (kar)11,917
accessibility, interoperability, screen-readers, assistive-tech, jaws
Figma Typography Secrets—Seven Pro Tips Revealed (pim)11,916
typography, figma
Down-and-Across Highlighting (mey)11,915
code-pens, css, tables, effects
A Comprehensive Beginner’s Guide to npm: Simplifying Package Management11,914
guides, npm, dependencies
15 Advanced TypeScript Tips for Development11,913
typescript, tips-and-tricks
Why Design Systems Fail11,912
design-systems, lessons
[WebKit] Standards Positions (web)11,911
webkit, standards, support
Useful Functions for [an] HTTP Server11,910
deno, servers, http, functions
Mock JSON API Endpoints for Testing (ami)11,909
json, apis, testing
Implementing Responsive Grids With Tailwind CSS: An In-Depth Guide11,908
guides, tailwind, responsive-design, grids, layout
Getting Started With Tailwind CSS: A Quick-Start Guide11,907
introductions, guides, tailwind
CSS Findings From the Threads App (sha)11,906
css, case-studies, facebook+meta
Building a Responsive Table With Tailwind CSS: A Comprehensive Guide11,905
guides, tables, tailwind
Better Roadmaps11,904
project-management, processes
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II (dbo)11,903
leadership, dei, accessibility
How to Use Your Intuition in Your Product Design Process (uxd)11,902
how-tos, design, product-management, processes
Preload vs. Early Hints vs. Fetch Priority11,901
videos, performance, html, http, hints, comparisons, preloading
Top 20 Must-Know Tips for Web Accessibility11,900
accessibility, tips-and-tricks
The Magic of Empty Git Commit11,899
git, command-line
The alt-text.org Project Is Moving Forward (han)11,898
accessibility, writing
Release Notes for Safari Technology Preview 174 (mar/web)11,897
release-notes, browsers, apple, safari
Recent Design11,896
websites, design, link-lists
JPEG XL: How It Started, How It’s Going11,895
images, compression, jpeg-xl
How AI Is Making Web Design More Efficient (web)11,894
ai, design, efficiency
From Nunjucks to Liquid (mor)11,893
template-engines, nunjucks, liquid, migrating
Developer’s Research Process (cit)11,892
research, processes
Arrays and Tuples in TypeScript (fro)11,891
typescript, arrays
A Case Study on Scroll-Driven Animations Performance (dev)11,890
animations, scrolling, performance, css, javascript
3 Common Types of Test Automation (dev)11,889
testing, automation
Loading and Progress Indicators (uxd)11,888
performance, user-experience, design-patterns, progress-indicators
A Guide to Variables in Figma11,887
guides, variables, figma
TypeScript and the Dawn of Gradual Types (rww/git)11,886
typescript
Tailwind CSS Tips and Tricks Worth Knowing (bui)11,885
tailwind, tips-and-tricks
Storing Data in Control Flow (rsc)11,884
programming
Sass Features in CSS (chr)11,883
css, sass
Permission (ada)11,882
web, seo, google
Organize TypeScript Types With Namespaces11,881
typescript, namespaces
My Journey to Learning CSS (kev)11,880
videos, css, learning
Introduction to CSS Grid: A Comprehensive Guide11,879
guides, css, grids, layout
Tree Shaking in JavaScript11,878
javascript, performance, tree-shaking
Getting Started With Vector Databases in Node.js11,877
introductions, nodejs, databases, vector-databases
The Anatomy of a Perfect Landing Page That Converts (uxm)11,876
landing-pages, user-conversion
Mockups Explained (uxm)11,875
design, processes
Making Numbers in Web Content Accessible (ons/tpg)11,874
accessibility
JavaScript Debounce, Easiest Explanation (With Code)11,873
debouncing, javascript
Invisible Details of Interaction Design11,872
interaction-design, design, user-experience
How to Prevent Unnecessary React Component Re-Rendering11,871
how-tos, react, client-side-rendering, performance
Getting Started—Understanding the History of Web Accessibility11,870
videos, introductions, accessibility, history
Find Memory Leaks by Comparing Heap Snapshots (pat/dev)11,869
memory, dev-tools, browsers, google, chrome, microsoft, edge
Developing Inclusivity Features (uxm)11,868
design, accessibility, dei
Data-Driven Design: The Rise of Big Data in UX (uxm)11,867
design, metrics, user-experience
What Is Asset Fingerprinting (or Cache Busting) and How It Works in ReactJS11,866
caching, fingerprinting, react
React Design Patterns11,865
react, software-design-patterns
How to Improve the Release Frequency of Your Team?11,864
how-tos, releasing, processes, agile, scrum
Getting Started With Jekyll: A Powerful Ruby-Based Static Site Generator11,863
introductions, jekyll
All the Places Where You Can Use “prefers-color-scheme” Media Query (ami)11,862
css, media-queries, javascript, html, dark-mode
Awesome List of Free CSS [Generators]11,861
link-lists, css, code-generation, tooling
The Decline in Design (Thinking) (uxd)11,860
design, user-experience
Use Case-Driven Standards Development11,859
standards
New Viewport Units (sha)11,858
viewport, css, units, responsive-design
Deploying a Fastify and Vue 3 Static Site to Heroku11,857
deploying, fastify, vuejs, heroku
htmx in 100 Seconds (fir)11,856
videos, introductions, htmx
Strategic UX Research Is the Next Big Thing (uxd)11,855
user-experience, research, strategies
Unleashing Lightning CSS11,854
css, tooling, lightning-css
The New “@ font-face” Syntax (oll)11,853
css, fonts
Testing the Dark Scenarios of Your Node.js Application11,852
nodejs, testing
Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (css/sma)11,851
css, effects, images
From Hacks to Elegance: Transforming a Card Component With Modern CSS Wizardry (9el)11,850
components, css, refactoring, maintenance
Four Lenses of Productivity11,849
research, productivity
URL Explained: The Fundamentals (itt)11,848
terminology
There’s No Such Thing as a “Normal” User (kar)11,847
accessibility
The Case Against Self-Closing Tags in HTML (jaf)11,846
html
Offset Parent and Stacking Context: Positioning Elements in All Three Dimensions (kil/pol)11,845
css, positioning, layout
Just Normal Web Things (hbu)11,844
web, user-experience
Is Lighthouse a Misleading Performance Tool?11,843
performance, google, lighthouse, web-vitals, tooling
An Introduction to Native CSS Nesting (cra)11,842
introductions, css, nesting
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace (dbo)11,841
leadership, dei, accessibility
Redundancy Is Great11,840
information-design
When User Testing Sessions Bring Up Trauma (uxd)11,839
user-experience, testing
Understanding JWTs: A Simple Guide for Beginners11,838
guides, json-web-tokens
Resources for Procurement of Accessible Digital Products and VPAT (den)11,837
accessibility, vpat-acr, conformance, tooling, link-lists
Origin Trials and Tribulations (rvi)11,836
web-platform, browsers, metrics
Multithreading With Worker Threads in Node.js (app)11,835
nodejs, multithreading, worker-threads
Introduction to the Kanban Framework: A Beginner’s Guide to Agile Project Management11,834
introductions, guides, kanban, agile, project-management
How to Validate HTML On-Line at W3C (wie)11,833
how-tos, html, conformance, tooling
Displaying Your Full-Sized YouTube Thumbnail or a Custom OG Image in a Twitter Card (phi)11,832
youtube, twitter+x, open-graph, social-media, metadata, images
CSS Only Floating Labels11,831
css, floats, forms, labels
Creating SVG Animations Using Tailwind CSS11,830
svg, images, animations, tailwind
Can We Query the Root Container? (mia/odd)11,829
css, container-queries
Making the Switch: From Yarn/npm to pnpm11,828
migrating, yarn, npm, pnpm
The Power of CSS Preprocessors: Less vs. Sass vs. Stylus11,827
css, preprocessors, less, sass, stylus, comparisons
Introduction to MongoDB and NoSQL Databases11,826
introductions, databases, mongodb
See What’s New in Firefox [115.0] (moz)11,825
release-notes, browsers, mozilla, firefox
What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (tam/spe)11,824
performance, user-experience, user-conversion, metrics, economics
The Trick to Smoothly Animating Shadows in CSS (kev)11,823
videos, css, animations, shadows
The “article” Element and Screen Readers (mat)11,822
html, screen-readers, accessibility, support
Design for the Web Without Figma11,821
design, tooling
Build a Simple Beginner App With Node, Bootstrap, and MongoDB11,820
web-apps, nodejs, bootstrap, mongodb
Are We There Yet? (svg)11,819
css, colors, history
90s Websites—Key Characteristics and Examples11,818
design, history, trends, navigation, colors, typography
Your Browser May Be Having a Secret Relationship With a Screen Reader (kno)11,817
accessibility, browsers, screen-readers, assistive-tech
Understanding SVG Paths11,816
svg, images
HTML Form Validation Using Cypress11,815
forms, validation, cypress
How I Am Blogging the IndieWeb Way (liz)11,814
blogging, indieweb, automation
Differences Between vi and Vim Text Editors Explained11,813
vi+vim, code-editors, comparisons
ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA (pop)11,812
how-tos, accessibility, aria, auditing
And 4 More HTML Concepts You Didn’t Know (j9t)11,811
html, concepts, web-components
How to Use Node.js to SSH Into Remote Servers: A Comprehensive Guide11,810
how-tos, guides, nodejs, command-line, servers, ssh
AI and the Automation of Work11,809
ai, automation, processes
4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (ada)11,808
design, principles, user-experience, dei
How to Measure the Impact of a Design System? (uxd)11,807
how-tos, design-systems, metrics
The Big Problem With Variables in Figma (uxd)11,806
figma, variables
How to Tackle Docker and Kubernetes for Frontend11,805
how-tos, containerization, docker, kubernetes
Setting Expectations for the Node.js Test Runner (cji)11,804
nodejs, testing
State of the Web: Deno11,803
deno
Observing Node.js Processes With eBPF11,802
monitoring, nodejs
In Defence of “DOM­Content­Loaded” (css)11,801
javascript, dom, performance
Identify Unused npm Packages in Your Project (ami)11,800
npm, dependencies, maintenance
Designers Who Code, What Is It Good For? (fra)11,799
design, career
Angular Is Getting New Template Syntax (dan)11,798
angular
The “details” Element and In-Page Search (mat)11,797
html, disclosure-widgets, search, browsers, user-experience
React Developers Love Preact, Here’s Why (hac)11,796
react, preact, comparisons
New to the Web Platform in June (rac/dev)11,795
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Introduction to JSX11,794
introductions, jsx, react
CommonJS Is Hurting JavaScript (den)11,793
javascript, commonjs
The Importance of Verifying Webhook Signatures11,792
security, webhooks
WCAG 2.2, Quick and Simplified11,791
wcag, accessibility, standards
Accessible Overlays Aren’t Accessible (uxd)11,790
accessibility, overlays
What’s the Perfect Design Process? (vit/sma)11,789
design, processes
What’s Next for Redux With Mark Erikson (ace)11,788
videos, interviews, react, redux, state-management
Understanding TypeScript Generators (log)11,787
typescript
Under-Engineered Comboboxen? (aar)11,786
forms, html, css, accessibility
Solved: Tricky Floating Image Alignment (tyl/clo)11,785
css, floats, layout, alignment, responsive-design
JavaScript Gom Jabbar11,784
javascript
Introduction to MySQL Data Types11,783
databases, mysql, types
How to Build Things People Want to Use11,782
how-tos, user-experience
Combat Accessibility Decay: How to Maintain Ongoing Accessibility11,781
how-tos, accessibility, processes
An Introduction to the View Transitions API (cra)11,780
introductions, css, view-transitions, apis