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