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 (17)

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

Entry (Sources) and TopicsDate#
Debugging Commands Every Linux Administrator Should Know11,401
debugging, command-line, unix-like
How Designers Can Beat AI at Design (uxd)11,400
design, ai
Designing for Inclusion (uxd)11,399
design, dei, accessibility
Using Multiple Selectors With JavaScript Selector Methods (cfe)11,398
javascript, selectors, methods
What Exactly Is [the] “:root” Pseudo-Element in CSS? (zor/css)11,397
videos, css, selectors
Too Much JavaScript? Why the Frontend Needs to Build Better (low/the)11,396
javascript, web-platform, performance
The 5 Pillars of Every HTTP Request11,395
http
Design Systems Directory11,394
websites, design-systems
CSS in Micro Frontends11,393
css, micro-frontends
Cascade Layers Are Useless * (mat)11,392
css, cascade
Creating a Flexible Design Token Taxonomy for Intuit’s Design System11,391
design-tokens, design-systems
W3C Launch Their New Website (sim/stu)11,390
w3c
Top 6 AI Coding Assistants in 202311,389
ai, tooling
Three Key Principles for an Accessible Website11,388
principles, accessibility
Thoughts From “Meet Safari for Spatial Computing” (jim)11,387
apple, safari, spatial-web, accessibility, responsive-design
Style Your RSS Feed (dar)11,386
css, syndication, rss, atom
State of CSS 2023 (sac/dev)11,385
surveys, css
Making Your Design Tokens Future-Proof (and)11,384
design-tokens
Continuous Accessibility (a11)11,383
websites, accessibility, processes
Authentication vs. Authorization11,382
authentication, authorization, comparisons
ExtJS for Beginners11,381
extjs
Why UX Testing Is Critical to Your Web Site’s Success (uxm)11,380
user-experience, testing
Radix UI Component With Next.js and Tailwind CSS11,379
videos, components, radix, nextjs, tailwind
Packaging and Selling a Node.js App11,378
nodejs
Gatsby Headaches and How to Cure Them: I18N II (mon/sma)11,377
gatsby, internationalization
Can Web Developers Be Held Liable?11,376
accessibility, legal
Button Types (ada)11,375
html, buttons
Balancing Users’ Needs and Business Goals in UX Design (uxm)11,374
user-experience, design
Balancing Users’ Data Privacy and the User Experience (uxm)11,373
privacy, user-experience
It Depends—Exploring My Favourite Renovate Features for Dependency Updates (kal)11,372
dependencies, maintenance, renovate, configuration
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)11,371
navigation, scrolling, user-experience
The New CSS (mat)11,370
css, design, web-platform
Import Maps to Natively Import JavaScript Modules Using Bare Names (ami)11,369
javascript, import-maps
How to Clean Up Your Local Repository With Git Commands (thi)11,368
how-tos, git, command-line, maintenance
It’s Time for Dimensional Thinking in Design (uxd)11,367
design, ai
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples11,366
tutorials, guides, databases, indexeddb, examples
Git Concepts Everyone Should Know (fra)11,365
git, concepts
Wolvic 1.4 Released (wol)11,364
release-notes, wolvic, igalia, browsers
TypeScript 5.2’s New Keyword: “using” (mat)11,363
typescript
The Five Types of People Who Produce Inaccessible Code (eri)11,362
accessibility, community
Standardising Design Tokens (oll)11,361
design-tokens, conventions
Scoping (mat)11,360
css, scope
Create React UI Lib: Component Library Speedrun11,359
typescript, react, components, npm
Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra)11,358
css, animations, transitions, scrolling, custom-properties, style-queries
What’s UnAI-Able11,357
ai
What Are Deceptive Patterns?11,356
user-experience, dark-patterns
Top 10 Things You Should Add While Coding: Valuable Tips for Programmers11,355
tips-and-tricks, programming
The Next Phase of Eleventy: Return of the Side Project (zac)11,354
eleventy
HTML Imports (w3c)11,353
html
How to Add a CSS Reveal Animation to Your Images (css)11,352
how-tos, css, animations, images
Django: A Security Improvement Coming to “format_html()” (ada)11,351
django, security, html
An Explosion in Software Engineers Using AI Coding Tools? (ger)11,350
ai, code-completion, productivity
A Guide to Coding Standards to Improve Code Quality11,349
guides, conventions, formatting, consistency, quality
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)11,348
accessibility, testing, forms
Simplify Email Development With MJML: A Beginner’s Guide11,347
email, mjml, guides
How (and Should?) We Stop the Infinite Scroll (uxd)11,346
user-experience, scrolling
Using Color Wheel Combinations in Your Designs (web)11,345
colors, design
Puppeteer in Node.js: More Antipatterns to Avoid (app)11,344
nodejs, scraping, testing, anti-patterns, puppeteer
npm Won’t Publish Packages Containing the Word “keygen”11,343
discussions, npm, dependencies
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sma)11,342
how-tos, svelte, sveltekit, web-apps, server-side-rendering
End-to-End Tracing11,341
observability, tracing, case-studies
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)11,340
design, accessibility, css, comparisons
Cyclic Dependency Space Toggles (kiz)11,339
toggles, css, custom-properties
When and Why to Use a Click Test11,338
usability, testing
Tuesday, June 20, 2023 Security Releases (raf/nod)11,337
release-notes, nodejs, security
The Gotchas of CSS Nesting (kil)11,336
css, nesting
Rebuilding a Comment Component With Modern CSS (sha)11,335
functionality, components, css
Nuxt in 100 Seconds (fir)11,334
videos, introductions, nuxt
Naming Components11,333
design-systems, components, naming
Positioning Anchored Popovers (hdv)11,332
pop-overs, css, positioning
“margin-trim” as a Best Practice? (chr)11,331
css, margins
Gatsby Headaches and How to Cure Them: I18N (mon/sma)11,330
gatsby, internationalization
Chrome for Testing: Reliable Downloads for Browser Automation (mat/dev)11,329
browsers, google, chrome, testing
Blur Vignette Effect in CSS11,328
css, effects
Bottom Sheets: Definition and UX Guidelines (nng)11,327
terminology, guidelines, mobile, user-experience
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)11,326
css, web-platform
How to Learn Programming11,325
how-tos, learning, programming
How to Highlight Required and Optional Form Fields (ada)11,324
how-tos, forms, mistakes, usability
CSS! CSS! CSS! (mat)11,323
css, community
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now11,322
html, viewport, metadata, accessibility, responsive-design
An Introduction to DevOps11,321
introductions, dev-ops
That’s Not How I Wrote CSS Three Years Ago (mat/css)11,320
videos, css, support
Shining Light on the Shadow DOM (cas/css)11,319
videos, shadow-dom, dom
Modern CSS for Dynamic Component-Based Architecture (5t3)11,318
css, architecture, components
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)11,317
videos, css, scrolling, animations, view-transitions
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)11,316
videos, css, browsers, microsoft, internet-explorer, support, history
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)11,315
design, strategies
CSS Containers, What Do They Know? (mia/css)11,314
videos, css, container-queries
Best Animation Libraries for React11,313
libraries, animations, react, link-lists
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim)11,312
css, scrolling
Why Doesn’t CSS Have Scope? (hey/css)11,311
videos, css, scope
The Universal Focus State (eri)11,310
accessibility, focus, css
Style Recalculation Secrets They Don’t Want You to Know (pat/css)11,309
videos, css, selectors, performance
Sticky Content: Focus in View (tet)11,308
accessibility, focus, scrolling, css
State of the CSS Community (una/css)11,307
videos, css, community
No, “AI” Will Not Fix Accessibility (aar)11,306
accessibility, ai
Must Know JavaScript API—IndexedDB API11,305
databases, indexeddb, javascript, apis
Testing Sites and Apps With Blind Users: A Cheat Sheet (sma)11,304
accessibility, testing, screen-readers, assistive-tech, tooling, cheat-sheets
Designing a Scalable Backend in Node.js (app)11,303
software-design, scalability, nodejs
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)11,302
videos, dev-tools, browsers, google, chrome
Best Practices for Container Queries (zel)11,301
best-practices, container-queries, css
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)11,300
checklists, performance, compression, dependencies, accessibility, legibility, naming
Are Simple Websites Better for Business? (web)11,299
design, simplicity
48 Laws, Rules, and Principles of Web Development (j9t)11,298
programming, principles, terminology
Reducing Complexity in Front End Development (mic)11,297
complexity, performance, css, javascript
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)11,296
standards, accessibility, aria, rich-internet-apps
What’s New in CSS (jen)11,295
videos, css, apple
Tokens Are the Most Valuable Artifact a Design System Can Provide11,294
design-systems, design-tokens
The Ultimate Guide to Writing Technical Blog Posts (bla)11,293
guides, writing, blogging
Styling Scrollbars (oll)11,292
scrolling, css
RSC From Scratch: Server Components11,291
videos, react, components
Modern CSS in Real Life (chr)11,290
css
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (sma)11,289
information-design, user-experience, tables, grids
Be Careful With “ch” Units (cit)11,288
css, units
Assume the Position—a Labeling Story (llo/tpg)11,287
accessibility, forms, labels, html
Angular at Google I/O 2023 (ang)11,286
release-notes, angular, google
Accessibility and Artificial Intelligence (joe)11,285
accessibility, ai
What Is Open Graph? How to Use It for Your WordPress Website?11,284
how-tos, open-graph, html, social-media, wordpress
Primitive Objects in JavaScript: When to Use Them (sma)11,283
javascript, objects
One More Thing—Apple’s Push on Web Apps on macOS11,282
apple, web-apps
Is React Having An AngularJS Moment?11,281
react, angularjs
An Introduction to Debugging in Node.js (cra)11,280
introductions, debugging, nodejs
Accessibility Testing—Pay Attention to the Details11,279
accessibility, testing
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)11,278
user-experience, accessibility, focus, forms
test262.fyi11,277
websites, javascript, ecmascript, javascript-engines, v8, spidermonkey
New Job? Negotiate as if Your Life Depends on It11,276
career
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance11,275
how-tos, rendering, dom, performance, debugging, angular
How We Created an Accessible, Scalable Color Palette11,274
colors, color-palettes, accessibility, scalability, case-studies
Every Design Team Needs Writers (uxd)11,273
design, writing
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)11,272
accessibility, focus, wcag, standards
wasmati: You Should Write Your WebAssembly in TypeScript11,271
webassembly, typescript, libraries
The Many Ways to Select the n-th Character From a String (cod)11,270
javascript, strings
No Single Metric Captures Productivity11,269
productivity, metrics
New CSS Color Spaces and Functions in All Major Engines (rac/dev)11,268
css, colors, functions, browsers, support
How Chrome Achieved High Scores on Three Browser Benchmarks (dev)11,267
browsers, google, chrome, performance
How AI Can Make Software More Intuitive11,266
ai, usability
Do Not Drop Sass for CSS11,265
css, sass, preprocessors
An Introduction to “@ scope” in CSS (oll)11,264
introductions, scope, css
Presentational Colors (luk/uxd)11,263
colors, design-tokens
Google Now Treats .ai Domains as Generic Top-Level Domains (rus/sea)11,262
google, domains, ai
Why We Should Stop Using JavaScript According to Douglas Crockford (dou)11,261
videos, javascript
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)11,260
transitions, dev-tools, browsers, google, chrome
The Context Dilemma11,259
design-systems, design-tokens
Some Things I Learnt From Working on Big Frontend Codebases11,258
complexity, lessons
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)11,257
html, semantics
Quick Tip: Shipping Resilient CSS Components (5t3)11,256
css, components, maintainability, resilience, tips-and-tricks
Performance Is Not a Checklist (tka)11,255
performance, user-experience
Asynchronous JavaScript for Beginners11,254
javascript, asynchronicity
Announcing TypeScript 5.1 (dan/typ)11,253
release-notes, typescript
Advanced Form Control Styling With “selectmenu” and Anchoring API (uti/sma)11,252
forms, apis, css
Accessible Components: The Hamburger Menu11,251
accessibility, components, navigation
A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS11,250
guides, deploying, complexity, architecture, aws
How to Format a Date With JavaScript—Date Formatting in JS (fre)11,249
how-tos, javascript, time
Watch Out for Layout Shifts With “ch” Units (pau/clo)11,248
performance, css, units
Token Operations (don)11,247
design-tokens
security.txt Now Mandatory for Dutch Government Websites11,246
security, legal
Release Notes for Safari Technology Preview 171 (jon/web)11,245
release-notes, browsers, apple, safari
Re-Evaluating “px” vs. “em” in Media Queries (kei)11,244
css, units, media-queries, comparisons
New to the Web Platform in May (rac/dev)11,243
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
Linting Defensive and Logical CSS With Stylelint Plugins (log)11,242
css, logical-properties, linting, stylelint, plugins
Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo)11,241
images, gif
How to Add Custom Meta Boxes in WordPress Without a Plugin11,240
how-tos, wordpress, customization
How Blink Invalidates Styles When “:has()” [Is] in Use (iga)11,239
browsers, browser-engines, rendering, blink, css, selectors
Design Systems: A Curated List for Today’s UI/UX Designers (sta)11,238
design-systems, design, tooling, link-lists
Accessibility Audits for All (ada)11,237
accessibility, auditing, testing
What Is Personalization?11,236
personalization, concepts
The Art of Code Review11,235
code-reviews, processes, collaboration
S.P.A.C.E. Framework—the Ultimate Framework for Measuring Your Tech Team Productivity11,234
productivity, metrics, engineering-management, culture, communication, collaboration, efficiency
I Think I Finally “Get” JS Objects11,233
javascript, objects
Hands on With the Node.js Test Runner (phi)11,232
nodejs, testing
Cracking the Theme Switcher and Dark Mode11,231
css, javascript, dark-mode
Announcing the Second Compute Pressure Origin Trial (dev)11,230
apis, browsers, google, chrome
An Introduction to JavaScript Proxies (cra)11,229
introductions, javascript
21 Awesome Web Features You’re Not Using Yet (fir)11,228
videos, html, css, javascript
The Double-Edged Sword of Design Systems (uxd)11,227
design-systems, design
Simple Things Make Things Simple (pjo)11,226
simplicity, case-studies
Don’t Meddle With User Input (tem)11,225
accessibility, forms
10 Incident Management Best Practices11,224
incident-response, best-practices, processes
Improving the Quality of the Software With Qodana and GitHub Actions11,223
jetbrains, qodana, quality, optimization, github, ci-cd
How Screen-Reader Users Type on and Control Mobile Devices (nng)11,222
accessibility, usability, screen-readers, mobile
The Problem With Nested Fieldsets and How to Avoid Them (ada)11,221
accessibility, forms, assistive-tech, support
The Optimization Sinkhole11,220
productivity, optimization
Sass-Like Nesting in Native CSS (ami)11,219
css, sass, nesting
Mastering CSS Blend Modes11,218
css, blend-modes
When to Use Plain Text or Images Instead of MathML11,217
mathml, math, accessibility
Understanding the Importance of Encoding11,216
encoding
WordPress Turns 20 (sar)11,215
wordpress
Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript?11,214
javascript, unicode
Plain Old JavaScript and the DOM (dou)11,213
javascript, dom
We Need to Talk About How We Talk About Accessibility11,212
accessibility, communication, dei
Supper Club × Bramus Van Damme on CSS (bra+/syn)11,211
podcasts, interviews, css
How to Draw Any Regular Shape With Just One JavaScript Function (mdn)11,210
how-tos, javascript, functions
Designing a Better Design Handoff File in Figma (sma)11,209
design, processes, figma
Brief Note on Popovers With Dialogs (aar)11,208
html, support, accessibility, pop-overs, modals
A Practical Overview on Architecture Decision Records (ADR)11,207
overviews, documentation, processes
Two Things That Are Not Great About OKLCH (chr)11,206
colors, oklch
Seven Lessons From 7 Years Designing Systems11,205
lessons, design-systems
Levelling Up Accessibility Skills in Your Organisation (int)11,204
videos, accessibility
“display: contents” Considered Harmful (eri)11,203
accessibility, css
The Yellow Fade Technique With Modern CSS Using “@ starting-style” (bra)11,202
css, transitions, techniques
WebKit and web-platform-tests (ann)11,201
webkit
Single Line Comments in CSS (jim)11,200
css, comments
Responsive CSS Layout Grids Without Media Queries (5t3)11,199
css, grids, layout, responsive-design
Register Custom Properties in CSS, Get and Update Them With JavaScript (oll)11,198
css, custom-properties
Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (mer/equ)11,197
accessibility, vpat-acr, documentation
Querying Parsed HTML in BigQuery (rvi)11,196
html
Deploying AVIF for More Responsive Websites (dev)11,195
images, avif, performance
A Complete Guide to Using IndexedDB (log)11,194
guides, databases, indexeddb
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)11,193
html, best-practices, forms
You Don’t Need a Modal Window (dz4)11,192
websites, modals
Where to Put Your Types in Application Code (mat)11,191
typescript
Two Simple Layouts That Work Better With Grid (kev)11,190
videos, css, grids, layout
Introducing the Popover API (una/dev)11,189
introductions, apis, html, pop-overs
I Created 100+ Unique CSS Patterns (css)11,188
css, backgrounds, effects
Graph Slider11,187
sliders, css
Future of CSS: Popover API11,186
css, apis, pop-overs
File Upload Security and Malware Protection (aus)11,185
security, malware, file-handling, edge-computing
Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design11,184
accessibility, dei, modals, time
Building a Modern Design System in Layers11,183
design-systems
Working With URLs With Vanilla JavaScript (cfe)11,182
javascript, urls
Why We’re Bad at CSS (per)11,181
css
Visual-Design Principles and UX Design Best Practices (uxm)11,180
design, user-experience, principles, best-practices
Stop Rewriting Your CSS! Use “:not()” Instead (zor/css)11,179
videos, css, selectors, maintenance
Be Careful Using “Menu” (aar)11,178
html, aria, design, terminology
10 Ways to Boost Your Landing Page Conversion Rates (uxm)11,177
landing-pages, user-conversion, metrics
Beyond Design Systems for Interfaces: A Mega System of Design Systems11,176
design-systems
Building Offline-First Web Applications With Service Workers and IndexedDB11,175
offline, web-apps, web-workers, databases, indexeddb, javascript
A Web Component Intro With Example11,174
introductions, web-components, examples
Server-Sent Events With Node.js11,173
nodejs, events
A Beginners Guide to Digital Accessibility (fra)11,172
guides, accessibility
Website Issues: On the Relevance of Audience Size and Impact (j9t)11,171
processes, quality
Using “linear()” for Better Animation (oll)11,170
animations, css, javascript
Measuring Design System “Adoption” (pjo)11,169
design-systems, metrics
How to Build Lean Efficient Websites in 2023 (cfe)11,168
how-tos, html, progressive-enhancement, minimalism
Creating a Shine Effect on a Card With Tailwind CSS11,167
tailwind, effects
A New Approach to Measuring Developer Productivity11,166
research, productivity, metrics
Write Better Code by Following These JavaScript Best Practices11,165
javascript, best-practices
What Devs Can Do on Global Accessibility Awareness Day11,164
accessibility, awareness-days
How to Create a Custom Range Slider Using CSS (css)11,163
how-tos, sliders, css, forms
Getting Started With View Transitions on Multi-Page Apps (dav)11,162
css, view-transitions, multi-page-apps, introductions
Core Principles of SEO11,161
seo, principles, overviews
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 (gwi/deq)11,160
accessibility, wcag, standards
Accessible Numbers11,159
websites, accessibility
6 Tips for Improving Language Switchers on Ecommerce Sites (nng)11,158
videos, usability, internationalization, localization, ecommerce, tips-and-tricks
Thinking on Ways to Solve Color Palettes (arg/dev)11,157
videos, css, colors, color-palettes
Release Notes for Safari Technology Preview 170 (jon/web)11,156
release-notes, browsers, apple, safari
Jekyll Tutorial: How to Create a Static Website (kin)11,155
tutorials, how-tos, jekyll
ESLint Guide: How to Use It With Confidence11,154
guides, eslint, linting, consistency, maintainability
A History of Metaphors for the Internet (ver)11,153
history, web, terminology
Comparing Version Control Systems: Git, SVN, CVS, and More11,152
comparisons, version-control, git, svn, cvs
Why Your Design Language System Needs a Product Manager11,151
design-systems, product-management
Why Is Web Accessibility Important? (tpg)11,150
videos, accessibility
Vertical Rhythm Using CSS “lh” and “rlh” Units (paw)11,149
css, units
State of Node.js Performance 2023 (raf)11,148
nodejs
Semantics and the “popover” Attribute: What to Use When? (hdv)11,147
html, attributes, semantics, accessibility, pop-overs
Python Developers Survey 2022 Results (jet)11,146
surveys, python
It’ll Soon Be (Too) Easy to Develop a Website in A Day11,145
ai, processes, productivity, creativity
I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (cod)11,144
career, interviewing
GitHub Copilot and ChatGPT Alternatives (ger)11,143
github-copilot, chatgpt, ai, comparisons
Getting an Item an Array With a Negative Index With Modern JavaScript (cfe)11,142
javascript, arrays
Fieldsets, Legends, and Screen Readers Again (ste/tpg)11,141
accessibility, html, forms, screen-readers
Design Patterns Are a Better Way to Collaborate on Your Design System (sma)11,140
design-patterns, design-systems, collaboration
Conditional CSS With “:has” and “:nth-last-child” (sha)11,139
css, selectors
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)11,138
accessibility, html
Solving Media Object Float Issues With CSS Block Formatting Contexts (sma)11,137
css, floats
Let’s Share Our Salaries, Title, Location, XP11,136
discussions, career
HTML Landmark Roles Screen Reader Demo (sch/mdn)11,135
videos, accessibility, html, screen-readers, voiceover, apple
How to Handle Production Support When Using Scrum11,134
how-tos, agile, scrum, processes
Get Full Type Support With Plain JavaScript11,133
javascript
CSS Art: Drawing a Coffee Stain (alv)11,132
css, art
10 Books to Improve Coding Skill in 202311,131
books, programming, link-lists
Error Message Guidelines (nng)11,130
guidelines, usability, errors, writing
The Problem With Disabled Buttons and What to Do Instead (ada)11,129
buttons, user-experience, accessibility
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim)11,128
html, accessibility, screen-readers, support
ES2023 Features11,127
ecmascript
7 Secret TypeScript Tricks Pros Use11,126
typescript, tips-and-tricks
Building a Frontend Framework—Reactivity and Composability With Zero Dependencies11,125
frameworks, reactivity, dependencies
What Is “Fake Door” Testing in UX? (uxd)11,124
testing, user-experience
Respect Your Children (ste/tpg)11,123
accessibility, html, aria
Keeping Up With an Ever Changing Web (joh)11,122
web-platform, learning
Building a Greener Web (mic)11,121
videos, web, sustainability
Add Opacity to an Existing Color (chr)11,120
colors, css
What’s New in CSS and UI: I/O 2023 Edition (una+/dev)11,119
css, retrospectives
The JavaScript Ecosystem Is Delightfully Weird (sam/fly)11,118
javascript
Regular Expressions in JavaScript (hon)11,117
javascript, regex, examples
Introduction to Screen‐Readers: VoiceOver macOS Edition11,116
introductions, screen-readers, voiceover, apple
Introduction to Screen‐Readers: NVDA Edition11,115
introductions, screen-readers, nvda
Introduction to Screen‐Readers: JAWS Edition11,114
introductions, screen-readers, jaws
Best Practices for All Developers11,113
best-practices
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)11,112
performance, web-vitals, shopify
An Introduction to the Bun JavaScript Runtime (cra)11,111
javascript, runtimes, bun
Introducing INP to Core Web Vitals11,110
introductions, performance, web-vitals, google, search, seo
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun/dev)11,109
videos, performance, web-vitals
The Difference Between Agile and UX Is Not About Quantity vs. Quality (jas/uxd)11,108
agile, user-experience, processes, comparisons
Why an Engineering Manager Should Not Review Code (mul)11,107
engineering-management, code-reviews
What’s New in Web (dev)11,106
videos, browsers, support, web-platform
What’s New in Web Animations (bra/dev)11,105
videos, animations
Slow Design11,104
websites, design
Is Data Transfer the Best Proxy for Website Carbon Emissions? (fer)11,103
sustainability, network
Introducing Baseline (rac/dev)11,102
introductions, browsers, support, web-platform
Introducing Baseline: A Unified View of Stable Web Features (mdn)11,101
introductions, browsers, support, web-platform
How to Optimize Web Responsiveness With Interaction to Next Paint (ann/dev)11,100
videos, how-tos, performance, web-vitals
ES2023 Introduces New Array Copying Methods to JavaScript (phi)11,099
javascript, ecmascript, standards, arrays
Developer Tools That Shouldn’t Be Secrets (cod)11,098
videos, browsers, dev-tools
Crafting a Modern Spotlight Effect With React and CSS11,097
css, react, effects
Baseline Features You Can Use Today (dev)11,096
browsers, support, web-platform
Advancing Interaction to Next Paint (rvi+/dev)11,095
performance, web-vitals
API Design Practice11,094
apis, documentation, link-lists
See What’s New in Firefox [113.0] (moz)11,093
release-notes, browsers, mozilla, firefox
Rearrange/Animate CSS Grid Layouts With the View Transition API (bra)11,092
css, grids, layout, view-transitions, apis
The Ongoing Defence of Frontend as a Full-Time Job (cod)11,091
career
Script Evaluation and Long Tasks (mal/dev)11,090
performance, javascript, web-vitals
Optimize Input Delay (mal/dev)11,089
performance, web-vitals, optimization
How to Handle Emojis in Node.js11,088
how-tos, nodejs, emoji, unicode
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal/dev)11,087
performance, dom, html, optimization
Find Slow Interactions in the Field (mal/dev)11,086
performance, web-vitals, auditing
Diagnose Slow Interactions in the Lab (mal/dev)11,085
performance, web-vitals
Design Systems [Are] a Mindset Not a Library11,084
design-systems
Client-Side Rendering of HTML and Interactivity (mal/dev)11,083
performance, html, client-side-rendering
An Introduction to Container Queries in CSS (5t3)11,082
introductions, css, container-queries
How “x-default” Can Help You (met)11,081
internationalization, urls, html, attributes, search, google
Proportional Design Systems With Proportio.app (uxd)11,080
design-systems
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications11,079
guides, langchain, google, gcp, functions, ai
Speed Trap (dav/ver)11,078
google, amp, web-platform
ShatGPT (ste)11,077
accessibility, ai
Pay Attention to Web Performance Metrics to Improve the UX (uxm)11,076
performance, metrics, user-experience, web-vitals, optimization
Improving Web-Site Conversion Rates Through Better UX Design (uxm)11,075
user-conversion, metrics, optimization, user-experience
Dithering (chr)11,074
images, dithering
A Complete Guide to Usability Testing (uxm)11,073
guides, usability, testing
The Problem With Sticky Menus and What to Do Instead (ada)11,072
navigation, usability, user-experience
How to Configure Path Aliases in Frontend Projects in the Native Way11,071
how-tos, aliases, javascript, configuration
How Far Back in Time Can I Take My Website’s Design11,070
web, design, history, html, css
Should the Confirmation Button Come First or Last? (uxd)11,069
buttons, interaction-design
The Image Sorting Experiment (uxd)11,068
images, information-design, sorting, experiments
Scaling Node.js Web Apps With Docker11,067
scalability, nodejs, web-apps, docker
Cron Job: A Comprehensive Guide for Beginners11,066
guides, cron
Complete Guide on Playwright Visual Regression Testing11,065
guides, playwright, design, testing, regressions
Design Tokens: Beginner’s Guide11,064
guides, design-tokens, design-systems
Speed Up or Slow Down a Video (pat/dev)11,063
browsers, dev-tools, multimedia
Scroll-Driven Animations (bra)11,062
websites, scrolling, animations
I’m Done With React11,061
videos, react
HTTP/1 vs. HTTP/2 vs. HTTP/311,060
http, protocols, comparisons
htmx Is the Future11,059
htmx, outlooks
How “:not()” Chains Multiple Selectors (mdn)11,058
css, selectors
CSS Logical Properties: A Good Use Case (wes)11,057
videos, css, logical-properties
New Features in the Orion Browser (kag)11,056
release-notes, orion, kagi, browsers
The Frontend Cloud Advantage11,055
cloud-computing
Using Go for Front End Development11,054
go
React Testing Library and Accessibility11,053
react, testing, libraries, accessibility, automation
How Do You Declare Namespace in JavaScript?11,052
javascript, namespaces
GitHub Actions: All Actions Will Run on Node 16 Instead of Node 12 (git)11,051
github, github-actions, automation, nodejs
Code Coverage vs. Test Coverage11,050
code-coverage, testing, quality, comparisons
An Introduction to the “:has()” Selector in CSS (5t3)11,049
introductions, css, selectors
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)11,048
performance, web-vitals, best-practices
Security Implications of HTTP Response Headers11,047
security, http, http-headers
How to Make a CSS-Only Hamburger Menu11,046
how-tos, css, navigation
Where Would You Take the W3C? (rob)11,045
discussions, w3c
The Latest Innovations in Drupal11,044
drupal
The Intersectionality of Web Performance (ada)11,043
performance, sustainability, dei
Release Notes for Safari Technology Preview 169 (jon/web)11,042
release-notes, browsers, apple, safari
Make Your Website Load Fast by Optimizing Request Priorities (deb)11,041
performance, optimization, network
How to Write More Efficient JavaScript Conditions (fre)11,040
how-tos, javascript, efficiency
Don’t Use Custom CSS Scrollbars (eri)11,039
css, scrolling
Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It11,038
accessibility, training
DevEx: What Actually Drives Productivity (acm)11,037
developer-experience, productivity, metrics
Detecting if an Event Was Triggered by a User or by JavaScript (pau/clo)11,036
events, javascript
Angular v16 Is Here (mge/ang)11,035
angular, release-notes
7 Practical CSS Typography Tips and Tricks (zor/css)11,034
videos, css, typography, tips-and-tricks
Things Considered Harmful (bre)11,033
php, laravel
A/B Testing: A Primer11,032
introductions, testing, metrics, optimization
The Native Way to Configure Path Aliases in Frontend Projects11,031
javascript, nodejs, esm, commonjs, tooling, aliases
Why “font-size” Must Never Be in Pixels11,030
css, units, accessibility, responsive-design
The Simple Trick to Transition From Height “0” to “auto” With CSS (kev)11,029
videos, css, transitions, tips-and-tricks
SupportsCSS (5t3)11,028
websites, tooling, css, support
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)11,027
accessibility, focus, aria, html
Load Websites Faster With Code Splitting11,026
performance, code-splitting, react
How to Get Started With NodeJS—a Handbook for Beginners (fre)11,025
introductions, guides, nodejs
Do Logical Properties Make CSS Easier to Learn? (chr)11,024
css, logical-properties, learning
developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years?11,023
foss, community, github
CSS Naked Day and the Missing Wikipedia Page (j9t)11,022
css, awareness-days
Creating an Animated Gradient Border With CSS11,021
css, animations, gradients, borders
An Update on the Lock Icon (ser+/dev)11,020
browsers, google, chrome
A Radical Proposal: Put UX Research in Charge11,019
user-experience, research, product-management, strategies
A Complete Guide to Performance Budgets (spe)11,018
guides, performance, performance-budgets, metrics
3 Engineering Mistakes That Kill Startups11,017
mistakes, architecture
7 Things to Remove From Your Job Postings to Be More Inclusive (wom)11,016
hiring, dei
What’s New in Svelte: May 2023 (sve)11,015
release-notes, svelte, sveltekit
This Blog Is Hosted on My Android Phone11,014
websites, hosting, mobile
Testing Feature Support for Modern CSS (5t3)11,013
css, feature-detection, support
Tailwind CSS vs. UnoCSS11,012
tailwind, unocss, css, frameworks, comparisons
“:root” Isn’t Global (kil)11,011
css
Qwik Reaches v1.0 (bui)11,010
release-notes, qwik
Practical Guide to Not Blocking the Event Loop11,009
guides, javascript, event-loop, events, performance
CSS Wishlist 2023 (ell)11,008
css, wish-lists
Configuring ESLint, Prettier, and TypeScript Together (jos)11,007
eslint, prettier, linting, formatting, tooling, typescript, configuration
CDNs: Speed Up Performance by Reducing Latency (aus)11,006
content-delivery, performance
Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (bek/ope)11,005
foss, content, career
Two Underused Arguments for Writing Documentation (j9t)11,004
writing, documentation, career
My Favorite Free Courses to Learn JavaScript in Depth11,003
courses, javascript, training, link-lists
30th Anniversary of Licensing the Web for General Use and at No Cost (koa/w3c)11,002
web, web-platform, standards, foss, history, anniversaries
The Popover API Is Exciting, Sort Of (mrt)11,001
apis, pop-overs
Dark Mode in 3 Lines of CSS and Other Adventures (sto)11,000
css, dark-mode
Information Architecture (IA) and Sitemap: Simple and Easy to Understand10,999
information-architecture, sitemaps, best-practices
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)10,998
css, javascript, functions, quality
Rebuilding a Featured News Section With Modern CSS: Vox News (sha)10,997
css, refactoring, maintenance, optimization
New to the Web Platform in April (rac/dev)10,996
release-notes, web-platform, browsers, google, chrome, mozilla, firefox
JS Private Class Fields Considered Harmful (lea)10,995
javascript
Everything You Need to Know About Webpack’s Bundle Analyzer10,994
webpack, bundling, tooling
Animating the Impossible (btc)10,993
videos, animations, transitions
A Beginner’s Introduction to the Most Common Data Types in Programming10,992
introductions, types, programming
Writing Unit Tests in Node.js Using Jest10,991
testing, nodejs, jest
What Is the Value of a Design System? (zer)10,990
design-systems
Typography for Everyone (tob/btc)10,989
videos, fonts, typography
The Most Underrated Section of Design Portfolios10,988
design, career
Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (mer)10,987
accessibility, communication, advocacy, processes
Modern CSS Layout Is Awesome! (mic/btc)10,986
videos, css, layout
How to Manage Design Tokens10,985
how-tos, design-tokens, maintenance
How to Deep Merge Arrays and Objects With JavaScript (cfe)10,984
how-tos, javascript, arrays, objects
Accessible Target Sizes Cheatsheet (vit/sma)10,983
accessibility, user-experience
Structure and Interpretation of Flutter (win)10,982
flutter, dart
The Most Important Thing Productivity Tools Are Missing About AI (uxd)10,981
tooling, productivity, ai
What Is the QUIC Protocol?10,980
protocols, quic
The Interactive Guide to Rendering in React10,979
guides, client-side-rendering, react
Discovering the Power of JavaScript Proxy After All This Time10,978
javascript
Adding Motion to the Next Decade of Atomic Design (uxd)10,977
design, atomic-design
Transition To and From “display: none” With Upcoming CSS Capabilities (una)10,976
videos, css, transitions
The Best Way to Get nvm Working in CI/CD Systems10,975
nvm, ci-cd
Reducing the Cost of String Serialization in Node.js Core10,974
nodejs, strings, performance
Crafting the Next.js Website10,973
nextjs
Comparing the Best Node.js Version Managers: nvm, Volta, and asdf10,972
nodejs, npm, nvm
Organizing a Web Design System for Scalability in Figma (uxd)10,971
design-systems, scalability, figma
Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It (uxd)10,970
design-debt, user-experience, metrics, economics
Figma, I Love You but You’re Bringing Me Down (uxd)10,969
figma
What’s New in Node.js 20 (cra)10,968
nodejs
The Potentially Dangerous Non-Accessibility of Cookie Notices (mar/sma)10,967
accessibility, cookies, legal, privacy, user-experience
The “const” Deception (jos)10,966
javascript
Scoped CSS Is Back (kei)10,965
css, scope
npm vs. Yarn vs. pnpm10,964
npm, yarn, pnpm, comparisons
Goodbye “create-react-app”: A New Approach10,963
react
Frontend Web Performance Checklist10,962
performance, checklists
CSS Blend Modes10,961
css, blend-modes
Avoiding Dark Patterns in Web Design (boa/fro)10,960
dark-patterns, design
Automating Dependency Updates: The Big Debate10,959
dependencies, automation, ci-cd, security
The Case Against Automatic Dependency Updates (ben)10,958
dependencies, automation, ci-cd, maintenance, security
Transitioning to Height Auto (Two Ways) (kei)10,957
css
“The Secret List of Websites” (chr)10,956
ai, web, content
The Effects of Technical Debt on Morale10,955
research, technical-debt, productivity
Meeting WCAG Level AAA (pat/tet)10,954
accessibility, wcag, conformance, standards
How to Write Comments in React: The Good, the Bad, and the Ugly10,953
how-tos, react, comments
Exploring the Potential of Web Workers for Multithreading on the Web (sma)10,952
web-workers, multithreading, performance, javascript
“details”/“summary” Inconsistencies (mat)10,951
html, disclosure-widgets, browsers, assistive-tech, support
Dark Mode Toggle and “prefers-color-scheme”10,950
dark-mode, toggles, css
Considering Content Warnings in HTML (aar)10,949
html, content, dei
Designing and Coding for Voice10,948
accessibility, voice
System Design Blueprint: The Ultimate Guide (zon)10,947
guides, cheat-sheets, architecture, system-design, principles
Upgrading Our CSS Habits: “aspect-ratio” (cod)10,946
css, aspect-ratio
This Website Is Under Construction, a Love Letter to the Personal Website (btc)10,945
videos, web, web-platform
Spinning Diagrams With CSS (har)10,944
css, animations
Read-Only Web Apps (ada)10,943
javascript, progressive-enhancement
CSS Custom Properties Beyond the “:root” (mat)10,942
css, custom-properties, semantics
5 Topics You Should Touch on During the Recruitment Process10,941
interviewing, career, processes
It’s Time for the Tech Industry to Live Up to Its Ideals (uxd)10,940
career, outlooks
Visually Accessible Data Visualization10,939
accessibility, information-design
Why Is Scrum the Most Popular Agile Framework?10,938
scrum, agile, processes
Using HTML Elements as CSS Masks10,937
css
Release Notes for Safari Technology Preview 168 (jon/web)10,936
release-notes, browsers, apple, safari
Productivity and Well-Being: A Summary of What Works10,935
productivity, career
Introduction to Web Animations With GSAP10,934
introductions, animations, javascript, gsap
Introducing npm Package Provenance (git)10,933
introductions, github, npm, provenance, security, foss
Intro to Runtime Performance in the Chrome DevTools Performance Panel (ann/thi)10,932
videos, introductions, performance, dev-tools, browsers, google, chrome
Generating Provenance Statements10,931
npm, provenance, security
Browser Rendering: What Happens Behind the Scenes (fro)10,930
browsers, rendering, browser-engines, parsing, painting, dom, cssom
5 Code Refactoring Techniques to Improve Your Code10,929
refactoring, maintenance, techniques
Container Query Units and Fluid Typography (5t3)10,928
css, container-queries, typography, liquid-design
Audio Accessibility in Miro: A Hackathon Story in 3 Acts (sin)10,927
accessibility, multimedia, experiments
10 Common Mistakes in Angular Development10,926
angular, mistakes, best-practices
Why CloudFront Invalidation Is Required After Every New Deployment and How to Implement It?10,925
how-tos, aws, cloudfront, caching
5 Must-Know Shopify Liquid Tips and Tricks for Customizing Your Store10,924
liquid, shopify, customization, tips-and-tricks
What’s New in ECMAScript 2023 (paw)10,923
ecmascript, standards
The Three Browser Storage Mechanisms10,922
browser-storage, cookies, comparisons
Signals: Fine-Grained Reactivity for JavaScript Frameworks10,921
javascript, reactivity, signals, frameworks
Node.js 20 Is Now Available! (nod)10,920
nodejs, release-notes
Kubernetes Quick Tutorial10,919
tutorials, kubernetes
How to Create an SEO Strategy (moz)10,918
how-tos, seo, strategies
DevTools: A Better Way to Visualize Your JavaScript10,917
dev-tools, visualization, browsers, performance, lighthouse, google, chrome, microsoft, edge
8 Best Tools for Cryptography and Encryption (sta)10,916
link-lists, tooling, comparisons, security, cryptography, encryption, privacy
Building a Static Site With Eleventy and Tailwind10,915
eleventy, tailwind
You Are What You Measure10,914
videos, metrics
What Is Design Thinking? (sma)10,913
design
Using a Muted Color Palette in Web Design (uxm)10,912
design, colors, color-palettes
It’s Very Likely That… (mat)10,911
html, semantics, buttons, modals
Firefox May Soon Reject Cookie Prompts Automatically10,910
cookies, legal, user-experience, mozilla, firefox
Deno vs. Node: No One Is Ready for the Move10,909
deno, nodejs, dependencies, comparisons
Business Impacts of UI Design and UX Design (uxm)10,908
design, economics
Answering “What ARIA Can I Use?” (w3c)10,907
accessibility, aria, browsers, screen-readers, assistive-tech, support
All About the Semantic Web10,906
semantic-web, concepts
A List of Programming Playgrounds (b0r)10,905
programming, link-lists, testing
Exploring “:has()” Again (mic)10,904
css, selectors
How to Name Design Tokens in a Design System (uxd)10,903
how-tos, design-tokens, design-systems, naming
3 Common IA Mistakes (That Are All Due to Low Information Scent) (nng)10,902
information-architecture, information-scent, usability, mistakes