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 respect and accountability. Hide

Frontend Dogma

“2023” News Archive (4)

Entry (Sources) and Additional TopicsDate#
Transition Between Pages Smoothly With a Single Line of Code (cit)1390
css, transitions
Faking a “:snapped” Selector With Scroll-Driven Animations (bra)1389
css, selectors, animations, scrolling
What Does the Image “decoding” Attribute Actually Do? (tun)1388
html, attributes, images, performance
What’s Your Type? Try These Tests to Pick the Perfect Font for You (was)1387
design, typography, fonts
AI Is Killing the Old Web, and the New Web Struggles to Be Born (ver)1386
ai, web
Magnification and Zoom Accessibility Guide—Everything You Need to Know1385
guides, accessibility, screen-magnification, zooming
Live Regions in React (abb)1384
react, aria, live-regions, accessibility
Top Tips From a Web Accessibility Evaluator at WebAIM (web)1383
accessibility, webaim, auditing, tips-and-tricks
Tips for Upgrading Your Techstack for Faster Frontend Development1382
tips-and-tricks, tech-stacks, productivity, efficiency, modernization
Qwik Introduction—a Framework That Goes Fast1381
videos, introductions, qwik
Mixing Colors With CSS (mrt)1380
colors, css
Understanding Space-Based Architecture1379
architecture
A Beginner’s Guide to Laravel: Introduction and Key Features1378
guides, introductions, laravel
An Introduction to Parser Combinators1377
introductions, parsing
Introduction to Cloud Computing1376
introductions, cloud-computing
XML Is the Future1375
web, processes
WebSockets 101 (thi)1374
introductions, protocols, websockets
Debugging INP (scr)1373
videos, performance, debugging, web-vitals
Text Wrap Pretty Is Coming to CSS (ami)1372
css, typography
Choosing a Color Palette (nng)1371
videos, design, colors, color-palettes
An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript1370
introductions, security, vulnerabilities, nodejs, javascript
Understanding Authorization Before Authentication: Enhancing Web API Security1369
authorization, authentication, apis, security, comparisons
Using BEM for Design System Tokens1368
css, bem, design-tokens, conventions
Converting [a] JavaScript Codebase to TypeScript1367
javascript, typescript, migrating, refactoring
All You Need to Know About CORS and CORS Errors1366
security, cors, errors
The Case for Variables1365
sass, css, variables, custom-properties, json, figma
Announcing Svelte 4 (sve)1364
release-notes, svelte
Future CSS: State Container Queries (sha)1363
css, container-queries
The Cost of JavaScript 2023 (add)1362
videos, javascript, performance
Component Driven User Interface Testing (CDUIT)1361
components, testing
Introducing the MDN Playground: Bring Your Code to Life (mdn)1360
introductions, mdn, documentation, testing
The Unlikely Story of UTF-8: The Text Encoding of the Web1359
unicode, history
Cascade Layers Are Useless * (mat)1358
css, cascade
The 5 Pillars of Every HTTP Request1357
http
What Exactly Is [the] “:root” Pseudo-Element in CSS? (zor/css)1356
videos, css, selectors
Using Multiple Selectors With JavaScript Selector Methods (cfe)1355
javascript, selectors, methods
Debugging Commands Every Linux Administrator Should Know1354
debugging, command-line, unix-like
Too Much JavaScript? Why the Frontend Needs to Build Better1353
javascript, web-platform, performance
CSS in Micro Frontends1352
css, micro-frontends
How Designers Can Beat AI at Design1351
design, ai
WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted (deq)1350
wcag, accessibility, testing, axe
Design Systems Directory1349
websites, design-systems
Designing for Inclusion1348
design, dei, accessibility
Authentication vs. Authorization1347
authentication, authorization, comparisons
Continuous Accessibility (a11)1346
websites, accessibility, processes
Making Your Design Tokens Future-Proof (and)1345
design-tokens
State of CSS 2023 (sac/dev)1344
surveys, css
W3C Launch Their New Website (sim/stu)1343
w3c
Thoughts From “Meet Safari for Spatial Computing” (jim)1342
safari, spatial-web, accessibility, responsive-design
Three Key Principles for an Accessible Website1341
principles, accessibility
Style Your RSS Feed (dar)1340
css, rss, atom
Creating a Flexible Design Token Taxonomy for Intuit’s Design System1339
design-tokens, design-systems
Top 6 AI Coding Assistants in 20231338
ai, tooling
Balancing Users’ Needs and Business Goals in UX Design (uxm)1337
user-experience, design
Gatsby Headaches and How to Cure Them: I18N II (mon/sma)1336
gatsby, internationalization
ExtJS for Beginners1335
extjs
Can Web Developers Be Held Liable?1334
accessibility, legal
Packaging and Selling a Node.js App1333
nodejs
Why UX Testing Is Critical to Your Web Site’s Success (uxm)1332
user-experience, testing
Balancing Users’ Data Privacy and the User Experience (uxm)1331
privacy, user-experience
Radix UI Component With Next.js and Tailwind CSS1330
videos, components, radix, nextjs, tailwind
Button Types1329
html, buttons
Import Maps to Natively Import JavaScript Modules Using Bare Names (ami)1328
javascript, import-maps
The New CSS (mat)1327
css, design, web-platform
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)1326
navigation, scrolling, user-experience
It Depends—Exploring My Favourite Renovate Features for Dependency Updates (kal)1325
dependencies, maintenance, renovate, configuration
How to Clean Up Your Local Repository With Git Commands (thi)1324
how-tos, git, command-line, maintenance
Git Concepts Everyone Should Know (fra)1323
git, concepts
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples1322
tutorials, guides, databases, indexeddb, examples
It’s Time for Dimensional Thinking in Design1321
design, ai
Scoping (mat)1320
css, scope
The Five Types of People Who Produce Inaccessible Code (eri)1319
accessibility, community
TypeScript 5.2’s New Keyword: “using” (mat)1318
typescript
Standardising Design Tokens (oll)1317
design-tokens, conventions
Wolvic 1.4 Released (wol)1316
release-notes, wolvic, browsers
Create React UI Lib: Component Library Speedrun1315
typescript, react, components, npm
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)1314
accessibility, testing, forms
An Explosion in Software Engineers Using AI Coding Tools? (ger)1313
ai, code-completion, productivity
Django: A Security Improvement Coming to “format_html()” (ada)1312
django, security, html
The Next Phase of Eleventy: Return of the Side Project (zac)1311
eleventy
Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra)1310
css, animations, transitions, scrolling, custom-properties, style-queries
What Are Deceptive Patterns?1309
user-experience, dark-patterns
How to Add a CSS Reveal Animation to Your Images (css)1308
how-tos, css, animations, images
A Guide to Coding Standards to Improve Code Quality1307
guides, conventions, formatting, consistency, quality
HTML Imports (w3c)1306
html
Top 10 Things You Should Add While Coding: Valuable Tips for Programmers1305
tips-and-tricks, programming
What’s UnAI-Able1304
ai
Cyclic Dependency Space Toggles (kiz)1303
toggles, css, custom-properties
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)1302
design, accessibility, css, comparisons
npm Won’t Publish Packages Containing the Word “keygen”1301
discussions, npm, dependencies
Puppeteer in Node.js: More Antipatterns to Avoid (app)1300
nodejs, scraping, testing, anti-patterns, puppeteer
Using Color Wheel Combinations in Your Designs (web)1299
colors, design
Simplify Email Development With MJML: A Beginner’s Guide1298
email, mjml, guides
How (and Should?) We Stop the Infinite Scroll1297
user-experience, scrolling
End-to-End Tracing1296
observability, tracing, case-studies, canva
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sma)1295
how-tos, svelte, sveltekit, web-apps, server-side-rendering
Rebuilding a Comment Component With Modern CSS (sha)1294
functionality, components, css
The Gotchas of CSS Nesting (kil)1293
css, nesting
Nuxt in 100 Seconds (fir)1292
videos, introductions, nuxt
When and Why to Use a Click Test1291
usability, testing
Tuesday, June 20, 2023 Security Releases (raf/nod)1290
release-notes, nodejs, security
Gatsby Headaches and How to Cure Them: I18N (mon/sma)1289
gatsby, internationalization
“margin-trim” as a Best Practice? (chr)1288
css, margins
Positioning Anchored Popovers (hdv)1287
pop-overs, css, positioning
Naming Components1286
design-systems, components, naming
Chrome for Testing: Reliable Downloads for Browser Automation (mat)1285
browsers, chrome, testing
Blur Vignette Effect in CSS1284
css, effects
CSS! CSS! CSS! (mat)1283
css, community
How to Highlight Required and Optional Form Fields (ada)1282
how-tos, forms, mistakes, usability
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)1281
css, web-platform
How to Learn Programming1280
how-tos, learning, programming
Bottom Sheets: Definition and UX Guidelines (nng)1279
terminology, guidelines, mobile, user-experience
TypeScript Book1278
books, typescript
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now1277
html, viewport, metadata, accessibility, responsive-design
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)1276
design, strategies
Modern CSS for Dynamic Component-Based Architecture (5t3)1275
css, architecture, components
An Introduction to DevOps1274
introductions, dev-ops
Shining Light on the Shadow DOM (cas/css)1273
videos, shadow-dom, dom
That’s Not How I Wrote CSS Three Years Ago (mat/css)1272
videos, css, support
CSS Containers, What Do They Know? (mia/css)1271
videos, css, container-queries
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)1270
videos, css, scrolling, animations, view-transitions
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)1269
videos, css, browsers, internet-explorer, support, history
Best Animation Libraries for React1268
libraries, animations, react, link-lists
No, “AI” Will Not Fix Accessibility (aar)1267
accessibility, ai
The Universal Focus State (eri)1266
accessibility, focus, css
Style Recalculation Secrets They Don’t Want You to Know (pat/css)1265
videos, css, selectors, performance
Why Doesn’t CSS Have Scope? (hey/css)1264
videos, css, scope
State of the CSS Community (una/css)1263
videos, css, community
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim)1262
css, scrolling
Sticky Content: Focus in View (tet)1261
accessibility, focus, scrolling, css
Must Know JavaScript API—IndexedDB API1260
databases, indexeddb, javascript, apis
48 Laws, Rules, and Principles of Web Development (j9t)1259
programming, principles, terminology
Are Simple Websites Better for Business? (web)1258
design, simplicity
Best Practices for Container Queries (zel)1257
best-practices, container-queries, css
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)1256
checklists, performance, compression, dependencies, accessibility, legibility, naming
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)1255
videos, dev-tools, browsers, chrome
Testing Sites and Apps With Blind Users: A Cheat Sheet (sma)1254
accessibility, testing, screen-readers, assistive-tech, tooling, cheat-sheets
Designing a Scalable Backend in Node.js (app)1253
software-design, scalability, nodejs
Accessibility and Artificial Intelligence (joe)1252
accessibility, ai
Assume the Position—a Labeling Story (llo/tpg)1251
accessibility, forms, labels, html
Be Careful With “ch” Units (cit)1250
css, units
Modern CSS in Real Life (chr)1249
css
The Ultimate Guide to Writing Technical Blog Posts (bla)1248
guides, writing, blogging
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)1247
standards, accessibility, aria, rich-internet-apps
Reducing Complexity in Front End Development (mic)1246
complexity, performance, css, javascript
Styling Scrollbars (oll)1245
scrolling, css
What’s New in CSS (jen)1244
videos, css, apple
RSC From Scratch: Server Components1243
videos, react, components
Tokens Are the Most Valuable Artifact a Design System Can Provide1242
design-systems, design-tokens
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (sma)1241
information-design, user-experience, tables, grids
Angular at Google I/O 2023 (ang)1240
release-notes, angular, google
Primitive Objects in JavaScript: When to Use Them (sma)1239
javascript, objects
Accessibility Testing—Pay Attention to the Details1238
accessibility, testing
An Introduction to Debugging in Node.js (cra)1237
introductions, debugging, nodejs
How Photoshop Solved Working With Files Larger Than Can Fit Into Memory (tom)1236
adobe, memory
Is React Having An AngularJS Moment? (fra/mar)1235
react, angularjs
What Is Open Graph? How to Use It for Your WordPress Website?1234
how-tos, open-graph, html, social-media, wordpress
One More Thing—Apple’s Push on Web Apps on macOS1233
apple, web-apps
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)1232
user-experience, accessibility, focus, forms
New Job? Negotiate as if Your Life Depends on It1231
career
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance1230
how-tos, rendering, dom, performance, debugging, angular
test262.fyi1229
websites, javascript, ecmascript, javascript-engines, v8, javascriptcore, spidermonkey, quickjs, chakracore
Do Not Drop Sass for CSS1228
css, sass, preprocessors
The Many Ways to Select the n-th Character From a String (cod)1227
javascript, strings
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)1226
accessibility, focus, wcag, standards
How We Created an Accessible, Scalable Color Palette1225
colors, color-palettes, accessibility, scalability, case-studies
New CSS Color Spaces and Functions in All Major Engines (rac)1224
css, colors, functions, browsers, support
An Introduction to “@scope” in CSS (oll)1223
introductions, scope, css
No Single Metric Captures Productivity1222
productivity, metrics
wasmati: You Should Write Your WebAssembly in TypeScript1221
webassembly, typescript, libraries
How Chrome Achieved High Scores on Three Browser Benchmarks1220
browsers, chrome, performance
How AI Can Make Software More Intuitive1219
ai, usability
Every Design Team Needs Writers1218
design, writing
A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS1217
guides, deploying, complexity, architecture, aws
Accessible Components: The Hamburger Menu1216
accessibility, components, navigation
Advanced Form Control Styling With “selectmenu” and Anchoring API (uti/sma)1215
forms, apis, css
Announcing TypeScript 5.1 (dan/typ)1214
release-notes, typescript
Performance Is Not a Checklist (tka)1213
performance, user-experience
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)1212
html, semantics
Google Now Treats .ai Domains as Generic Top-Level Domains (rus/sea)1211
google, domains, ai
Why We Should Stop Using JavaScript According to Douglas Crockford (dou)1210
videos, javascript
Quick Tip: Shipping Resilient CSS Components (5t3)1209
css, components, maintainability, resilience, tips-and-tricks
Presentational Colors (luk)1208
colors, design-tokens
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)1207
transitions, dev-tools, browsers, chrome
Asynchronous JavaScript for Beginners1206
javascript, asynchrony
The Context Dilemma1205
design-systems, design-tokens
Some Things I Learnt From Working on Big Frontend Codebases1204
complexity, lessons
Design Systems: A Curated List for Today’s UI/UX Designers (sta)1203
design-systems, design, tooling, link-lists
Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo)1202
images, gif
Re-Evaluating “px” vs. “em” in Media Queries (kei)1201
css, units, media-queries, comparisons
Token Operations (don)1200
design-tokens
Watch Out for Layout Shifts With “ch” Units (pau/clo)1199
performance, css, units
How to Format a Date With JavaScript—Date Formatting in JS (fre)1198
how-tos, javascript, time
security.txt Now Mandatory for Dutch Government Websites1197
security, legal
How to Add Custom Meta Boxes in WordPress Without a Plugin1196
how-tos, wordpress, customization
New to the Web Platform in May (rac)1195
release-notes, web-platform, browsers, chrome, firefox, safari
Release Notes for Safari Technology Preview 171 (jon/web)1194
release-notes, browsers, safari
Linting Defensive and Logical CSS With Stylelint Plugins (log)1193
css, logical-properties, linting, stylelint, plugins
How Blink Invalidates Styles When “:has()” [Is] in Use (iga)1192
browsers, browser-engines, rendering, blink, css, selectors
Accessibility Audits for All1191
accessibility, auditing, testing
21 Awesome Web Features You’re Not Using Yet (fir)1190
videos, html, css, javascript
An Introduction to JavaScript Proxies (cra)1189
introductions, javascript
Cracking the Theme Switcher and Dark Mode1188
css, javascript, dark-mode
Hands on With the Node.js Test Runner (phi)1187
nodejs, testing
What Is Personalization?1186
personalization, concepts
S.P.A.C.E. Framework—the Ultimate Framework for Measuring Your Tech Team Productivity1185
productivity, metrics, engineering-management, culture, communication, collaboration, efficiency
The Art of Code Review1184
code-reviews, processes, collaboration
Announcing the Second Compute Pressure Origin Trial1183
apis, browsers, chrome, origin-trials
I Think I Finally “Get” JS Objects1182
javascript, objects
Don’t Meddle With User Input (tem)1181
accessibility, forms
Simple Things Make Things Simple (pjo)1180
simplicity, case-studies
The Double-Edged Sword of Design Systems1179
design-systems, design
10 Incident Management Best Practices1178
incident-response, best-practices, processes
Sass-Like Nesting in Native CSS (ami)1177
css, sass, nesting
The Problem With Nested Fieldsets and How to Avoid Them (ada)1176
accessibility, forms, assistive-tech, support
How Screen-Reader Users Type on and Control Mobile Devices (nng)1175
accessibility, usability, screen-readers, mobile
The Optimization Sinkhole1174
productivity, optimization
Improving the Quality of the Software With Qodana and GitHub Actions1173
qodana, quality, optimization, github, ci-cd
Mastering CSS Blend Modes1172
css, blend-modes
Plain Old JavaScript and the DOM (dou)1171
javascript, dom
WordPress Turns 20 (sar)1170
wordpress
When to Use Plain Text or Images Instead of MathML1169
mathml, math, accessibility
Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript? (eva)1168
javascript, unicode
Understanding the Importance of Encoding1167
encoding
Brief Note on Popovers With Dialogs (aar)1166
html, support, accessibility, pop-overs, modals
Supper Club × Bramus Van Damme on CSS (bra+/syn)1165
podcasts, interviews, css
We Need to Talk About How We Talk About Accessibility1164
accessibility, communication, dei
What Is the Most Popular Feed Format: RSS, Atom, or JSON? (paw/htt)1163
discussions, syndication, rss, atom, json-feed
A Practical Overview on Architecture Decision Records (ADR)1162
overviews, documentation, processes
How to Draw Any Regular Shape With Just One JavaScript Function (mdn)1161
how-tos, javascript, functions
Designing a Better Design Handoff File in Figma (sma)1160
design, processes, figma
“display: contents” Considered Harmful (eri)1159
accessibility, css
Two Things That Are Not Great About OKLCH (chr)1158
colors, oklch
Levelling Up Accessibility Skills in Your Organisation (rus/int)1157
videos, accessibility
Seven Lessons From 7 Years Designing Systems1156
lessons, design-systems
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)1155
html, best-practices, forms
A Complete Guide to Using IndexedDB (log)1154
guides, databases, indexeddb
Querying Parsed HTML in BigQuery (rvi)1153
html
Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (mer/equ)1152
accessibility, vpat-acr, documentation
Single Line Comments in CSS (jim)1151
css, comments
WebKit and web-platform-tests (ann)1150
webkit
The Yellow Fade Technique With Modern CSS Using “@starting-style” (bra)1149
css, transitions, techniques
Register Custom Properties in CSS, Get and Update Them With JavaScript (oll)1148
css, custom-properties
Responsive CSS Layout Grids Without Media Queries (5t3)1147
css, grids, layout, responsive-design
Deploying AVIF for More Responsive Websites1146
images, avif, performance
File Upload Security and Malware Protection (aus)1145
security, malware, file-handling, edge-computing
I Created 100+ Unique CSS Patterns (css)1144
css, backgrounds, effects
Two Simple Layouts That Work Better With Grid (kev)1143
videos, css, grids, layout
Where to Put Your Types in Application Code (mat)1142
typescript
You Don’t Need a Modal Window (dz4)1141
websites, modals
Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design1140
accessibility, dei, modals, time
Introducing the Popover API (una)1139
introductions, apis, html, pop-overs
Graph Slider1138
sliders, css
Future of CSS: Popover API1137
css, apis, pop-overs
10 Ways to Boost Your Landing Page Conversion Rates (uxm)1136
landing-pages, user-conversion, metrics
Be Careful Using “Menu” (aar)1135
html, aria, design, terminology
Stop Rewriting Your CSS! Use “:not()” Instead (zor/css)1134
videos, css, selectors, maintenance
Visual-Design Principles and UX Design Best Practices (uxm)1133
design, user-experience, principles, best-practices
Why We’re Bad at CSS (per)1132
css
Working With URLs With Vanilla JavaScript (cfe)1131
javascript, urls
Building a Modern Design System in Layers (dal)1130
design-systems
A Web Component Intro With Example1129
introductions, web-components, examples
Beyond Design Systems for Interfaces: A Mega System of Design Systems1128
design-systems
Building Offline-First Web Applications With Service Workers and IndexedDB1127
offline, web-apps, web-workers, databases, indexeddb, javascript
A Beginners Guide to Digital Accessibility (fra)1126
guides, accessibility
Server-Sent Events With Node.js1125
nodejs, events
How to Build Lean Efficient Websites in 2023 (cfe)1124
how-tos, html, progressive-enhancement, minimalism
Measuring Design System “Adoption” (pjo)1123
design-systems, metrics
Website Issues: On the Relevance of Audience Size and Impact (j9t)1122
processes, quality
Using “linear()” for Better Animation (oll)1121
animations, css, javascript
A New Approach to Measuring Developer Productivity1120
research, productivity, metrics
Creating a Shine Effect on a Card With Tailwind CSS1119
tailwind, effects
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 (gwi/deq)1118
accessibility, wcag, standards
Core Principles of SEO1117
seo, principles, overviews
Getting Started With View Transitions on Multi-Page Apps (dav)1116
css, view-transitions, multi-page-apps, introductions
How to Create a Custom Range Slider Using CSS (css)1115
how-tos, sliders, css, forms
What Devs Can Do on Global Accessibility Awareness Day (ste)1114
accessibility, awareness-days
Accessible Numbers1113
websites, accessibility
Write Better Code by Following These JavaScript Best Practices1112
javascript, best-practices
6 Tips for Improving Language Switchers on Ecommerce Sites (nng)1111
videos, usability, internationalization, localization, ecommerce, tips-and-tricks
Thinking on Ways to Solve Color Palettes (arg)1110
videos, css, colors, color-palettes
ESLint Guide: How to Use It With Confidence1109
guides, eslint, linting, consistency, maintainability
Release Notes for Safari Technology Preview 170 (jon/web)1108
release-notes, browsers, safari
A History of Metaphors for the Internet (jos/ver)1107
history, web, terminology
Jekyll Tutorial: How to Create a Static Website (kin)1106
tutorials, how-tos, jekyll
Conditional CSS With “:has” and “:nth-last-child” (sha)1105
css, selectors
Fieldsets, Legends, and Screen Readers Again (ste/tpg)1104
accessibility, html, forms, screen-readers
Getting an Item an Array With a Negative Index With Modern JavaScript (cfe)1103
javascript, arrays
GitHub Copilot and ChatGPT Alternatives (ger)1102
github-copilot, chatgpt, ai, comparisons
I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (cod)1101
career, interviewing
Python Developers Survey 2022 Results (jet)1100
surveys, python
Semantics and the “popover” Attribute: What to Use When? (hdv)1099
html, attributes, semantics, accessibility, pop-overs
State of Node.js Performance 2023 (raf)1098
nodejs
Vertical Rhythm Using CSS “lh” and “rlh” Units (paw)1097
css, units
Comparing Version Control Systems: Git, SVN, CVS, and More1096
comparisons, version-control, git, svn, cvs
It’ll Soon Be (Too) Easy to Develop a Website in A Day1095
ai, processes, productivity, creativity
Why Your Design Language System Needs a Product Manager1094
design-systems, product-management
Design Patterns Are a Better Way to Collaborate on Your Design System (sma)1093
design-patterns, design-systems, collaboration
Why Is Web Accessibility Important? (tpg)1092
videos, accessibility
CSS Art: Drawing a Coffee Stain (alv)1091
css, art
Let’s Share Our Salaries, Title, Location, XP1090
discussions, career
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)1089
accessibility, html
How to Handle Production Support When Using Scrum1088
how-tos, agile, scrum, processes
Get Full Type Support With Plain JavaScript1087
javascript
HTML Landmark Roles Screen Reader Demo (sch/mdn)1086
videos, accessibility, html, screen-readers, voiceover
10 Books to Improve Coding Skill in 20231085
books, programming, link-lists
Solving Media Object Float Issues With CSS Block Formatting Contexts (sma)1084
css, floats
The Problem With Disabled Buttons and What to Do Instead (ada)1083
buttons, user-experience, accessibility
7 Secret TypeScript Tricks Pros Use1082
typescript, tips-and-tricks
Error Message Guidelines (nng)1081
guidelines, usability, errors, writing
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim)1080
html, accessibility, screen-readers, support
ES2023 Features1079
ecmascript
Building a Frontend Framework—Reactivity and Composability With Zero Dependencies1078
frameworks, reactivity, dependencies
Respect Your Children (ste/tpg)1077
accessibility, html, aria
Add Opacity to an Existing Color (chr)1076
colors, transparency+opacity, css
What Is “Fake Door” Testing in UX?1075
testing, user-experience
Building a Greener Web (mic)1074
videos, web, sustainability
Keeping Up With an Ever Changing Web (joh)1073
web-platform, learning
The JavaScript Ecosystem Is Delightfully Weird (sam/fly)1072
javascript
What’s New in CSS and UI: I/O 2023 Edition (una+)1071
css, retrospectives
An Introduction to the Bun JavaScript Runtime (cra)1070
javascript, runtimes, bun
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)1069
performance, web-vitals, shopify
Regular Expressions in JavaScript (hon)1068
javascript, regex, examples
Introduction to Screen‐Readers: JAWS Edition1067
introductions, screen-readers, jaws, accessibility
Introduction to Screen‐Readers: NVDA Edition1066
introductions, screen-readers, nvda, accessibility
Introduction to Screen‐Readers: VoiceOver macOS Edition1065
introductions, screen-readers, voiceover, accessibility
Best Practices for All Developers1064
best-practices
Is Data Transfer the Best Proxy for Website Carbon Emissions? (fer)1063
sustainability, network
What’s New in Web Animations (bra)1062
videos, animations
Introducing Baseline (rac)1061
introductions, browsers, support, web-platform
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun)1060
videos, performance, web-vitals
Advancing Interaction to Next Paint (rvi+)1059
performance, web-vitals
The Difference Between Agile and UX Is Not About Quantity vs. Quality (jas)1058
agile, user-experience, processes, comparisons
Why an Engineering Manager Should Not Review Code (mul)1057
engineering-management, code-reviews
ES2023 Introduces New Array Copying Methods to JavaScript (phi)1056
javascript, ecmascript, standards, arrays
Developer Tools That Shouldn’t Be Secrets (cod)1055
videos, browsers, dev-tools
Introducing INP to Core Web Vitals1054
introductions, performance, web-vitals, search, seo
Slow Design1053
websites, design
How to Optimize Web Responsiveness With Interaction to Next Paint (ann)1052
videos, how-tos, performance, web-vitals
Crafting a Modern Spotlight Effect With React and CSS1051
css, react, effects
Introducing Baseline: A Unified View of Stable Web Features (mdn)1050
introductions, browsers, support, web-platform
What’s New in Web1049
videos, browsers, support, web-platform
Baseline Features You Can Use Today1048
browsers, support, web-platform
The Ongoing Defence of Frontend as a Full-Time Job (cod)1047
career
Rearrange/Animate CSS Grid Layouts With the View Transition API (bra)1046
css, grids, layout, view-transitions, apis
API Design Practice1045
apis, documentation, link-lists
Diagnose Slow Interactions in the Lab (mal)1044
performance, web-vitals
Optimize Input Delay (mal)1043
performance, web-vitals, optimization
Find Slow Interactions in the Field (mal)1042
performance, web-vitals, auditing
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal)1041
performance, dom, html, optimization
Script Evaluation and Long Tasks (mal)1040
performance, javascript, web-vitals
Client-Side Rendering of HTML and Interactivity (mal)1039
performance, html, client-side-rendering
An Introduction to Container Queries in CSS (5t3)1038
introductions, css, container-queries
See What’s New in Firefox [113.0] (moz)1037
release-notes, browsers, firefox
Understanding ActivityPub: Protocol Fundamentals (cre)1036
activitypub, protocols, fundamentals
How to Handle Emojis in Node.js1035
how-tos, nodejs, emoji, unicode
Design Systems [Are] a Mindset Not a Library1034
design-systems
Dithering (chr)1033
images, dithering
Improving Web-Site Conversion Rates Through Better UX Design (uxm)1032
user-conversion, metrics, optimization, user-experience
ShatGPT (ste)1031
accessibility, ai
How “x-default” Can Help You (met)1030
internationalization, urls, html, attributes, search, google
Speed Trap (dav/ver)1029
amp, web-platform
Pay Attention to Web Performance Metrics to Improve the UX (uxm)1028
performance, metrics, user-experience, web-vitals, optimization
Proportional Design Systems With Proportio.app1027
design-systems
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications1026
guides, langchain, google, gcp, functions, ai
A Complete Guide to Usability Testing (uxm)1025
guides, usability, testing
How Far Back in Time Can I Take My Website’s Design1024
web, design, history, html, css
How to Configure Path Aliases in Frontend Projects in the Native Way1023
how-tos, aliases, javascript, configuration
The Problem With Sticky Menus and What to Do Instead (ada)1022
navigation, usability, user-experience
Should the Confirmation Button Come First or Last?1021
buttons, interaction-design
Complete Guide on Playwright Visual Regression Testing1020
guides, playwright, design, testing, regressions
Cron Job: A Comprehensive Guide for Beginners1019
guides, cron
Scaling Node.js Web Apps With Docker1018
scalability, nodejs, web-apps, docker
The Image Sorting Experiment1017
images, information-design, sorting, experiments
CSS Logical Properties: A Good Use Case (wes)1016
videos, css, logical-properties
Scroll-Driven Animations (bra)1015
websites, scrolling, animations
Speed Up or Slow Down a Video (pat/dev)1014
browsers, dev-tools, multimedia
HTTP/1 vs. HTTP/2 vs. HTTP/31013
http, protocols, comparisons
I’m Done With React1012
videos, react
Design Tokens: Beginner’s Guide1011
guides, design-tokens, design-systems
How “:not()” Chains Multiple Selectors (dip/mdn)1010
css, selectors
htmx Is the Future1009
htmx, outlooks
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)1008
performance, web-vitals, best-practices
How Do You Declare Namespace in JavaScript?1007
javascript, namespaces
The Frontend Cloud Advantage1006
cloud-computing
GitHub Actions: All Actions Will Run on Node 16 Instead of Node 121005
github, github-actions, automation, nodejs
An Introduction to the “:has()” Selector in CSS (5t3)1004
introductions, css, selectors
React Testing Library and Accessibility (ste)1003
react, testing, libraries, accessibility, automation
Code Coverage vs. Test Coverage1002
code-coverage, testing, quality, comparisons
New Features in the Orion Browser (kag)1001
release-notes, orion, browsers
Using Go for Front End Development1000
go
7 Practical CSS Typography Tips and Tricks (zor/css)999
videos, css, typography, tips-and-tricks
Angular v16 Is Here (mge/ang)998
angular, release-notes
Detecting if an Event Was Triggered by a User or by JavaScript (pau/clo)997
events, javascript
Don’t Use Custom CSS Scrollbars (eri)996
css, scrolling
How to Write More Efficient JavaScript Conditions (fre)995
how-tos, javascript, efficiency
Where Would You Take the W3C? (rob)994
discussions, w3c
Security Implications of HTTP Response Headers993
security, http, http-headers
Make Your Website Load Fast by Optimizing Request Priorities (mat/deb)992
performance, optimization, network
DevEx: What Actually Drives Productivity (acm)991
developer-experience, productivity, metrics
Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It990
accessibility, training
Release Notes for Safari Technology Preview 169 (jon/web)989
release-notes, browsers, safari
How to Make a CSS-Only Hamburger Menu988
how-tos, css, navigation
The Latest Innovations in Drupal987
drupal
The Intersectionality of Web Performance986
performance, sustainability, dei
Do Logical Properties Make CSS Easier to Learn? (chr)985
css, logical-properties, learning
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)984
accessibility, focus, aria, html
SupportsCSS (5t3)983
websites, tooling, css, support
The Simple Trick to Transition From Height “0” to “auto” With CSS (kev)982
videos, css, transitions, tips-and-tricks
The Native Way to Configure Path Aliases in Frontend Projects981
javascript, nodejs, esm, commonjs, tooling, aliases
Things Considered Harmful (bre)980
php, laravel
CSS Naked Day and the Missing Wikipedia Page (j9t)979
css, awareness-days, wikipedia
A/B Testing: A Primer978
introductions, a-b-testing, metrics, optimization
A Radical Proposal: Put UX Research in Charge (jms)977
user-experience, research, product-management, strategies
An Update on the Lock Icon (ser+)976
browsers, chrome
Creating an Animated Gradient Border With CSS975
css, animations, gradients, borders
Load Websites Faster With Code Splitting974
performance, code-splitting, react
How to Get Started With NodeJS—a Handbook for Beginners (fre)973
introductions, guides, nodejs
Why “font-size” Must Never Be in Pixels (gra)972
css, units, accessibility, responsive-design
3 Engineering Mistakes That Kill Startups971
mistakes, architecture
developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years?970
foss, community, github
A Complete Guide to Performance Budgets (spe)969
guides, performance, performance-budgets, metrics
Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (bek/ope)968
foss, content, career
CDNs: Speed Up Performance by Reducing Latency (aus)967
content-delivery, performance
Configuring ESLint, Prettier, and TypeScript Together (jos)966
eslint, prettier, linting, formatting, tooling, typescript, configuration
CSS Wishlist 2023 (ell)965
css, wish-lists
Practical Guide to Not Blocking the Event Loop964
guides, javascript, event-loop, events, performance
Qwik Reaches v1.0 (bui)963
release-notes, qwik
“:root” Isn’t Global (kil)962
css
Testing Feature Support for Modern CSS (5t3)961
css, feature-detection, support
What’s New in Svelte: May 2023 (sve)960
release-notes, svelte, sveltekit
Tailwind CSS vs. UnoCSS959
tailwind, unocss, css, frameworks, comparisons
This Blog Is Hosted on My Android Phone958
websites, hosting, mobile
7 Things to Remove From Your Job Postings to Be More Inclusive (wom)957
hiring, dei
30th Anniversary of Licensing the Web for General Use and at No Cost (koa/w3c)956
web, web-platform, standards, foss, history, anniversaries
Two Underused Arguments for Writing Documentation (j9t)955
writing, documentation, career
My Favorite Free Courses to Learn JavaScript in Depth954
courses, javascript, training, link-lists
Dark Mode in 3 Lines of CSS and Other Adventures (sto)953
css, dark-mode
The Popover API Is Exciting, Sort Of (mrt)952
apis, pop-overs
JS Private Class Fields Considered Harmful (lea)951
javascript
Rebuilding a Featured News Section With Modern CSS: Vox News (sha)950
css, refactoring, maintenance, optimization
Information Architecture (IA) and Sitemap: Simple and Easy to Understand949
information-architecture, sitemaps, best-practices
A Beginner’s Introduction to the Most Common Data Types in Programming948
introductions, types, programming
New to the Web Platform in April (rac)947
release-notes, web-platform, browsers, chrome, firefox
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)946
css, javascript, functions, quality
Animating the Impossible (cas/btc)945
videos, animations, transitions
Everything You Need to Know About Webpack’s Bundle Analyzer944
webpack, bundling, tooling
Accessible Target Sizes Cheatsheet (vit/sma)943
accessibility, user-experience
How to Deep Merge Arrays and Objects With JavaScript (cfe)942
how-tos, javascript, arrays, objects
Modern CSS Layout Is Awesome! (mic/btc)941
videos, css, layout
Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (mer)940
accessibility, communication, advocacy, processes
Typography for Everyone (tob/btc)939
videos, fonts, typography
What Is the Value of a Design System? (zer)938
design-systems
Writing Unit Tests in Node.js Using Jest937
testing, nodejs, jest
How to Manage Design Tokens936
how-tos, design-tokens, maintenance
The Most Underrated Section of Design Portfolios (pro)935
design, career
Structure and Interpretation of Flutter (win)934
flutter, dart
What Is the QUIC Protocol?933
protocols, quic
The Interactive Guide to Rendering in React932
guides, client-side-rendering, react
The Most Important Thing Productivity Tools Are Missing About AI931
tooling, productivity, ai
Discovering the Power of JavaScript Proxy After All This Time930
javascript
The Best Way to Get nvm Working in CI/CD Systems929
nvm, ci-cd
Transition To and From “display: none” With Upcoming CSS Capabilities (una)928
videos, css, transitions
Adding Motion to the Next Decade of Atomic Design927
design, atomic-design
Comparing the Best Node.js Version Managers: nvm, Volta, and asdf926
nodejs, npm, nvm
Crafting the Next.js Website925
nextjs
Reducing the Cost of String Serialization in Node.js Core (yag)924
nodejs, strings, performance
Avoiding Dark Patterns in Web Design (boa/fro)923
dark-patterns, design
Scoped CSS Is Back (kei)922
css, scope
The “const” Deception (jos)921
javascript
The Potentially Dangerous Non-Accessibility of Cookie Notices (mar/sma)920
accessibility, cookies, legal, privacy, user-experience
What’s New in Node.js 20 (cra)919
nodejs
Frontend Web Performance Checklist (jac)918
performance, checklists
Organizing a Web Design System for Scalability in Figma917
design-systems, scalability, figma
CSS Blend Modes916
css, blend-modes
Monorepo Setup With npm Workspaces and Lerna915
monorepos, npm, lerna
Figma, I Love You but You’re Bringing Me Down914
figma
Goodbye “create-react-app”: A New Approach913
react
Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It912
design-debt, user-experience, metrics, economics
npm vs. Yarn vs. pnpm911
npm, yarn, pnpm, comparisons
Considering Content Warnings in HTML (aar)910
html, content, dei
“details”/“summary” Inconsistencies (mat)909
html, disclosure-widgets, browsers, assistive-tech, support
Meeting WCAG Level AAA (pat/tet)908
accessibility, wcag, conformance, standards
“The Secret List of Websites” (chr)907
ai, web, content
Transitioning to Height Auto (Two Ways) (kei)906
css
The Case Against Automatic Dependency Updates (ben)905
dependencies, automation, ci-cd, maintenance, security
Automating Dependency Updates: The Big Debate904
dependencies, automation, ci-cd, security
The Effects of Technical Debt on Morale903
research, technical-debt, productivity
How to Write Comments in React: The Good, the Bad, and the Ugly902
how-tos, react, comments
Setting Up a Monorepo With Lerna for a TypeScript Project (log)901
monorepos, lerna, typescript
Dark Mode Toggle and “prefers-color-scheme” (abb)900
dark-mode, toggles, css
Exploring the Potential of Web Workers for Multithreading on the Web (sma)899
web-workers, multithreading, performance, javascript
5 Topics You Should Touch on During the Recruitment Process898
interviewing, career, processes
CSS Custom Properties Beyond the “:root” (mat)897
css, custom-properties, semantics
Spinning Diagrams With CSS (har)896
css, animations
Upgrading Our CSS Habits: “aspect-ratio” (cod)895
css, aspect-ratio
Designing and Coding for Voice894
accessibility, voice
This Website Is Under Construction, a Love Letter to the Personal Website (btc)893
videos, indieweb, web-platform
System Design Blueprint: The Ultimate Guide (zon)892
guides, cheat-sheets, architecture, system-design, principles
Read-Only Web Apps891
javascript, progressive-enhancement