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

“2023” News Archive (4)

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