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