Life is about deciding who we 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 (18)

→ 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#
Sophisticated, Highly-Targeted Attacks Continue to Plague npm12,293
npm, security
dependency-time-machine12,292
packages, npm, dependencies, maintenance, automation
Debugging Rules: Understand the System12,291
debugging
Balance in UX Design: Symmetry, Asymmetry, and Radial Balance (nng)12,290
videos, design, user-experience
The Spectrum of Openness12,289
foss, legal, examples
Supercharge Your HTML With WebC12,288
videos, html, webc
Nostalgia in UX Design12,287
user-experience, design, history
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (sma)12,286
accessibility, content, images, best-practices, techniques
Deprecating the “unload” Event (tun)12,285
browsers, google, chrome, deprecation, events, support
WCAG 3.0: Further on Up the Road (ons/tpg)12,284
accessibility, wcag, standards
OKLCH in CSS: Consistent, Accessible Color Palettes (its/log)12,283
css, oklch, color-palettes, accessibility, consistency
Google Tag Manager Performance: 9 Tips for Faster Site Speed12,282
google, tag-management, performance, tips-and-tricks
Create Direction-Aware Effects Using Modern CSS (kev)12,281
videos, css, internationalization
Browsers Barely Care What HTTP Status Code Your Web Pages Are Served With (cks)12,280
browsers, http, support
Defining Test Cases and Priorities12,279
testing
Simple APIs Are Elegant APIs (rya)12,278
apis, simplicity
Progressively Enhanced HTML Accordion (aar)12,277
html, accordions, semantics, accessibility, progressive-enhancement
Node.js’s Config Hell Problem (den)12,276
nodejs, configuration, maintainability, productivity, developer-experience
It’s Time to End Damaging Website Design Practices That May Harm Your Users12,275
user-experience, usability, design, privacy, best-practices
An Introduction to the esbuild Bundler (cra)12,274
introductions, bundling, esbuild
A Beginner’s Guide to CSS Grid Layout12,273
guides, css, grids, layout
An Introduction to htmx, the HTML-Focused Dynamic UI Library12,272
introductions, htmx
Lean UX and Agile: Study Guide (nng)12,271
guides, user-experience, agile, processes, training, link-lists
What Happens When You Select “count(*)” in MySQL (ami)12,270
databases, mysql
What Does It Mean for Web Browsers to Have a Baseline (mar/the)12,269
browsers, support, web-platform
UX Is Not Dead, It’s Just Misunderstood12,268
user-experience
User-Adaptive Interfaces With “AccentColor” (oll)12,267
forms, css
OpenAI Launches Web Crawling GPTBot, Sparking Blocking Effort by Website Owners and Creators (ven)12,266
ai, openai, crawling, scraping, robotstxt
My Experience Modernizing Packages to ESM12,265
dependencies, modernization, esm
Micro Benevolences (est/ope)12,264
community, dei, communication, foss
Definition of Done vs. Acceptance Criteria: What’s the Difference?12,263
videos, agile, processes, comparisons
An Update on Chrome Security Updates—Shipping Security Fixes to You Faster12,262
browsers, google, chrome, security
An Intro to State-Based UI With JavaScript (cfe)12,261
introductions, javascript, state-management
8 Common Heading Questions (pop)12,260
accessibility, html, headings
200 Web-Based, Must-Try Web Design and Development Tools (j9t)12,259
link-lists, tooling
The Death of Jamstack, the Rise of htmx, and Another AI Assistant (fro)12,258
podcasts, jamstack, htmx, ai
You Don’t Need a Mentor: Embracing the Power of Community (bek/ope)12,257
career, community, learning
Top 7 Things That Kill Developer Productivity12,256
productivity, technical-debt, code-reviews, documentation, processes, developer-experience
The Risks of Micro-Frontends12,255
podcasts, micro-frontends
Some Tactics for Writing in Public (b0r)12,254
writing, communication, community
Progressively Enhanced Form Validation: HTML and CSS (ger/clo)12,253
forms, validation, progressive-enhancement, html, css
OpenAI’s ChatGPT New Web Crawler—GPTBot (rus/ser)12,252
crawling, ai, openai, chatgpt, seo
Migrating My Blog From Gatsby to Astro (sap)12,251
migrating, gatsby, astro
JSX Without React (chr)12,250
jsx, react
How to Improve Performance of Your Database by Indexing Large Tables12,249
how-tos, performance, databases, optimization
Blog SEO: 8 Tips to Optimize Your Posts (wpr)12,248
blogging, seo, wordpress, tips-and-tricks
Alt Text Hall of Fame (ste/alt)12,247
websites, accessibility, writing, alt-text, images
A Guide to Single-Page Application Performance12,246
guides, single-page-apps, developer-experience, performance, monitoring
Optimizing Speed on ebay.com (add)12,245
performance, optimization, web-vitals, case-studies
Responsive Images: DIY Implementation in 6 Steps12,244
images, html, responsive-design
Scrolljacking 101 (nng)12,243
scrolling, user-experience
Beautify Your Git Log With a Single Command12,242
git, command-line
A Compilation of Outstanding Testing Articles (With JavaScript)12,241
link-lists, testing, javascript
Nobody Cares About Your “Perfect” Code: Change Your Perspective12,240
quality, product-management
Assistive Technology Shouldn’t Be a Mystery Box (cod)12,239
browsers, assistive-tech, accessibility, web-platform, foss, support
How to Set Up Git Hooks (“pre-commit”, “commit-msg”) in My Project? (kis)12,238
how-tos, git, git-hooks
Implementing Design Tokens: Colors12,237
design-tokens, colors
Things You Forgot (or Never Knew) Because of React (col)12,236
react, frameworks, learning
The Next Generation of Web Layouts (zel)12,235
web-platform, design, layout
The Easy Intro to the APCA Contrast Method (myn)12,234
introductions, accessibility, colors, contrast, apca
Route-Based Code Splitting With React12,233
code-splitting, routing, react
Insertion Sort: A Deep Dive12,232
algorithms, sorting, deep-dives
How Google Measures Developer Productivity12,231
interviews, google, productivity, developer-experience, metrics
Finding My Blogging Path: Lessons From My Journey12,230
lessons, blogging, writing, career, community
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (sma)12,229
accessibility, content, images, best-practices, techniques
New DOJ Web Accessibility Regulation Is a Disaster12,228
accessibility, legal
An Overview of CSS Sizing Units (web)12,227
overviews, css, units
Prepare to Spy on a Method Added Dynamically (bah)12,226
videos, javascript, cypress, testing, debugging
How We Optimized Performance to Serve a Global Audience (sma)12,225
case-studies, performance, optimization
How Does Reflowing Content Affect People With Screen Magnification? (tpg)12,224
accessibility, reflow, assistive-tech, screen-magnification
Contextual Form Errors and ARIA (mar)12,223
accessibility, forms, html, aria
A Blog Post With Every HTML Element (pat)12,222
html, semantics
No Exit—Every Feed Is a Traffic Jam (mus/uxd)12,221
social-media, scrolling, user-experience
How to Use the CSS Grid “repeat()” Function12,220
how-tos, css, grids, functions, layout
Why Isn’t “z-index” Working? (una+)12,219
videos, css, positioning
PHP Isn’t That Bad, So Why the Hate? (pur)12,218
php, frameworks, myths
Understanding React Server Components12,217
react, components
What’s New in Svelte: August 2023 (sve)12,216
release-notes, svelte, sveltekit
Splitting the Web (plo)12,215
web
Mixing Colors to Create Variants in CSS (ami)12,214
colors, css
Midori Browser Will Change Its Engine to Gecko12,213
browsers, gecko, browser-engines
I’m Betting on HTML12,212
html, semantics
Evading JavaScript Anti-Debugging Techniques (voi)12,211
javascript, debugging
CSS and Accessibility: Inclusion Through User Choice (car/sma)12,210
css, accessibility, dei, user-experience
Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (mic/mdn)12,209
css, functions, animations
Accessibility of the Button: Should We Fix It or the Root Cause Problem? (deq)12,208
accessibility, buttons, processes
New to the Web Platform in July (rac)12,207
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
SECURITY.md: Should I Have It? (mry/ecl)12,206
security, documentation
Why I No Longer Believe in Content Design (uxd)12,205
content, design, writing
What Happens When Developers Are Liable for Accessibility?12,204
accessibility, legal
Tuesday, August 8, 2023 Security Releases (raf/nod)12,203
release-notes, nodejs, security
The Virtual Keyboard API (sha)12,202
apis
The Curious Case of “iff” and Overriding Screenreader Pronunciations (ben)12,201
screen-readers, accessibility, pronunciation
Start by Writing Messy Code12,200
processes, learning
Randomness in CSS Using Trigonometry12,199
css, randomness
How to Earn High-Authority Links That Drive Rankings (moz)12,198
how-tos, seo, links
Front End Practice: Top 25+ JavaScript Code Best Practices for Development12,197
javascript, best-practices
Contrast Checker Bookmarklet (web)12,196
bookmarklets, accessibility, colors, contrast
Accessibility Represents Maturity (tem)12,195
accessibility, culture
A Future of Themes With CSS Container Style Queries (chr)12,194
css, style-queries, theming
Should New Developers Use AI Coding Tools?12,193
ai, productivity, tooling, career, learning
Resume and Pause Animations in CSS (ami)12,192
css, animations
An Update on Site Names12,191
domains, google, search
Toggles Suck!12,190
toggles, design, usability, user-experience
Run JavaScript/Wasm in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey12,189
javascript, webassembly, python, spidermonkey
Mastering Git Shortcuts: A Guide to Git Aliases12,188
guides, git, aliases, productivity
If Web Components Are So Great, Why Am I Not Using Them? (dav)12,187
web-components
How to Define an Array of Colors With CSS (css/sma)12,186
how-tos, css, arrays, colors
How “position: absolute” Works in CSS Grid (zor/css)12,185
videos, css, grids, layout
Do We Need WCAG 3 (Now)? (yat)12,184
accessibility, wcag, standards
Design Systems Management From Bottom–Up12,183
design-systems, processes
Adapting Typography to User Preferences With CSS (arg)12,182
typography, css, customization
Speeding Up V8 Heap Snapshots (jda)12,181
javascript, javascript-engines, v8, performance, memory
Complete Guide to Human–Computer Interaction (HCI)12,180
guides, hci
You Probably Don’t Need “http-equiv” Meta Tags (rvi)12,179
html, metadata, http, performance
What Is Platform Engineering (and What Is It Not)?12,178
platform-engineering
The Web Development Glossary 3K (j9t/fro)12,177
books, frontend-dogma, learning, training, concepts, terminology
The Future of Design Systems Is Semantic (fig)12,176
design-systems, design-tokens, processes
Release Notes for Safari Technology Preview 175 (jon/web)12,175
release-notes, browsers, apple, safari
How to Make Your Captions and Audio Descriptions WCAG-Compliant12,174
how-tos, multimedia, captions, compliance, wcag, accessibility
Publishing With npm Provenance From Private Source Repositories Is No Longer Supported12,173
github, npm, provenance, security, foss
How I Name and Arrange My Color Variables in Figma12,172
colors, variables, figma, conventions
Be an Active Ally for Those Living With Disabilities (wom)12,171
accessibility, dei
CrBug Release Indicator (bra)12,170
browsers, chromium, tooling
The Joy of Simplicity in Web Development (cfe)12,169
simplicity, processes
Testing a Component’s Accessibility12,168
videos, accessibility, testing, components
Tailwind, and the Death of Web Craftsmanship12,167
tailwind, craft, quality
Is Jamstack Officially Finished? (rem)12,166
tech-stacks, jamstack, community
How to Use CSS “aspect-ratio”12,165
how-tos, css, aspect-ratio
Help Design the Inaugural “State of HTML” Survey (lea)12,164
html, community
Solving the Accessibility Palette Riddle (uxd)12,163
accessibility, colors, color-palettes
Application State Management With Angular Signals12,162
state-management, angular, signals
What to Do When Your Developers Don’t Collaborate12,161
processes, collaboration
Web Accessibility in High-Risk Segments (kar)12,160
accessibility, compliance, legal
Vision for W3C (cdu/w3c)12,159
outlooks, web, web-platform, standards, w3c
The Rise of Minimalism in Web Design: Less Is More12,158
minimalism, design
The Excellent Arc Browser Is Now Available for Anyone to Download (dav/ver)12,157
browsers, arc, the-browser-company
Social Engineering Campaign Targeting Tech Employees Spreading Through npm Malware (soc)12,156
security, malware, npm
Promises Training12,155
javascript, promises, training, courses
Microservices vs. Micro Frontends: What’s the Difference?12,154
microservices, micro-frontends, comparisons
Fetching Data From an HTTP API With Python (sil)12,153
data-fetching, apis, python
Combining Data With Multiple Fetch Requests (ste)12,152
javascript, arrays, data-fetching
Blockquotes in Screen Readers (aar)12,151
accessibility, screen-readers, support, html
WebKit Features in Safari 16.6 (jen/web)12,150
release-notes, browsers, apple, safari, webkit
Understanding the WCAG 3 Working Draft Update12,149
accessibility, wcag
The Problem With Auto-Generated Alternative Texts for Images (dni)12,148
accessibility, ai, writing
The New “X” Button Doesn’t Close the Website12,147
user-experience, community, social-media
SVG Gradients: Solving Curved Challenges12,146
svg, images, gradients
Securing the Web Forward: Addressing Developer Concerns in Web Security (tor/w3c)12,145
security, web, surveys
I Blame the W3C’s HTML Standard for Ordered Lists (sid)12,144
html, lists, semantics
Getting Started With Pico CSS (log)12,143
introductions, pico
Eleventy SMACSS (jus)12,142
eleventy, smacss, css
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)12,141
performance, web-vitals, seo
Benefits of Integrating UX Into Your Overall Business Strategy (uxm)12,140
user-experience, strategies
6 Ways ChatGPT Can Improve Your SEO (moz)12,139
ai, chatgpt, seo, metadata, code-generation
10 Simple CSS and JavaScript Micro-Interactions for Buttons12,138
css, javascript, buttons, effects
A Comprehensive Comparison of Bootstrap, Tailwind CSS, Windi CSS, and UnoCSS: Features, Pros, and Cons12,137
comparisons, bootstrap, tailwind, unocss
Using Imagery in Visual Design (nng)12,136
design, images, content
Good Code Is— (j9t)12,135
quality, terminology
Effective Code Reviews (add)12,134
code-reviews, processes, learning, career
Installing Multiple Versions of Node.js Using nvm12,133
nodejs, nvm
Enable Hover Conditionally in CSS (ami)12,132
css, hover
Why Learning to Program Is Easier Now, but Also Way Harder Than Before12,131
programming, learning, productivity, developer-experience
The Art of Looking Back: A Critical Reflection for Individual Contributors (sma)12,130
processes, career, productivity
How SEOs and UX Designers Can Work Better Together (moz)12,129
seo, user-experience, design, collaboration
CSP Testing Using Cypress (bah)12,128
csp, testing, cypress
Accessible Animated GIF Alternatives (tyl/clo)12,127
accessibility, animations, gif, multimedia, comparisons
What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) (jec)12,126
videos, dev-tools, browsers, google, chrome, network, webassembly, release-notes
Web Content Accessibility Guidelines (WCAG) 2.2 (w3c)12,125
accessibility, guidelines, wcag, standards
We Deleted More Than 5,000 Pages From Our College Website—Here’s Why12,124
accessibility, quality, maintenance
How to Use CSS “object-fit” and “object-position”12,123
how-tos, css, images
Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (add)12,122
programming, quality, maintainability, communication
From Mid to Senior: Time Management and Prioritization12,121
career, productivity, prioritization
Ember JS Essentials: A Beginner’s Guide12,120
fundamentals, guides, emberjs
DX in the Frontend Developer Ecosystem (ste)12,119
videos, developer-experience
Design Systems: Avoiding Common Pitfalls (vig)12,118
design-systems
CSS Cascade Layers (odd)12,117
videos, css, cascade
A Guide to Perfecting Pull Requests12,116
git, code-reviews, collaboration, foss
SvelteKit in 100 Seconds (fir)12,115
videos, introductions, sveltekit
What Is the Bento UI Trend, and How Can You Get Started? (web)12,114
design, trends
Visually Hidden Links With 0 Dimensions (mat)12,113
hiding, accessibility, links, focus, apple, safari
User Input Sanitization and Validation: Securing Your App12,112
security, sanitization, validation, conformance
How to Build and Deploy a Modern Day Next.js Application12,111
how-tos, nextjs, building, deploying
How Platform Teams Get Stuff Done (ph1/mfo)12,110
productivity, processes, platform-engineering
Encoding: A Brief History and Its Role in Cybersecurity12,109
encoding, unicode, security, history
11ty: Index All The Things! (lea)12,108
eleventy, pagination
An Introduction to LangChain, Python, and OpenAI12,107
introductions, langchain, python, openai, ai
Figma Now Supports “rem” Units: Understanding the Use and Benefits (uxd)12,106
figma, css, units, support
Signals Make Angular Much Easier12,105
angular, signals
Getting Started With CSS Nesting (kev)12,104
videos, introductions, css, nesting
Getting Instant Return From Your Accessibility Testing (kar)12,103
accessibility, testing
Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately?12,102
discussions, javascript, frameworks
Upgrading an Ancient React Application12,101
react, maintenance
The Power of Git: A Guide to Collaborative Version Control (bek/ope)12,100
guides, git, collaboration
The 10 Commitments of an Agile Leader12,099
agile, processes, collaboration, leadership, engineering-management
O “dialog” Focus, Where Art Thou? (mat)12,098
accessibility, modals, html, focus
Node.js Security Progress Report—17 Reports Closed (ope)12,097
nodejs, security
Fluid vs. Responsive Typography With CSS Clamp (its/log)12,096
css, functions, typography, responsive-design
Advanced Positioning in CSS Grid (zor/css)12,095
videos, css, grids, positioning, layout
5 Inconvenient Truths About TypeScript (dea)12,094
typescript, javascript, complexity
What Is TanStack12,093
tanstack, vercel
It’s All About Complexity (max)12,092
complexity
Using Emoji on the Web (oll)12,091
emoji, fonts, support, unicode
Stick to Boring Architecture for as Long as Possible (add)12,090
architecture
How I Structured My Design System Using Figma’s New Variables (uxd)12,089
design-systems, design-tokens, figma, variables
Lightweight JavaScript Framework Review (for Django Developers)12,088
javascript, frameworks, comparisons, link-lists, django
WordPress 6.3 to Introduce a Development Mode (sar)12,087
wordpress
React-ing to Accessibility: Building Accessible Forms That Everyone Can Use (uxd)12,086
accessibility, forms, react, testing
Writing CSS in 2023: Is It Any Different Than a Few Years Ago? (geo/sma)12,085
css
Scroll Progress Animations in CSS (mic/mdn)12,084
css, scrolling, animations, progress-indicators
Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” (kar)12,083
accessibility, interoperability, screen-readers, assistive-tech, jaws
Figma Typography Secrets—Seven Pro Tips Revealed (pim)12,082
typography, figma
Down-and-Across Highlighting (mey)12,081
code-pens, css, tables, effects
A Comprehensive Beginner’s Guide to npm: Simplifying Package Management12,080
guides, npm, dependencies
15 Advanced TypeScript Tips for Development12,079
typescript, tips-and-tricks
Why Design Systems Fail12,078
design-systems, lessons
[WebKit] Standards Positions (web)12,077
webkit, standards, support
Useful Functions for [an] HTTP Server12,076
deno, servers, http, functions
Mock JSON API Endpoints for Testing (ami)12,075
json, apis, testing
Implementing Responsive Grids With Tailwind CSS: An In-Depth Guide12,074
guides, tailwind, responsive-design, grids, layout
Getting Started With Tailwind CSS: A Quick-Start Guide12,073
introductions, guides, tailwind
CSS Findings From the Threads App (sha)12,072
css, case-studies, facebook+meta
Building a Responsive Table With Tailwind CSS: A Comprehensive Guide12,071
guides, tables, tailwind
Better Roadmaps12,070
project-management, processes
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II (dbo)12,069
leadership, dei, accessibility
A Case Study on Scroll-Driven Animations Performance12,068
animations, scrolling, performance, css, javascript
3 Common Types of Test Automation12,067
testing, automation
How to Use Your Intuition in Your Product Design Process (uxd)12,066
how-tos, design, product-management, processes
Preload vs. Early Hints vs. Fetch Priority12,065
videos, performance, html, http, hints, comparisons, preloading
Top 20 Must-Know Tips for Web Accessibility12,064
accessibility, tips-and-tricks
The Magic of Empty Git Commit12,063
git, command-line
The alt-text.org Project Is Moving Forward (han)12,062
accessibility, writing
Release Notes for Safari Technology Preview 174 (mar/web)12,061
release-notes, browsers, apple, safari
Recent Design12,060
websites, design, link-lists
JPEG XL: How It Started, How It’s Going12,059
images, compression, jpeg-xl
How AI Is Making Web Design More Efficient (web)12,058
ai, design, efficiency
From Nunjucks to Liquid (mor)12,057
template-engines, nunjucks, liquid, migrating
Developer’s Research Process (cit)12,056
research, processes
Arrays and Tuples in TypeScript (fro)12,055
typescript, arrays
TypeScript and the Dawn of Gradual Types (rww)12,054
typescript
Organize TypeScript Types With Namespaces12,053
typescript, namespaces
Loading and Progress Indicators (uxd)12,052
performance, user-experience, design-patterns, progress-indicators
A Guide to Variables in Figma12,051
guides, variables, figma
Tailwind CSS Tips and Tricks Worth Knowing (bui)12,050
tailwind, tips-and-tricks
Storing Data in Control Flow (rsc)12,049
programming
Sass Features in CSS (chr)12,048
css, sass
Permission (ada)12,047
web, seo, google
My Journey to Learning CSS (kev)12,046
videos, css, learning
Introduction to CSS Grid: A Comprehensive Guide12,045
guides, css, grids, layout
Getting Started With Vector Databases in Node.js12,044
introductions, nodejs, databases, vector-databases
Tree Shaking in JavaScript12,043
javascript, performance, tree-shaking
The Anatomy of a Perfect Landing Page That Converts (uxm)12,042
landing-pages, user-conversion
Mockups Explained (uxm)12,041
design, processes
Making Numbers in Web Content Accessible (ons/tpg)12,040
accessibility
JavaScript Debounce, Easiest Explanation (With Code)12,039
debouncing, javascript
Invisible Details of Interaction Design12,038
interaction-design, design, user-experience
How to Prevent Unnecessary React Component Re-Rendering12,037
how-tos, react, client-side-rendering, performance
Getting Started—Understanding the History of Web Accessibility12,036
videos, introductions, accessibility, history
Find Memory Leaks by Comparing Heap Snapshots (pat/dev)12,035
memory, dev-tools, browsers, google, chrome, microsoft, edge
Developing Inclusivity Features (uxm)12,034
design, accessibility, dei
Data-Driven Design: The Rise of Big Data in UX (uxm)12,033
design, metrics, user-experience
What Is Asset Fingerprinting (or Cache Busting) and How It Works in ReactJS12,032
caching, fingerprinting, react
React Design Patterns12,031
react, software-design-patterns
How to Improve the Release Frequency of Your Team?12,030
how-tos, releasing, processes, agile, scrum
Getting Started With Jekyll: A Powerful Ruby-Based Static Site Generator12,029
introductions, jekyll
All the Places Where You Can Use “prefers-color-scheme” Media Query (ami)12,028
css, media-queries, javascript, html, dark-mode
Awesome List of Free CSS [Generators]12,027
link-lists, css, code-generation, tooling
The Decline in Design (Thinking) (uxd)12,026
design, user-experience
Use Case-Driven Standards Development12,025
standards
New Viewport Units (sha)12,024
viewport, css, units, responsive-design
Deploying a Fastify and Vue 3 Static Site to Heroku12,023
deploying, fastify, vuejs, heroku
The New “@font-face” Syntax (oll)12,022
css, fonts
htmx in 100 Seconds (fir)12,021
videos, introductions, htmx
Strategic UX Research Is the Next Big Thing (uxd)12,020
user-experience, research, strategies
Unleashing Lightning CSS12,019
css, tooling, lightning-css
Testing the Dark Scenarios of Your Node.js Application12,018
nodejs, testing
Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (css/sma)12,017
css, effects, images
From Hacks to Elegance: Transforming a Card Component With Modern CSS Wizardry (9el)12,016
components, css, refactoring, maintenance
Four Lenses of Productivity12,015
research, productivity
URL Explained: The Fundamentals (itt)12,014
terminology
There’s No Such Thing as a “Normal” User (kar)12,013
accessibility
The Case Against Self-Closing Tags in HTML (jaf)12,012
html
Offset Parent and Stacking Context: Positioning Elements in All Three Dimensions (kil/pol)12,011
css, positioning, layout
Just Normal Web Things (hbu)12,010
web, user-experience
Is Lighthouse a Misleading Performance Tool?12,009
performance, google, lighthouse, web-vitals, tooling
An Introduction to Native CSS Nesting (cra)12,008
introductions, css, nesting
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace (dbo)12,007
leadership, dei, accessibility
Redundancy Is Great12,006
information-design
When User Testing Sessions Bring Up Trauma (uxd)12,005
user-experience, testing
Understanding JWTs: A Simple Guide for Beginners12,004
guides, json-web-tokens
Resources for Procurement of Accessible Digital Products and VPAT (den)12,003
accessibility, vpat-acr, conformance, tooling, link-lists
Origin Trials and Tribulations (rvi)12,002
web-platform, browsers, metrics
Multithreading With Worker Threads in Node.js (app)12,001
nodejs, multithreading, worker-threads
Introduction to the Kanban Framework: A Beginner’s Guide to Agile Project Management12,000
introductions, guides, kanban, agile, project-management
How to Validate HTML On-Line at W3C (wie)11,999
how-tos, html, conformance, tooling
Displaying Your Full-Sized YouTube Thumbnail or a Custom OG Image in a Twitter Card (phi)11,998
youtube, twitter+x, open-graph, social-media, metadata, images
CSS Only Floating Labels11,997
css, floats, forms, labels
Creating SVG Animations Using Tailwind CSS11,996
svg, images, animations, tailwind
Can We Query the Root Container? (mia/odd)11,995
css, container-queries
Build a Simple Beginner App With Node, Bootstrap, and MongoDB11,994
web-apps, nodejs, bootstrap, mongodb
Making the Switch: From Yarn/npm to pnpm11,993
migrating, yarn, npm, pnpm
The Power of CSS Preprocessors: Less vs. Sass vs. Stylus11,992
css, preprocessors, less, sass, stylus, comparisons
Introduction to MongoDB and NoSQL Databases11,991
introductions, databases, mongodb
See What’s New in Firefox [115.0] (moz)11,990
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,989
performance, user-experience, user-conversion, metrics, economics
The Trick to Smoothly Animating Shadows in CSS (kev)11,988
videos, css, animations, shadows
The “article” Element and Screen Readers (mat)11,987
html, screen-readers, accessibility, support
Design for the Web Without Figma11,986
design, tooling
Are We There Yet? (svg)11,985
css, colors, history
90s Websites—Key Characteristics and Examples11,984
design, history, trends, navigation, colors, typography
Your Browser May Be Having a Secret Relationship With a Screen Reader (kno)11,983
accessibility, browsers, screen-readers, assistive-tech
Understanding SVG Paths11,982
svg, images
HTML Form Validation Using Cypress11,981
forms, validation, cypress
How I Am Blogging the IndieWeb Way (liz)11,980
blogging, indieweb, automation
Differences Between vi and Vim Text Editors Explained11,979
vi+vim, code-editors, comparisons
ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA (pop)11,978
how-tos, accessibility, aria, auditing
And 4 More HTML Concepts You Didn’t Know (j9t)11,977
html, concepts, web-components
How to Use Node.js to SSH Into Remote Servers: A Comprehensive Guide11,976
how-tos, guides, nodejs, command-line, servers, ssh
AI and the Automation of Work11,975
ai, automation, processes
4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (ada)11,974
design, principles, user-experience, dei
How to Measure the Impact of a Design System? (uxd)11,973
how-tos, design-systems, metrics
The Big Problem With Variables in Figma (uxd)11,972
figma, variables
How to Tackle Docker and Kubernetes for Frontend11,971
how-tos, containerization, docker, kubernetes
Setting Expectations for the Node.js Test Runner (cji)11,970
nodejs, testing
State of the Web: Deno11,969
deno
Observing Node.js Processes With eBPF11,968
monitoring, nodejs
In Defence of “DOM­Content­Loaded” (css)11,967
javascript, dom, performance
Identify Unused npm Packages in Your Project (ami)11,966
npm, dependencies, maintenance
Designers Who Code, What Is It Good For? (fra)11,965
design, career
Angular Is Getting New Template Syntax (dan)11,964
angular
New to the Web Platform in June (rac)11,963
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
The “details” Element and In-Page Search (mat)11,962
html, disclosure-widgets, search, browsers, user-experience
React Developers Love Preact, Here’s Why (hac)11,961
react, preact, comparisons
Introduction to JSX11,960
introductions, jsx, react
CommonJS Is Hurting JavaScript (den)11,959
javascript, commonjs
The Importance of Verifying Webhook Signatures11,958
security, webhooks
WCAG 2.2, Quick and Simplified11,957
wcag, accessibility, standards
Accessible Overlays Aren’t Accessible (uxd)11,956
accessibility, overlays
What’s the Perfect Design Process? (vit/sma)11,955
design, processes
What’s Next for Redux With Mark Erikson (ace)11,954
videos, interviews, react, redux, state-management
Understanding TypeScript Generators (log)11,953
typescript
Under-Engineered Comboboxen? (aar)11,952
forms, html, css, accessibility
Solved: Tricky Floating Image Alignment (tyl/clo)11,951
css, floats, layout, alignment, responsive-design
JavaScript Gom Jabbar11,950
javascript
Introduction to MySQL Data Types11,949
databases, mysql, types
How to Build Things People Want to Use11,948
how-tos, user-experience
Combat Accessibility Decay: How to Maintain Ongoing Accessibility11,947
how-tos, accessibility, processes
An Introduction to the View Transitions API (cra)11,946
introductions, css, view-transitions, apis
Feature Flags Configuration, Instrumentation, and Use (git)11,945
videos, feature-management, releasing, testing
The SOLID Principles: Writing Scalable and Maintainable Code11,944
principles, solid, scalability, maintainability
Comparing npm, Yarn, and pnpm Package Managers: Which One Is Right for Your Distributed Project to Handle High Loads?11,943
npm, yarn, pnpm, comparisons, performance, best-practices
Getting Started With Native Design Tokens in Figma (luk/uxd)11,942
design-tokens, figma, introductions
JavaScript Console Methods: A Deep Dive11,941
javascript, console, methods, debugging, deep-dives
Why You Must Commit to Grounding Every DEI-Related Effort With Data11,940
interviews, dei, processes, metrics
Web and App ADA Lawsuits: 6 Trends So Far in 202311,939
accessibility, ada, legal, trends
Release Notes for Safari Technology Preview 173 (jen/web)11,938
release-notes, browsers, apple, safari
Position-Driven Styles (kiz)11,937
css, animations
On Feedback11,936
communication, collaboration, culture
How to Use CSS “background-size” and “background-position”11,935
how-tos, css, backgrounds
Form and Search Landmarks (mat)11,934
html, aria, forms, browsers, assistive-tech, support
4 Ways to Improve Mobile Accessibility (kar)11,933
accessibility, mobile
Demystifying JavaScript Operators: What Does That Symbol Mean?11,932
javascript, operators
The Massive Bug at the Heart of the npm Ecosystem11,931
npm, dependencies, security, bugs
The Fake Aura of Care in UX (uxd)11,930
user-experience
Amplify Design Values Through Building Design System (uxd)11,929
design, design-systems
What’s Next for JavaScript: New Features to Look Forward To (mar/the)11,928
javascript
Screen Magnification: Digital Accessibilitiy11,927
videos, accessibility, assistive-tech, screen-magnification
Popular DevTools Tips (pat/sma)11,926
browsers, dev-tools, tips-and-tricks
Feature Management and Feature Experimentation, Why You Should Do Both—How It Helps Both Product and Software Engineering Teams11,925
feature-management, experiments, testing, metrics
Building Sliding Cards With “position: sticky;” (sar)11,924
css
Tips for Upgrading Your Techstack for Faster Frontend Development11,923
tips-and-tricks, tech-stacks, productivity, efficiency, modernization
What Does the Image “decoding” Attribute Actually Do? (tun)11,922
html, attributes, images, performance
Faking a “:snapped” Selector With Scroll-Driven Animations (bra)11,921
css, selectors, animations, scrolling
What’s Your Type? Try These Tests to Pick the Perfect Font for You (was)11,920
design, typography, fonts
Transition Between Pages Smoothly With a Single Line of Code (cit)11,919
css, transitions
Top Tips From a Web Accessibility Evaluator at WebAIM (web)11,918
accessibility, webaim, auditing, tips-and-tricks
The Novel Engines: Servo (bka+/iga)11,917
podcasts, browser-engines, servo, browsers
Qwik Introduction—a Framework That Goes Fast11,916
videos, introductions, qwik
Mapping Typography (sco/9el)11,915
videos, typography, css
Magnification and Zoom Accessibility Guide—Everything You Need to Know11,914
guides, accessibility, screen-magnification, zooming
Live Regions in React11,913
react, aria, live-regions, accessibility
Learn How to Use Hue in CSS Colors With HSL (bsm/mdn)11,912
how-tos, colors, css
Going Beyond Constants With Custom Properties (uti/iod)11,911
css, custom-properties
AI Is Killing the Old Web, and the New Web Struggles to Be Born (ver)11,910
ai, web
A Beginner’s Guide to Laravel: Introduction and Key Features11,909
guides, introductions, laravel
Understanding Space-Based Architecture11,908
architecture
Mixing Colors With CSS (mrt)11,907
colors, css
An Introduction to Parser Combinators11,906
introductions, parsing
Introduction to Cloud Computing11,905
introductions, cloud-computing
XML Is the Future11,904
web, processes
WebSockets 101 (thi)11,903
introductions, protocols, websockets
Using BEM for Design System Tokens11,902
css, bem, design-tokens, conventions
An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript11,901
introductions, security, vulnerabilities, nodejs, javascript
Choosing a Color Palette (nng)11,900
videos, design, colors, color-palettes
Understanding Authorization Before Authentication: Enhancing Web API Security11,899
authorization, authentication, apis, security, comparisons
The Case for Variables11,898
sass, css, variables, custom-properties, json, figma
Text Wrap Pretty Is Coming to CSS (ami)11,897
css, typography
Debugging INP (scr)11,896
videos, performance, debugging, web-vitals
Converting [a] JavaScript Codebase to TypeScript11,895
javascript, typescript, migrating, refactoring
All You Need to Know About CORS and CORS Errors11,894
security, cors, errors
Component Driven User Interface Testing (CDUIT)11,893
components, testing
The Unlikely Story of UTF-8: The Text Encoding of the Web11,892
unicode, history
The Cost of JavaScript 2023 (add)11,891
videos, javascript, performance
Introducing the MDN Playground: Bring Your Code to Life (mdn)11,890
introductions, mozilla, mdn, documentation, testing
Future CSS: State Container Queries (sha)11,889
css, container-queries
Announcing Svelte 4 (sve)11,888
release-notes, svelte
WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted (deq)11,887
wcag, accessibility, testing, axe
Debugging Commands Every Linux Administrator Should Know11,886
debugging, command-line, unix-like
How Designers Can Beat AI at Design (uxd)11,885
design, ai
Designing for Inclusion (uxd)11,884
design, dei, accessibility
Using Multiple Selectors With JavaScript Selector Methods (cfe)11,883
javascript, selectors, methods
What Exactly Is [the] “:root” Pseudo-Element in CSS? (zor/css)11,882
videos, css, selectors
Too Much JavaScript? Why the Frontend Needs to Build Better (low/the)11,881
javascript, web-platform, performance
The 5 Pillars of Every HTTP Request11,880
http
Design Systems Directory11,879
websites, design-systems
CSS in Micro Frontends11,878
css, micro-frontends
Cascade Layers Are Useless * (mat)11,877
css, cascade
Creating a Flexible Design Token Taxonomy for Intuit’s Design System11,876
design-tokens, design-systems
W3C Launch Their New Website (sim/stu)11,875
w3c
Top 6 AI Coding Assistants in 202311,874
ai, tooling
Three Key Principles for an Accessible Website11,873
principles, accessibility
Thoughts From “Meet Safari for Spatial Computing” (jim)11,872
apple, safari, spatial-web, accessibility, responsive-design
Style Your RSS Feed (dar)11,871
css, syndication, rss, atom
State of CSS 2023 (sac/dev)11,870
surveys, css
Making Your Design Tokens Future-Proof (and)11,869
design-tokens
Continuous Accessibility (a11)11,868
websites, accessibility, processes
Authentication vs. Authorization11,867
authentication, authorization, comparisons
Can Web Developers Be Held Liable?11,866
accessibility, legal
ExtJS for Beginners11,865
extjs
Why UX Testing Is Critical to Your Web Site’s Success (uxm)11,864
user-experience, testing
Radix UI Component With Next.js and Tailwind CSS11,863
videos, components, radix, nextjs, tailwind
Packaging and Selling a Node.js App11,862
nodejs
Gatsby Headaches and How to Cure Them: I18N II (mon/sma)11,861
gatsby, internationalization
Button Types (ada)11,860
html, buttons
Balancing Users’ Needs and Business Goals in UX Design (uxm)11,859
user-experience, design
Balancing Users’ Data Privacy and the User Experience (uxm)11,858
privacy, user-experience
It Depends—Exploring My Favourite Renovate Features for Dependency Updates (kal)11,857
dependencies, maintenance, renovate, configuration
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)11,856
navigation, scrolling, user-experience
The New CSS (mat)11,855
css, design, web-platform
Import Maps to Natively Import JavaScript Modules Using Bare Names (ami)11,854
javascript, import-maps
How to Clean Up Your Local Repository With Git Commands (thi)11,853
how-tos, git, command-line, maintenance
It’s Time for Dimensional Thinking in Design (uxd)11,852
design, ai
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples11,851
tutorials, guides, databases, indexeddb, examples
Git Concepts Everyone Should Know (fra)11,850
git, concepts
Wolvic 1.4 Released (wol)11,849
release-notes, wolvic, igalia, browsers
TypeScript 5.2’s New Keyword: “using” (mat)11,848
typescript
The Five Types of People Who Produce Inaccessible Code (eri)11,847
accessibility, community
Standardising Design Tokens (oll)11,846
design-tokens, conventions
Scoping (mat)11,845
css, scope
Create React UI Lib: Component Library Speedrun11,844
typescript, react, components, npm
Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra)11,843
css, animations, transitions, scrolling, custom-properties, style-queries
What’s UnAI-Able11,842
ai
What Are Deceptive Patterns?11,841
user-experience, dark-patterns
Top 10 Things You Should Add While Coding: Valuable Tips for Programmers11,840
tips-and-tricks, programming
The Next Phase of Eleventy: Return of the Side Project (zac)11,839
eleventy
HTML Imports (w3c)11,838
html
How to Add a CSS Reveal Animation to Your Images (css)11,837
how-tos, css, animations, images
Django: A Security Improvement Coming to “format_html()” (ada)11,836
django, security, html
An Explosion in Software Engineers Using AI Coding Tools? (ger)11,835
ai, code-completion, productivity
A Guide to Coding Standards to Improve Code Quality11,834
guides, conventions, formatting, consistency, quality
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)11,833
accessibility, testing, forms
Simplify Email Development With MJML: A Beginner’s Guide11,832
email, mjml, guides
How (and Should?) We Stop the Infinite Scroll (uxd)11,831
user-experience, scrolling
Using Color Wheel Combinations in Your Designs (web)11,830
colors, design
Puppeteer in Node.js: More Antipatterns to Avoid (app)11,829
nodejs, scraping, testing, anti-patterns, puppeteer
npm Won’t Publish Packages Containing the Word “keygen”11,828
discussions, npm, dependencies
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sma)11,827
how-tos, svelte, sveltekit, web-apps, server-side-rendering
End-to-End Tracing11,826
observability, tracing, case-studies
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)11,825
design, accessibility, css, comparisons
Cyclic Dependency Space Toggles (kiz)11,824
toggles, css, custom-properties
Nuxt in 100 Seconds (fir)11,823
videos, introductions, nuxt
When and Why to Use a Click Test11,822
usability, testing
Tuesday, June 20, 2023 Security Releases (raf/nod)11,821
release-notes, nodejs, security
The Gotchas of CSS Nesting (kil)11,820
css, nesting
Rebuilding a Comment Component With Modern CSS (sha)11,819
functionality, components, css
Chrome for Testing: Reliable Downloads for Browser Automation (mat)11,818
browsers, google, chrome, testing
Naming Components11,817
design-systems, components, naming
Positioning Anchored Popovers (hdv)11,816
pop-overs, css, positioning
“margin-trim” as a Best Practice? (chr)11,815
css, margins
Gatsby Headaches and How to Cure Them: I18N (mon/sma)11,814
gatsby, internationalization
Blur Vignette Effect in CSS11,813
css, effects
Bottom Sheets: Definition and UX Guidelines (nng)11,812
terminology, guidelines, mobile, user-experience
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)11,811
css, web-platform
How to Learn Programming11,810
how-tos, learning, programming
How to Highlight Required and Optional Form Fields (ada)11,809
how-tos, forms, mistakes, usability
CSS! CSS! CSS! (mat)11,808
css, community
TypeScript Book11,807
books, typescript
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now11,806
html, viewport, metadata, accessibility, responsive-design
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)11,805
videos, css, scrolling, animations, view-transitions
CSS Containers, What Do They Know? (mia/css)11,804
videos, css, container-queries
That’s Not How I Wrote CSS Three Years Ago (mat/css)11,803
videos, css, support
Shining Light on the Shadow DOM (cas/css)11,802
videos, shadow-dom, dom
An Introduction to DevOps11,801
introductions, dev-ops
Modern CSS for Dynamic Component-Based Architecture (5t3)11,800
css, architecture, components
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)11,799
videos, css, browsers, microsoft, internet-explorer, support, history
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)11,798
design, strategies
Best Animation Libraries for React11,797
libraries, animations, react, link-lists
Must Know JavaScript API—IndexedDB API11,796
databases, indexeddb, javascript, apis
State of the CSS Community (una/css)11,795
videos, css, community
Why Doesn’t CSS Have Scope? (hey/css)11,794
videos, css, scope