Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

“2023” News Archive (4)

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