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