Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 Hide

Frontend Dogma

News and Tools for Web Developers (16)

→ 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#
Understanding the WCAG 3 Working Draft Update11,432
accessibility, wcag
The Problem With Auto-Generated Alternative Texts for Images (dni)11,431
accessibility, ai, writing
The New “X” Button Doesn’t Close the Website11,430
user-experience, community, social-media
SVG Gradients: Solving Curved Challenges11,429
svg, images, gradients
Securing the Web Forward: Addressing Developer Concerns in Web Security (tor/w3c)11,428
security, web, surveys
I Blame the W3C’s HTML Standard for Ordered Lists (sid)11,427
html, lists, semantics
Getting Started With Pico CSS (log)11,426
introductions, pico
Eleventy SMACSS (jus)11,425
eleventy, smacss, css
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)11,424
performance, web-vitals, seo
Benefits of Integrating UX Into Your Overall Business Strategy (uxm)11,423
user-experience, strategies
6 Ways ChatGPT Can Improve Your SEO (moz)11,422
ai, chatgpt, seo, metadata, code-generation
10 Simple CSS and JavaScript Micro-Interactions for Buttons11,421
css, javascript, buttons, effects
A Comprehensive Comparison of Bootstrap, Tailwind CSS, Windi CSS, and UnoCSS: Features, Pros, and Cons11,420
comparisons, bootstrap, tailwind, unocss
Using Imagery in Visual Design (nng)11,419
design, images, content
Good Code Is— (j9t)11,418
quality, terminology
Effective Code Reviews (add)11,417
code-reviews, processes, learning, career
Enable Hover Conditionally in CSS (ami)11,416
css
Why Learning to Program Is Easier Now, but Also Way Harder Than Before11,415
programming, learning, productivity, developer-experience
The Art of Looking Back: A Critical Reflection for Individual Contributors (sma)11,414
processes, career, productivity
Installing Multiple Versions of Node.js Using nvm11,413
nodejs, nvm
How SEOs and UX Designers Can Work Better Together (moz)11,412
seo, user-experience, design, collaboration
CSP Testing Using Cypress (bah)11,411
csp, testing, cypress
Accessible Animated GIF Alternatives (tyl/clo)11,410
accessibility, animations, gif, multimedia, comparisons
What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) (jec/dev)11,409
videos, dev-tools, browsers, google, chrome, network, webassembly, release-notes
Web Content Accessibility Guidelines (WCAG) 2.2 (w3c)11,408
accessibility, guidelines, wcag, standards
We Deleted More Than 5,000 Pages From Our College Website—Here’s Why11,407
accessibility, quality, maintenance
How to Use CSS “object-fit” and “object-position”11,406
how-tos, css, images
Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (add)11,405
programming, quality, maintainability, communication
From Mid to Senior: Time Management and Prioritization11,404
career, productivity, prioritization
Ember JS Essentials: A Beginner’s Guide11,403
fundamentals, guides, emberjs
DX in the Frontend Developer Ecosystem (ste)11,402
videos, developer-experience
Design Systems: Avoiding Common Pitfalls (vig)11,401
design-systems
CSS Cascade Layers (odd)11,400
videos, css, cascade
A Guide to Perfecting Pull Requests11,399
git, code-reviews, collaboration, foss
What Is the Bento UI Trend, and How Can You Get Started? (web)11,398
design, trends
Visually Hidden Links With 0 Dimensions (mat)11,397
hiding, accessibility, links, focus, apple, safari
User Input Sanitization and Validation: Securing Your App11,396
security, sanitization, validation, conformance
SvelteKit in 100 Seconds (fir)11,395
videos, introductions, sveltekit
How to Build and Deploy a Modern Day Next.js Application11,394
how-tos, nextjs, building, deploying
How Platform Teams Get Stuff Done (ph1/mfo)11,393
productivity, processes, platform-engineering
Encoding: A Brief History and Its Role in Cybersecurity11,392
encoding, unicode, security, history
11ty: Index All The Things! (lea)11,391
eleventy, pagination
An Introduction to LangChain, Python, and OpenAI11,390
introductions, langchain, python, openai, ai
Figma Now Supports “rem” Units: Understanding the Use and Benefits (uxd)11,389
figma, css, units, support
Signals Make Angular Much Easier11,388
angular, signals
Getting Started With CSS Nesting (kev)11,387
videos, introductions, css, nesting
Getting Instant Return From Your Accessibility Testing (kar)11,386
accessibility, testing
Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately?11,385
discussions, javascript, frameworks
Upgrading an Ancient React Application11,384
react, maintenance
The Power of Git: A Guide to Collaborative Version Control (bek/ope)11,383
guides, git, collaboration
The 10 Commitments of an Agile Leader11,382
agile, processes, collaboration, leadership, engineering-management
O “dialog” Focus, Where Art Thou? (mat)11,381
accessibility, modals, html, focus
Node.js Security Progress Report—17 Reports Closed (ope)11,380
nodejs, security
Fluid vs. Responsive Typography With CSS Clamp (its/log)11,379
css, functions, typography, responsive-design
Advanced Positioning in CSS Grid (zor/css)11,378
videos, css, grids, positioning, layout
5 Inconvenient Truths About TypeScript (dea)11,377
typescript, javascript, complexity
What Is TanStack11,376
tanstack, vercel
It’s All About Complexity (max)11,375
complexity
Using Emoji on the Web (oll)11,374
emoji, fonts, support, unicode
Stick to Boring Architecture for as Long as Possible (add)11,373
architecture
How I Structured My Design System Using Figma’s New Variables (uxd)11,372
design-systems, design-tokens, figma, variables
Lightweight JavaScript Framework Review (for Django Developers)11,371
javascript, frameworks, comparisons, link-lists, django
React-ing to Accessibility: Building Accessible Forms That Everyone Can Use (uxd)11,370
accessibility, forms, react, testing
Writing CSS in 2023: Is It Any Different Than a Few Years Ago? (geo/sma)11,369
css
WordPress 6.3 to Introduce a Development Mode (sar)11,368
wordpress
Scroll Progress Animations in CSS (mic/mdn)11,367
css, scrolling, animations, progress-indicators
Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” (kar)11,366
accessibility, interoperability, screen-readers, assistive-tech, jaws
Figma Typography Secrets—Seven Pro Tips Revealed (pim)11,365
typography, figma
Down-and-Across Highlighting (mey)11,364
code-pens, css, tables, effects
A Comprehensive Beginner’s Guide to npm: Simplifying Package Management11,363
guides, npm, dependencies
15 Advanced TypeScript Tips for Development11,362
typescript, tips-and-tricks
Why Design Systems Fail11,361
design-systems, lessons
[WebKit] Standards Positions (web)11,360
webkit, standards, support
Useful Functions for [an] HTTP Server11,359
deno, servers, http, functions
Mock JSON API Endpoints for Testing (ami)11,358
json, apis, testing
Implementing Responsive Grids With Tailwind CSS: An In-Depth Guide11,357
guides, tailwind, responsive-design, grids, layout
Getting Started With Tailwind CSS: A Quick-Start Guide11,356
introductions, guides, tailwind
CSS Findings From the Threads App (sha)11,355
css, case-studies, facebook+meta
Building a Responsive Table With Tailwind CSS: A Comprehensive Guide11,354
guides, tables, tailwind
Better Roadmaps11,353
project-management, processes
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II (dbo)11,352
leadership, dei, accessibility
How to Use Your Intuition in Your Product Design Process (uxd)11,351
how-tos, design, product-management, processes
Preload vs. Early Hints vs. Fetch Priority11,350
videos, performance, html, http, hints, comparisons, preloading
Top 20 Must-Know Tips for Web Accessibility11,349
accessibility, tips-and-tricks
The Magic of Empty Git Commit11,348
git, command-line
The alt-text.org Project Is Moving Forward (han)11,347
accessibility, writing
Release Notes for Safari Technology Preview 174 (mar/web)11,346
release-notes, browsers, apple, safari
Recent Design11,345
websites, design, link-lists
JPEG XL: How It Started, How It’s Going11,344
images, compression, jpeg-xl
How AI Is Making Web Design More Efficient (web)11,343
ai, design, efficiency
From Nunjucks to Liquid (mor)11,342
template-engines, nunjucks, liquid, migrating
Developer’s Research Process (cit)11,341
research, processes
Arrays and Tuples in TypeScript (fro)11,340
typescript, arrays
A Case Study on Scroll-Driven Animations Performance (dev)11,339
animations, scrolling, performance, css, javascript
3 Common Types of Test Automation (dev)11,338
testing, automation
Loading and Progress Indicators (uxd)11,337
performance, user-experience, design-patterns, progress-indicators
A Guide to Variables in Figma11,336
guides, variables, figma
TypeScript and the Dawn of Gradual Types (rww/git)11,335
typescript
Tailwind CSS Tips and Tricks Worth Knowing (bui)11,334
tailwind, tips-and-tricks
Storing Data in Control Flow (rsc)11,333
programming
Sass Features in CSS (chr)11,332
css, sass
Permission (ada)11,331
web, seo, google
Organize TypeScript Types With Namespaces11,330
typescript, namespaces
My Journey to Learning CSS (kev)11,329
videos, css, learning
Introduction to CSS Grid: A Comprehensive Guide11,328
guides, css, grids, layout
Tree Shaking in JavaScript11,327
javascript, performance, tree-shaking
Getting Started With Vector Databases in Node.js11,326
introductions, nodejs, databases, vector-databases
The Anatomy of a Perfect Landing Page That Converts (uxm)11,325
landing-pages, user-conversion
Mockups Explained (uxm)11,324
design, processes
Making Numbers in Web Content Accessible (ons/tpg)11,323
accessibility
JavaScript Debounce, Easiest Explanation (With Code)11,322
debouncing, javascript
Invisible Details of Interaction Design11,321
interaction-design, design, user-experience
How to Prevent Unnecessary React Component Re-Rendering11,320
how-tos, react, client-side-rendering, performance
Getting Started—Understanding the History of Web Accessibility11,319
videos, introductions, accessibility, history
Find Memory Leaks by Comparing Heap Snapshots (pat/dev)11,318
memory, dev-tools, browsers, google, chrome, microsoft, edge
Developing Inclusivity Features (uxm)11,317
design, accessibility, dei
Data-Driven Design: The Rise of Big Data in UX (uxm)11,316
design, metrics, user-experience
What Is Asset Fingerprinting (or Cache Busting) and How It Works in ReactJS11,315
caching, fingerprinting, react
React Design Patterns11,314
react, software-design-patterns
How to Improve the Release Frequency of Your Team?11,313
how-tos, releasing, processes, agile, scrum
Getting Started With Jekyll: A Powerful Ruby-Based Static Site Generator11,312
introductions, jekyll
All the Places Where You Can Use “prefers-color-scheme” Media Query (ami)11,311
css, media-queries, javascript, html, dark-mode
Awesome List of Free CSS [Generators]11,310
link-lists, css, code-generation, tooling
The Decline in Design (Thinking) (uxd)11,309
design, user-experience
Use Case-Driven Standards Development11,308
standards
New Viewport Units (sha)11,307
viewport, css, units, responsive-design
Deploying a Fastify and Vue 3 Static Site to Heroku11,306
deploying, fastify, vuejs, heroku
Strategic UX Research Is the Next Big Thing (uxd)11,305
user-experience, research, strategies
Unleashing Lightning CSS11,304
css, tooling, lightning-css
The New “@ font-face” Syntax (oll)11,303
css, fonts
Testing the Dark Scenarios of Your Node.js Application11,302
nodejs, testing
Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (css/sma)11,301
css, effects, images
htmx in 100 Seconds (fir)11,300
videos, introductions, htmx
From Hacks to Elegance: Transforming a Card Component With Modern CSS Wizardry (9el)11,299
components, css, refactoring, maintenance
Four Lenses of Productivity11,298
research, productivity
URL Explained: The Fundamentals (itt)11,297
terminology
There’s No Such Thing as a “Normal” User (kar)11,296
accessibility
The Case Against Self-Closing Tags in HTML (jaf)11,295
html
Offset Parent and Stacking Context: Positioning Elements in All Three Dimensions (kil/pol)11,294
css, positioning, layout
Just Normal Web Things (hbu)11,293
web, user-experience
Is Lighthouse a Misleading Performance Tool?11,292
performance, google, lighthouse, web-vitals, tooling
An Introduction to Native CSS Nesting (cra)11,291
introductions, css, nesting
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace (dbo)11,290
leadership, dei, accessibility
When User Testing Sessions Bring Up Trauma (uxd)11,289
user-experience, testing
Understanding JWTs: A Simple Guide for Beginners11,288
guides, json-web-tokens
Resources for Procurement of Accessible Digital Products and VPAT (den)11,287
accessibility, vpat-acr, conformance, tooling, link-lists
Redundancy Is Great11,286
information-design
Origin Trials and Tribulations (rvi)11,285
web-platform, browsers, metrics
Multithreading With Worker Threads in Node.js (app)11,284
nodejs, multithreading, worker-threads
Introduction to the Kanban Framework: A Beginner’s Guide to Agile Project Management11,283
introductions, guides, kanban, agile, project-management
How to Validate HTML On-Line at W3C (wie)11,282
how-tos, html, conformance, tooling
Displaying Your Full-Sized YouTube Thumbnail or a Custom OG Image in a Twitter Card (phi)11,281
youtube, twitter+x, open-graph, social-media, metadata, images
CSS Only Floating Labels11,280
css, floats, forms, labels
Creating SVG Animations Using Tailwind CSS11,279
svg, images, animations, tailwind
Can We Query the Root Container? (mia/odd)11,278
css, container-queries
The Power of CSS Preprocessors: Less vs. Sass vs. Stylus11,277
css, preprocessors, less, sass, stylus, comparisons
Introduction to MongoDB and NoSQL Databases11,276
introductions, databases, mongodb
See What’s New in Firefox [115.0] (moz)11,275
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,274
performance, user-experience, user-conversion, metrics, economics
The Trick to Smoothly Animating Shadows in CSS (kev)11,273
videos, css, animations, shadows
The “article” Element and Screen Readers (mat)11,272
html, screen-readers, accessibility, support
Making the Switch: From Yarn/npm to pnpm11,271
yarn, npm, pnpm
Design for the Web Without Figma11,270
design, tooling
Build a Simple Beginner App With Node, Bootstrap, and MongoDB11,269
web-apps, nodejs, bootstrap, mongodb
Are We There Yet? (svg)11,268
css, colors, history
90s Websites—Key Characteristics and Examples11,267
design, history, trends, navigation, colors, typography
Your Browser May Be Having a Secret Relationship With a Screen Reader (kno)11,266
accessibility, browsers, screen-readers, assistive-tech
Understanding SVG Paths11,265
svg, images
HTML Form Validation Using Cypress11,264
forms, validation, cypress
How I Am Blogging the IndieWeb Way (liz)11,263
blogging, indieweb, automation
Differences Between vi and Vim Text Editors Explained11,262
vi+vim, code-editors, comparisons
ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA (pop)11,261
how-tos, accessibility, aria, auditing
And 4 More HTML Concepts You Didn’t Know (j9t)11,260
html, concepts, web-components
How to Use Node.js to SSH Into Remote Servers: A Comprehensive Guide11,259
how-tos, guides, nodejs, command-line, servers, ssh
AI and the Automation of Work11,258
ai, automation, processes
4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (ada)11,257
design, principles, user-experience, dei
How to Measure the Impact of a Design System? (uxd)11,256
how-tos, design-systems, metrics
The Big Problem With Variables in Figma (uxd)11,255
figma, variables
How to Tackle Docker and Kubernetes for Frontend11,254
how-tos, containerization, docker, kubernetes
Setting Expectations for the Node.js Test Runner (cji)11,253
nodejs, testing
State of the Web: Deno11,252
deno
Observing Node.js Processes With eBPF11,251
monitoring, nodejs
In Defence of “DOM­Content­Loaded” (css)11,250
javascript, dom, performance
Identify Unused npm Packages in Your Project (ami)11,249
npm, dependencies, maintenance
Designers Who Code, What Is It Good For? (fra)11,248
design, career
Angular Is Getting New Template Syntax (dan)11,247
angular
The “details” Element and In-Page Search (mat)11,246
html, disclosure-widgets, search, browsers, user-experience
React Developers Love Preact, Here’s Why (hac)11,245
react, preact, comparisons
New to the Web Platform in June (rac/dev)11,244
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Introduction to JSX11,243
introductions, jsx, react
CommonJS Is Hurting JavaScript (den)11,242
javascript, commonjs
The Importance of Verifying Webhook Signatures11,241
security, webhooks
WCAG 2.2, Quick and Simplified11,240
wcag, accessibility, standards
Accessible Overlays Aren’t Accessible (uxd)11,239
accessibility, overlays
What’s the Perfect Design Process? (vit/sma)11,238
design, processes
What’s Next for Redux With Mark Erikson (ace)11,237
videos, interviews, react, redux, state-management
Understanding TypeScript Generators (log)11,236
typescript
Under-Engineered Comboboxen? (aar)11,235
forms, html, css, accessibility
Solved: Tricky Floating Image Alignment (tyl/clo)11,234
css, floats, layout, alignment, responsive-design
JavaScript Gom Jabbar11,233
javascript
Introduction to MySQL Data Types11,232
databases, mysql, types
How to Build Things People Want to Use11,231
how-tos, user-experience
Combat Accessibility Decay: How to Maintain Ongoing Accessibility11,230
how-tos, accessibility, processes
An Introduction to the View Transitions API (cra)11,229
introductions, css, view-transitions, apis
Feature Flags Configuration, Instrumentation, and Use (git)11,228
videos, feature-management, releasing, testing
The SOLID Principles: Writing Scalable and Maintainable Code11,227
principles, solid, scalability, maintainability
Comparing npm, Yarn, and pnpm Package Managers: Which One Is Right for Your Distributed Project to Handle High Loads?11,226
npm, yarn, pnpm, comparisons, performance, best-practices
Getting Started With Native Design Tokens in Figma (luk/uxd)11,225
design-tokens, figma, introductions
JavaScript Console Methods: A Deep Dive11,224
javascript, console, methods, debugging, deep-dives
Why You Must Commit to Grounding Every DEI-Related Effort With Data11,223
interviews, dei, processes, metrics
Web and App ADA Lawsuits: 6 Trends So Far in 202311,222
accessibility, ada, legal, trends
Release Notes for Safari Technology Preview 173 (jen/web)11,221
release-notes, browsers, apple, safari
Position-Driven Styles (kiz)11,220
css, animations
On Feedback11,219
communication, collaboration, culture
How to Use CSS “background-size” and “background-position”11,218
how-tos, css, backgrounds
Form and Search Landmarks (mat)11,217
html, aria, forms, browsers, assistive-tech, support
4 Ways to Improve Mobile Accessibility (kar)11,216
accessibility, mobile
The Fake Aura of Care in UX (uxd)11,215
user-experience
Amplify Design Values Through Building Design System (uxd)11,214
design, design-systems
The Massive Bug at the Heart of the npm Ecosystem11,213
npm, dependencies, security
What’s Next for JavaScript: New Features to Look Forward To (mar/the)11,212
javascript
Screen Magnification: Digital Accessibilitiy11,211
videos, accessibility, assistive-tech, screen-magnification
Popular DevTools Tips (pat/sma)11,210
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,209
feature-management, experiments, testing, metrics
Demystifying JavaScript Operators: What Does That Symbol Mean?11,208
javascript, operators
Building Sliding Cards With “position: sticky;” (sar)11,207
css
What Does the Image “decoding” Attribute Actually Do? (tun)11,206
html, attributes, images, performance
Faking a “:snapped” Selector With Scroll-Driven Animations (bra)11,205
css, selectors, animations, scrolling
What’s Your Type? Try These Tests to Pick the Perfect Font for You (was)11,204
design, typography, fonts
Transition Between Pages Smoothly With a Single Line of Code (cit)11,203
css, transitions
Top Tips From a Web Accessibility Evaluator at WebAIM (web)11,202
accessibility, webaim, auditing, tips-and-tricks
Tips for Upgrading Your Techstack for Faster Frontend Development11,201
tips-and-tricks, tech-stacks, productivity, efficiency, modernization
The Novel Engines: Servo (bka+/iga)11,200
podcasts, browser-engines, servo, browsers
Qwik Introduction—a Framework That Goes Fast11,199
videos, introductions, qwik
Mapping Typography (sco/9el)11,198
videos, typography, css
Magnification and Zoom Accessibility Guide—Everything You Need to Know11,197
guides, accessibility, screen-magnification, zooming
Live Regions in React11,196
react, aria, live-regions, accessibility
Learn How to Use Hue in CSS Colors With HSL (bsm/mdn)11,195
how-tos, colors, css
Going Beyond Constants With Custom Properties (uti/iod)11,194
css, custom-properties
AI Is Killing the Old Web, and the New Web Struggles to Be Born (ver)11,193
ai, web
A Beginner’s Guide to Laravel: Introduction and Key Features11,192
guides, introductions, laravel
Understanding Space-Based Architecture11,191
architecture
Mixing Colors With CSS (mrt)11,190
colors, css
An Introduction to Parser Combinators11,189
introductions, parsing
Introduction to Cloud Computing11,188
introductions, cloud-computing
XML Is the Future11,187
web, processes
WebSockets 101 (thi)11,186
introductions, protocols, websockets
Using BEM for Design System Tokens11,185
css, bem, design-tokens, conventions
An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript11,184
introductions, security, vulnerabilities, nodejs, javascript
Choosing a Color Palette (nng)11,183
videos, design, colors, color-palettes
Understanding Authorization Before Authentication: Enhancing Web API Security11,182
authorization, authentication, apis, security, comparisons
The Case for Variables11,181
sass, css, variables, custom-properties, json, figma
Text Wrap Pretty Is Coming to CSS (ami)11,180
css, typography
Debugging INP (scr)11,179
videos, performance, debugging, web-vitals
Converting [a] JavaScript Codebase to TypeScript11,178
javascript, typescript, migrating, refactoring
All You Need to Know About CORS and CORS Errors11,177
security, cors, errors
Component Driven User Interface Testing (CDUIT)11,176
components, testing
The Unlikely Story of UTF-8: The Text Encoding of the Web11,175
unicode, history
The Cost of JavaScript 2023 (add)11,174
videos, javascript, performance
Introducing the MDN Playground: Bring Your Code to Life (mdn)11,173
introductions, mozilla, mdn, documentation, testing
Future CSS: State Container Queries (sha)11,172
css, container-queries
Announcing Svelte 4 (sve)11,171
release-notes, svelte
Debugging Commands Every Linux Administrator Should Know11,170
debugging, command-line, unix-like
How Designers Can Beat AI at Design (uxd)11,169
design, ai
Designing for Inclusion (uxd)11,168
design, dei, accessibility
Using Multiple Selectors With JavaScript Selector Methods (cfe)11,167
javascript, selectors, methods
What Exactly Is [the] “:root” Pseudo-Element in CSS? (zor/css)11,166
videos, css, selectors
WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted (deq)11,165
wcag, accessibility, testing, tooling
Too Much JavaScript? Why the Frontend Needs to Build Better (low/the)11,164
javascript, web-platform, performance
The 5 Pillars of Every HTTP Request11,163
http
Design Systems Directory11,162
websites, design-systems
CSS in Micro Frontends11,161
css, micro-frontends
Cascade Layers Are Useless * (mat)11,160
css, cascade
Creating a Flexible Design Token Taxonomy for Intuit’s Design System11,159
design-tokens, design-systems
W3C Launch Their New Website (sim/stu)11,158
w3c
Top 6 AI Coding Assistants in 202311,157
ai, tooling
Three Key Principles for an Accessible Website11,156
principles, accessibility
Thoughts From “Meet Safari for Spatial Computing” (jim)11,155
apple, safari, spatial-web, accessibility, responsive-design
Style Your RSS Feed (dar)11,154
css, syndication, rss, atom
State of CSS 2023 (sac/dev)11,153
surveys, css
Making Your Design Tokens Future-Proof (and)11,152
design-tokens
Continuous Accessibility (a11)11,151
websites, accessibility, processes
Authentication vs. Authorization11,150
authentication, authorization, comparisons
ExtJS for Beginners11,149
extjs
Why UX Testing Is Critical to Your Web Site’s Success (uxm)11,148
user-experience, testing
Radix UI Component With Next.js and Tailwind CSS11,147
videos, components, radix, nextjs, tailwind
Packaging and Selling a Node.js App11,146
nodejs
Gatsby Headaches and How to Cure Them: I18N II (mon/sma)11,145
gatsby, internationalization
Can Web Developers Be Held Liable?11,144
accessibility, legal
Button Types (ada)11,143
html, buttons
Balancing Users’ Needs and Business Goals in UX Design (uxm)11,142
user-experience, design
Balancing Users’ Data Privacy and the User Experience (uxm)11,141
privacy, user-experience
It Depends—Exploring My Favourite Renovate Features for Dependency Updates (kal)11,140
dependencies, maintenance, renovate, configuration
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)11,139
navigation, scrolling, user-experience
The New CSS (mat)11,138
css, design, web-platform
Import Maps to Natively Import JavaScript Modules Using Bare Names (ami)11,137
javascript, import-maps
How to Clean Up Your Local Repository With Git Commands (thi)11,136
how-tos, git, command-line, maintenance
It’s Time for Dimensional Thinking in Design (uxd)11,135
design, ai
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples11,134
tutorials, guides, databases, indexeddb, examples
Git Concepts Everyone Should Know (fra)11,133
git, concepts
Wolvic 1.4 Released (wol)11,132
release-notes, wolvic, igalia, browsers
TypeScript 5.2’s New Keyword: “using” (mat)11,131
typescript
The Five Types of People Who Produce Inaccessible Code (eri)11,130
accessibility, community
Standardising Design Tokens (oll)11,129
design-tokens, conventions
Scoping (mat)11,128
css, scope
Create React UI Lib: Component Library Speedrun11,127
typescript, react, components, npm
Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra)11,126
css, animations, transitions, scrolling, custom-properties, style-queries
What’s UnAI-Able11,125
ai
What Are Deceptive Patterns?11,124
user-experience, dark-patterns
Top 10 Things You Should Add While Coding: Valuable Tips for Programmers11,123
tips-and-tricks, programming
The Next Phase of Eleventy: Return of the Side Project (zac)11,122
eleventy
HTML Imports (w3c)11,121
html
How to Add a CSS Reveal Animation to Your Images (css)11,120
how-tos, css, animations, images
Django: A Security Improvement Coming to “format_html()” (ada)11,119
django, security, html
An Explosion in Software Engineers Using AI Coding Tools? (ger)11,118
ai, code-completion, productivity
A Guide to Coding Standards to Improve Code Quality11,117
guides, conventions, formatting, consistency, quality
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)11,116
accessibility, testing, forms
Simplify Email Development With MJML: A Beginner’s Guide11,115
email, mjml, guides
How (and Should?) We Stop the Infinite Scroll (uxd)11,114
user-experience, scrolling
Using Color Wheel Combinations in Your Designs (web)11,113
colors, design
Puppeteer in Node.js: More Antipatterns to Avoid (app)11,112
nodejs, scraping, testing, anti-patterns, puppeteer
npm Won’t Publish Packages Containing the Word “keygen”11,111
discussions, npm, dependencies
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sma)11,110
how-tos, svelte, sveltekit, web-apps, server-side-rendering
End-to-End Tracing11,109
observability, tracing, case-studies
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)11,108
design, accessibility, css, comparisons
Cyclic Dependency Space Toggles (kiz)11,107
toggles, css, custom-properties
When and Why to Use a Click Test11,106
usability, testing
Tuesday, June 20, 2023 Security Releases (raf/nod)11,105
release-notes, nodejs, security
The Gotchas of CSS Nesting (kil)11,104
css, nesting
Rebuilding a Comment Component With Modern CSS (sha)11,103
functionality, components, css
Nuxt in 100 Seconds (fir)11,102
videos, introductions, nuxt
Naming Components11,101
design-systems, components, naming
Positioning Anchored Popovers (hdv)11,100
pop-overs, css, positioning
“margin-trim” as a Best Practice? (chr)11,099
css, margins
Gatsby Headaches and How to Cure Them: I18N (mon/sma)11,098
gatsby, internationalization
Chrome for Testing: Reliable Downloads for Browser Automation (mat/dev)11,097
browsers, google, chrome, testing
Blur Vignette Effect in CSS11,096
css, effects
Bottom Sheets: Definition and UX Guidelines (nng)11,095
terminology, guidelines, mobile, user-experience
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)11,094
css, web-platform
How to Learn Programming11,093
how-tos, learning, programming
How to Highlight Required and Optional Form Fields (ada)11,092
how-tos, forms, mistakes, usability
CSS! CSS! CSS! (mat)11,091
css, community
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now11,090
html, viewport, metadata, accessibility, responsive-design
An Introduction to DevOps11,089
introductions, dev-ops
That’s Not How I Wrote CSS Three Years Ago (mat/css)11,088
videos, css, support
Shining Light on the Shadow DOM (cas/css)11,087
videos, shadow-dom, dom
Modern CSS for Dynamic Component-Based Architecture (5t3)11,086
css, architecture, components
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)11,085
videos, css, scrolling, animations, view-transitions
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)11,084
videos, css, browsers, microsoft, internet-explorer, support, history
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)11,083
design, strategies
CSS Containers, What Do They Know? (mia/css)11,082
videos, css, container-queries
Best Animation Libraries for React11,081
libraries, animations, react, link-lists
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim)11,080
css, scrolling
Why Doesn’t CSS Have Scope? (hey/css)11,079
videos, css, scope
The Universal Focus State (eri)11,078
accessibility, focus, css
Style Recalculation Secrets They Don’t Want You to Know (pat/css)11,077
videos, css, selectors, performance
Sticky Content: Focus in View (tet)11,076
accessibility, focus, scrolling, css
State of the CSS Community (una/css)11,075
videos, css, community
No, “AI” Will Not Fix Accessibility (aar)11,074
accessibility, ai
Must Know JavaScript API—IndexedDB API11,073
databases, indexeddb, javascript, apis
Testing Sites and Apps With Blind Users: A Cheat Sheet (sma)11,072
accessibility, testing, screen-readers, assistive-tech, tooling, cheat-sheets
Designing a Scalable Backend in Node.js (app)11,071
software-design, scalability, nodejs
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)11,070
videos, dev-tools, browsers, google, chrome
Best Practices for Container Queries (zel)11,069
best-practices, container-queries, css
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)11,068
checklists, performance, compression, dependencies, accessibility, legibility, naming
Are Simple Websites Better for Business? (web)11,067
design, simplicity
48 Laws, Rules, and Principles of Web Development (j9t)11,066
programming, principles, terminology
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)11,065
standards, accessibility, aria, rich-internet-apps
What’s New in CSS (jen)11,064
videos, css, apple
Tokens Are the Most Valuable Artifact a Design System Can Provide11,063
design-systems, design-tokens
The Ultimate Guide to Writing Technical Blog Posts (bla)11,062
guides, writing, blogging
Styling Scrollbars (oll)11,061
scrolling, css
RSC From Scratch: Server Components11,060
videos, react, components
Reducing Complexity in Front End Development (mic)11,059
complexity, performance, css, javascript
Modern CSS in Real Life (chr)11,058
css
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (sma)11,057
information-design, user-experience, tables, grids
Be Careful With “ch” Units (cit)11,056
css, units
Assume the Position—a Labeling Story (llo/tpg)11,055
accessibility, forms, labels, html
Angular at Google I/O 2023 (ang)11,054
release-notes, angular, google
Accessibility and Artificial Intelligence (joe)11,053
accessibility, ai
What Is Open Graph? How to Use It for Your WordPress Website?11,052
how-tos, open-graph, html, social-media, wordpress
Primitive Objects in JavaScript: When to Use Them (sma)11,051
javascript, objects
One More Thing—Apple’s Push on Web Apps on macOS11,050
apple, web-apps
Is React Having An AngularJS Moment?11,049
react, angularjs
An Introduction to Debugging in Node.js (cra)11,048
introductions, debugging, nodejs
Accessibility Testing—Pay Attention to the Details11,047
accessibility, testing
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)11,046
user-experience, accessibility, focus, forms
test262.fyi11,045
websites, javascript, ecmascript, javascript-engines, v8, spidermonkey
New Job? Negotiate as if Your Life Depends on It11,044
career
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance11,043
how-tos, rendering, dom, performance, debugging, angular
How We Created an Accessible, Scalable Color Palette11,042
colors, color-palettes, accessibility, scalability, case-studies
Every Design Team Needs Writers (uxd)11,041
design, writing
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)11,040
accessibility, focus, wcag, standards
wasmati: You Should Write Your WebAssembly in TypeScript11,039
webassembly, typescript, libraries
The Many Ways to Select the n-th Character From a String (cod)11,038
javascript, strings
No Single Metric Captures Productivity11,037
productivity, metrics
New CSS Color Spaces and Functions in All Major Engines (rac/dev)11,036
css, colors, functions, browsers, support
How Chrome Achieved High Scores on Three Browser Benchmarks (dev)11,035
browsers, google, chrome, performance
How AI Can Make Software More Intuitive11,034
ai, usability
Do Not Drop Sass for CSS11,033
css, sass, preprocessors
An Introduction to “@ scope” in CSS (oll)11,032
introductions, scope, css
Presentational Colors (luk/uxd)11,031
colors, design-tokens
Google Now Treats .ai Domains as Generic Top-Level Domains (rus/sea)11,030
google, domains, ai
Why We Should Stop Using JavaScript According to Douglas Crockford (dou)11,029
videos, javascript
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)11,028
transitions, dev-tools, browsers, google, chrome
The Context Dilemma11,027
design-systems, design-tokens
Some Things I Learnt From Working on Big Frontend Codebases11,026
complexity, lessons
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)11,025
html, semantics
Quick Tip: Shipping Resilient CSS Components (5t3)11,024
css, components, maintainability, resilience, tips-and-tricks
Performance Is Not a Checklist (tka)11,023
performance, user-experience
Asynchronous JavaScript for Beginners11,022
javascript, asynchronicity
Announcing TypeScript 5.1 (dan/typ)11,021
release-notes, typescript
Advanced Form Control Styling With “selectmenu” and Anchoring API (uti/sma)11,020
forms, apis, css
Accessible Components: The Hamburger Menu11,019
accessibility, components, navigation
A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS11,018
guides, deploying, complexity, architecture, aws
How to Format a Date With JavaScript—Date Formatting in JS (fre)11,017
how-tos, javascript, time
Watch Out for Layout Shifts With “ch” Units (pau/clo)11,016
performance, css, units
Token Operations (don)11,015
design-tokens
security.txt Now Mandatory for Dutch Government Websites11,014
security, legal
Release Notes for Safari Technology Preview 171 (jon/web)11,013
release-notes, browsers, apple, safari
Re-Evaluating “px” vs. “em” in Media Queries (kei)11,012
css, units, media-queries, comparisons
New to the Web Platform in May (rac/dev)11,011
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
Linting Defensive and Logical CSS With Stylelint Plugins (log)11,010
css, logical-properties, linting, stylelint, plugins
Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo)11,009
images, gif
How to Add Custom Meta Boxes in WordPress Without a Plugin11,008
how-tos, wordpress, customization
How Blink Invalidates Styles When “:has()” [Is] in Use (iga)11,007
browsers, browser-engines, rendering, blink, css, selectors
Design Systems: A Curated List for Today’s UI/UX Designers (sta)11,006
design-systems, design, tooling, link-lists
Accessibility Audits for All (ada)11,005
accessibility, auditing, testing
What Is Personalization?11,004
personalization, concepts
The Art of Code Review11,003
code-reviews, processes, collaboration
S.P.A.C.E. Framework—the Ultimate Framework for Measuring Your Tech Team Productivity11,002
productivity, metrics, engineering-management, culture, communication, collaboration, efficiency
I Think I Finally “Get” JS Objects11,001
javascript, objects
Hands on With the Node.js Test Runner (phi)11,000
nodejs, testing
Cracking the Theme Switcher and Dark Mode10,999
css, javascript, dark-mode
Announcing the Second Compute Pressure Origin Trial (dev)10,998
apis, browsers, google, chrome
An Introduction to JavaScript Proxies (cra)10,997
introductions, javascript
21 Awesome Web Features You’re Not Using Yet (fir)10,996
videos, html, css, javascript
The Double-Edged Sword of Design Systems (uxd)10,995
design-systems, design
Simple Things Make Things Simple (pjo)10,994
simplicity, case-studies
Don’t Meddle With User Input (tem)10,993
accessibility, forms
10 Incident Management Best Practices10,992
incident-response, best-practices, processes
Improving the Quality of the Software With Qodana and GitHub Actions10,991
jetbrains, qodana, quality, optimization, github, ci-cd
How Screen-Reader Users Type on and Control Mobile Devices (nng)10,990
accessibility, usability, screen-readers, mobile
The Problem With Nested Fieldsets and How to Avoid Them (ada)10,989
accessibility, forms, assistive-tech, support
The Optimization Sinkhole10,988
productivity, optimization
Sass-Like Nesting in Native CSS (ami)10,987
css, sass, nesting
Mastering CSS Blend Modes10,986
css, blend-modes
Understanding the Importance of Encoding10,985
encoding
WordPress Turns 20 (sar)10,984
wordpress
Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript?10,983
javascript, unicode
When to Use Plain Text or Images Instead of MathML10,982
mathml, math, accessibility
Plain Old JavaScript and the DOM (dou)10,981
javascript, dom
We Need to Talk About How We Talk About Accessibility10,980
accessibility, communication, dei
Supper Club × Bramus Van Damme on CSS (bra+/syn)10,979
podcasts, interviews, css
How to Draw Any Regular Shape With Just One JavaScript Function (mdn)10,978
how-tos, javascript, functions
Designing a Better Design Handoff File in Figma (sma)10,977
design, processes, figma
Brief Note on Popovers With Dialogs (aar)10,976
html, support, accessibility, pop-overs, modals
A Practical Overview on Architecture Decision Records (ADR)10,975
overviews, documentation, processes
Two Things That Are Not Great About OKLCH (chr)10,974
colors, oklch
Seven Lessons From 7 Years Designing Systems10,973
lessons, design-systems
Levelling Up Accessibility Skills in Your Organisation (int)10,972
videos, accessibility
“display: contents” Considered Harmful (eri)10,971
accessibility, css
The Yellow Fade Technique With Modern CSS Using “@ starting-style” (bra)10,970
css, transitions, techniques
WebKit and web-platform-tests (ann)10,969
webkit
Single Line Comments in CSS (jim)10,968
css, comments
Responsive CSS Layout Grids Without Media Queries (5t3)10,967
css, grids, layout, responsive-design
Register Custom Properties in CSS, Get and Update Them With JavaScript (oll)10,966
css, custom-properties
Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (mer/equ)10,965
accessibility, vpat-acr, documentation
Querying Parsed HTML in BigQuery (rvi)10,964
html
Deploying AVIF for More Responsive Websites (dev)10,963
images, avif, performance
A Complete Guide to Using IndexedDB (log)10,962
guides, databases, indexeddb
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)10,961
html, best-practices, forms
You Don’t Need a Modal Window (dz4)10,960
websites, modals
Where to Put Your Types in Application Code (mat)10,959
typescript
Two Simple Layouts That Work Better With Grid (kev)10,958
videos, css, grids, layout
Introducing the Popover API (una/dev)10,957
introductions, apis, html, pop-overs
I Created 100+ Unique CSS Patterns (css)10,956
css, backgrounds, effects
Graph Slider10,955
sliders, css
Future of CSS: Popover API10,954
css, apis, pop-overs
File Upload Security and Malware Protection (aus)10,953
security, malware, file-handling, edge-computing
Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design10,952
accessibility, dei, modals, time
Building a Modern Design System in Layers10,951
design-systems
Working With URLs With Vanilla JavaScript (cfe)10,950
javascript, urls
Why We’re Bad at CSS (per)10,949
css
Visual-Design Principles and UX Design Best Practices (uxm)10,948
design, user-experience, principles, best-practices
Stop Rewriting Your CSS! Use “:not()” Instead (zor/css)10,947
videos, css, selectors, maintenance
Be Careful Using “Menu” (aar)10,946
html, aria, design, terminology
10 Ways to Boost Your Landing Page Conversion Rates (uxm)10,945
landing-pages, user-conversion, metrics
Beyond Design Systems for Interfaces: A Mega System of Design Systems10,944
design-systems
Building Offline-First Web Applications With Service Workers and IndexedDB10,943
offline, web-apps, web-workers, databases, indexeddb, javascript
A Web Component Intro With Example10,942
introductions, web-components, examples
Server-Sent Events With Node.js10,941
nodejs, events
A Beginners Guide to Digital Accessibility (fra)10,940
guides, accessibility
Website Issues: On the Relevance of Audience Size and Impact (j9t)10,939
processes, quality
Using “linear()” for Better Animation (oll)10,938
animations, css, javascript
Measuring Design System “Adoption” (pjo)10,937
design-systems, metrics
How to Build Lean Efficient Websites in 2023 (cfe)10,936
how-tos, html, progressive-enhancement, minimalism
Creating a Shine Effect on a Card With Tailwind CSS10,935
tailwind, effects
A New Approach to Measuring Developer Productivity10,934
research, productivity, metrics
Write Better Code by Following These JavaScript Best Practices10,933
javascript, best-practices