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