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. Hide

Frontend Dogma

“2023” News Archive (4)

Entry (Sources) and Additional TopicsDate#
Transition Between Pages Smoothly With a Single Line of Code (cit)1383
css, transitions
Faking a “:snapped” Selector With Scroll-Driven Animations (bra)1382
css, selectors, animations, scrolling
What Does the Image “decoding” Attribute Actually Do? (tun)1381
html, attributes, images, performance
Tips for Upgrading Your Techstack for Faster Frontend Development1380
tips-and-tricks, tech-stacks, productivity, efficiency, modernization
What’s Your Type? Try These Tests to Pick the Perfect Font for You (was)1379
design, typography, fonts
AI Is Killing the Old Web, and the New Web Struggles to Be Born (ver)1378
ai, web
Magnification and Zoom Accessibility Guide—Everything You Need to Know1377
guides, accessibility, screen-magnification, zooming
An Introduction to Parser Combinators1376
introductions, parsing
Mixing Colors With CSS (mrt)1375
colors, css
Understanding Space-Based Architecture1374
architecture
A Beginner’s Guide to Laravel: Introduction and Key Features1373
guides, introductions, laravel
WebSockets 101 (thi)1372
introductions, protocols, websockets
Introduction to Cloud Computing1371
introductions, cloud-computing
XML Is the Future1370
web, processes
Debugging INP (scr)1369
videos, performance, debugging, web-vitals
Text Wrap Pretty Is Coming to CSS (ami)1368
css, typography
The Case for Variables1367
sass, css, variables, custom-properties, json, figma
Choosing a Color Palette (nng)1366
videos, design, colors, color-palettes
An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript1365
introductions, security, vulnerabilities, nodejs, javascript
Using BEM for Design System Tokens1364
css, bem, design-tokens, conventions
All You Need to Know About CORS and CORS Errors1363
security, cors, errors
Converting [a] JavaScript Codebase to TypeScript1362
javascript, typescript, migrating, refactoring
Understanding Authorization Before Authentication: Enhancing Web API Security1361
authorization, authentication, apis, security, comparisons
Announcing Svelte 4 (sve)1360
release-notes, svelte
Future CSS: State Container Queries (sha)1359
css, container-queries
The Cost of JavaScript 2023 (add)1358
videos, javascript, performance
The Unlikely Story of UTF-8: The Text Encoding of the Web1357
unicode, history
Component Driven User Interface Testing (CDUIT)1356
components, testing
Introducing the MDN Playground: Bring Your Code to Life (mdn)1355
introductions, mdn, documentation, testing
Cascade Layers Are Useless * (mat)1354
css, cascade
Design Systems Directory1353
websites, design-systems
The 5 Pillars of Every HTTP Request1352
http
What Exactly Is [the] “:root” Pseudo-Element in CSS? (zor/css)1351
videos, css, selectors
Using Multiple Selectors With JavaScript Selector Methods (cfe)1350
javascript, selectors, methods
Debugging Commands Every Linux Administrator Should Know1349
debugging, command-line, unix-like
WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted (deq)1348
wcag, accessibility, testing, axe
How Designers Can Beat AI at Design1347
design, ai
Designing for Inclusion1346
design, dei, accessibility
Too Much JavaScript? Why the Frontend Needs to Build Better1345
javascript, web-platform, performance
CSS in Micro Frontends1344
css, micro-frontends
Authentication vs. Authorization1343
authentication, authorization, comparisons
Continuous Accessibility (a11)1342
websites, accessibility, processes
Making Your Design Tokens Future-Proof (and)1341
design-tokens
State of CSS 2023 (sac/dev)1340
surveys, css
Style Your RSS Feed (dar)1339
css, syndication, rss, atom
W3C Launch Their New Website (sim/stu)1338
w3c
Creating a Flexible Design Token Taxonomy for Intuit’s Design System1337
design-tokens, design-systems
Top 6 AI Coding Assistants in 20231336
ai, tooling
Thoughts From “Meet Safari for Spatial Computing” (jim)1335
safari, spatial-web, accessibility, responsive-design
Three Key Principles for an Accessible Website1334
principles, accessibility
Balancing Users’ Data Privacy and the User Experience (uxm)1333
privacy, user-experience
Balancing Users’ Needs and Business Goals in UX Design (uxm)1332
user-experience, design
Button Types (ada)1331
html, buttons
Gatsby Headaches and How to Cure Them: I18N II (mon/sma)1330
gatsby, internationalization
Radix UI Component With Next.js and Tailwind CSS1329
videos, components, radix, nextjs, tailwind
Why UX Testing Is Critical to Your Web Site’s Success (uxm)1328
user-experience, testing
ExtJS for Beginners1327
extjs
Can Web Developers Be Held Liable?1326
accessibility, legal
Packaging and Selling a Node.js App1325
nodejs
How to Clean Up Your Local Repository With Git Commands (thi)1324
how-tos, git, command-line, maintenance
Import Maps to Natively Import JavaScript Modules Using Bare Names (ami)1323
javascript, import-maps
The New CSS (mat)1322
css, design, web-platform
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)1321
navigation, scrolling, user-experience
It Depends—Exploring My Favourite Renovate Features for Dependency Updates (kal)1320
dependencies, maintenance, renovate, configuration
Git Concepts Everyone Should Know (fra)1319
git, concepts
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples1318
tutorials, guides, databases, indexeddb, examples
It’s Time for Dimensional Thinking in Design1317
design, ai
Create React UI Lib: Component Library Speedrun1316
typescript, react, components, npm
Scoping (mat)1315
css, scope
The Five Types of People Who Produce Inaccessible Code (eri)1314
accessibility, community
TypeScript 5.2’s New Keyword: “using” (mat)1313
typescript
Standardising Design Tokens (oll)1312
design-tokens, conventions
Wolvic 1.4 Released (wol)1311
release-notes, wolvic, browsers
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)1310
accessibility, testing, forms
An Explosion in Software Engineers Using AI Coding Tools? (ger)1309
ai, code-completion, productivity
Django: A Security Improvement Coming to “format_html()” (ada)1308
django, security, html
HTML Imports (w3c)1307
html
The Next Phase of Eleventy: Return of the Side Project (zac)1306
eleventy
Top 10 Things You Should Add While Coding: Valuable Tips for Programmers1305
tips-and-tricks, programming
Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (bra)1304
css, animations, transitions, scrolling, custom-properties, style-queries
What Are Deceptive Patterns?1303
user-experience, dark-patterns
How to Add a CSS Reveal Animation to Your Images (css)1302
how-tos, css, animations, images
What’s UnAI-Able1301
ai
A Guide to Coding Standards to Improve Code Quality1300
guides, conventions, formatting, consistency, quality
Cyclic Dependency Space Toggles (kiz)1299
toggles, css, custom-properties
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)1298
design, accessibility, css, comparisons
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sma)1297
how-tos, svelte, sveltekit, web-apps, server-side-rendering
npm Won’t Publish Packages Containing the Word “keygen”1296
discussions, npm, dependencies
Puppeteer in Node.js: More Antipatterns to Avoid (app)1295
nodejs, scraping, testing, anti-patterns, puppeteer
Using Color Wheel Combinations in Your Designs (web)1294
colors, design
Simplify Email Development With MJML: A Beginner’s Guide1293
email, mjml, guides
How (and Should?) We Stop the Infinite Scroll1292
user-experience, scrolling
End-to-End Tracing1291
observability, tracing, case-studies
Rebuilding a Comment Component With Modern CSS (sha)1290
functionality, components, css
The Gotchas of CSS Nesting (kil)1289
css, nesting
Tuesday, June 20, 2023 Security Releases (raf/nod)1288
release-notes, nodejs, security
Nuxt in 100 Seconds (fir)1287
videos, introductions, nuxt
When and Why to Use a Click Test1286
usability, testing
Blur Vignette Effect in CSS1285
css, effects
Gatsby Headaches and How to Cure Them: I18N (mon/sma)1284
gatsby, internationalization
“margin-trim” as a Best Practice? (chr)1283
css, margins
Positioning Anchored Popovers (hdv)1282
pop-overs, css, positioning
Naming Components1281
design-systems, components, naming
Chrome for Testing: Reliable Downloads for Browser Automation (mat)1280
browsers, chrome, testing
CSS! CSS! CSS! (mat)1279
css, community
How to Highlight Required and Optional Form Fields (ada)1278
how-tos, forms, mistakes, usability
How to Learn Programming1277
how-tos, learning, programming
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)1276
css, web-platform
Bottom Sheets: Definition and UX Guidelines (nng)1275
terminology, guidelines, mobile, user-experience
You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now1274
html, viewport, metadata, accessibility, responsive-design
TypeScript Book1273
books, typescript
Best Animation Libraries for React1272
libraries, animations, react, link-lists
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)1271
design, strategies
Modern CSS for Dynamic Component-Based Architecture (5t3)1270
css, architecture, components
An Introduction to DevOps1269
introductions, dev-ops
Shining Light on the Shadow DOM (cas/css)1268
videos, shadow-dom, dom
That’s Not How I Wrote CSS Three Years Ago (mat/css)1267
videos, css, support
CSS Containers, What Do They Know? (mia/css)1266
videos, css, container-queries
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)1265
videos, css, scrolling, animations, view-transitions
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)1264
videos, css, browsers, internet-explorer, support, history
No, “AI” Will Not Fix Accessibility (aar)1263
accessibility, ai
Sticky Content: Focus in View (tet)1262
accessibility, focus, scrolling, css
The Universal Focus State (eri)1261
accessibility, focus, css
Style Recalculation Secrets They Don’t Want You to Know (pat/css)1260
videos, css, selectors, performance
Why Doesn’t CSS Have Scope? (hey/css)1259
videos, css, scope
State of the CSS Community (una/css)1258
videos, css, community
Must Know JavaScript API—IndexedDB API1257
databases, indexeddb, javascript, apis
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim)1256
css, scrolling
48 Laws, Rules, and Principles of Web Development (j9t)1255
programming, principles, terminology
Are Simple Websites Better for Business? (web)1254
design, simplicity
Best Practices for Container Queries (zel)1253
best-practices, container-queries, css
Designing a Scalable Backend in Node.js (app)1252
software-design, scalability, nodejs
Testing Sites and Apps With Blind Users: A Cheat Sheet (sma)1251
accessibility, testing, screen-readers, assistive-tech, tooling, cheat-sheets
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)1250
checklists, performance, compression, dependencies, accessibility, legibility, naming
Chrome DevTools Tips: Styles Pane and Elements Panel (zor/css)1249
videos, dev-tools, browsers, chrome
Accessibility and Artificial Intelligence (joe)1248
accessibility, ai
Angular at Google I/O 2023 (ang)1247
release-notes, angular, google
Assume the Position—a Labeling Story (llo/tpg)1246
accessibility, forms, labels, html
Be Careful With “ch” Units (cit)1245
css, units
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (sma)1244
information-design, user-experience, tables, grids
Modern CSS in Real Life (chr)1243
css
RSC From Scratch: Server Components1242
videos, react, components
The Ultimate Guide to Writing Technical Blog Posts (bla)1241
guides, writing, blogging
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)1240
standards, accessibility, aria, rich-internet-apps
Reducing Complexity in Front End Development (mic)1239
complexity, performance, css, javascript
Styling Scrollbars (oll)1238
scrolling, css
What’s New in CSS (jen)1237
videos, css, apple
Tokens Are the Most Valuable Artifact a Design System Can Provide1236
design-systems, design-tokens
Primitive Objects in JavaScript: When to Use Them (sma)1235
javascript, objects
Accessibility Testing—Pay Attention to the Details1234
accessibility, testing
An Introduction to Debugging in Node.js (cra)1233
introductions, debugging, nodejs
How Photoshop Solved Working With Files Larger Than Can Fit Into Memory (tom)1232
adobe, memory
Is React Having An AngularJS Moment? (fra/mar)1231
react, angularjs
What Is Open Graph? How to Use It for Your WordPress Website?1230
how-tos, open-graph, html, social-media, wordpress
One More Thing—Apple’s Push on Web Apps on macOS1229
apple, web-apps
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance1228
how-tos, rendering, dom, performance, debugging, angular
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)1227
user-experience, accessibility, focus, forms
test262.fyi1226
websites, javascript, ecmascript, javascript-engines, v8, javascriptcore, spidermonkey, quickjs, chakracore
New Job? Negotiate as if Your Life Depends on It1225
career
Do Not Drop Sass for CSS1224
css, sass, preprocessors
How AI Can Make Software More Intuitive1223
ai, usability
The Many Ways to Select the n-th Character From a String (cod)1222
javascript, strings
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)1221
accessibility, focus, wcag, standards
How We Created an Accessible, Scalable Color Palette1220
colors, color-palettes, accessibility, scalability, case-studies
New CSS Color Spaces and Functions in All Major Engines (rac)1219
css, colors, functions, browsers, support
An Introduction to “@scope” in CSS (oll)1218
introductions, scope, css
Every Design Team Needs Writers1217
design, writing
No Single Metric Captures Productivity1216
productivity, metrics
wasmati: You Should Write Your WebAssembly in TypeScript1215
webassembly, typescript, libraries
How Chrome Achieved High Scores on Three Browser Benchmarks1214
browsers, chrome, performance
A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS1213
guides, deploying, complexity, architecture, aws
Accessible Components: The Hamburger Menu1212
accessibility, components, navigation
Advanced Form Control Styling With “selectmenu” and Anchoring API (uti/sma)1211
forms, apis, css
Announcing TypeScript 5.1 (dan/typ)1210
release-notes, typescript
Performance Is Not a Checklist (tka)1209
performance, user-experience
Semantic Code in HTML: What Is It and Does It Still Matter? (boa)1208
html, semantics
Some Things I Learnt From Working on Big Frontend Codebases1207
complexity, lessons
The Context Dilemma1206
design-systems, design-tokens
Google Now Treats .ai Domains as Generic Top-Level Domains (rus/sea)1205
google, domains, ai
Why We Should Stop Using JavaScript According to Douglas Crockford (dou)1204
videos, javascript
Quick Tip: Shipping Resilient CSS Components (5t3)1203
css, components, maintainability, resilience, tips-and-tricks
Presentational Colors (luk)1202
colors, design-tokens
Asynchronous JavaScript for Beginners1201
javascript, asynchronicity
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)1200
transitions, dev-tools, browsers, chrome
Accessibility Audits for All (ada)1199
accessibility, auditing, testing
Design Systems: A Curated List for Today’s UI/UX Designers (sta)1198
design-systems, design, tooling, link-lists
How Blink Invalidates Styles When “:has()” [Is] in Use (iga)1197
browsers, browser-engines, rendering, blink, css, selectors
Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo)1196
images, gif
Linting Defensive and Logical CSS With Stylelint Plugins (log)1195
css, logical-properties, linting, stylelint, plugins
Re-Evaluating “px” vs. “em” in Media Queries (kei)1194
css, units, media-queries, comparisons
Token Operations (don)1193
design-tokens
Watch Out for Layout Shifts With “ch” Units (pau/clo)1192
performance, css, units
How to Format a Date With JavaScript—Date Formatting in JS (fre)1191
how-tos, javascript, time
security.txt Now Mandatory for Dutch Government Websites1190
security, legal
How to Add Custom Meta Boxes in WordPress Without a Plugin1189
how-tos, wordpress, customization
New to the Web Platform in May (rac)1188
release-notes, web-platform, browsers, chrome, firefox, safari
Release Notes for Safari Technology Preview 171 (jon/web)1187
release-notes, browsers, safari
I Think I Finally “Get” JS Objects1186
javascript, objects
S.P.A.C.E. Framework—the Ultimate Framework for Measuring Your Tech Team Productivity1185
productivity, metrics, engineering-management, culture, communication, collaboration, efficiency
21 Awesome Web Features You’re Not Using Yet (fir)1184
videos, html, css, javascript
An Introduction to JavaScript Proxies (cra)1183
introductions, javascript
Cracking the Theme Switcher and Dark Mode1182
css, javascript, dark-mode
The Art of Code Review1181
code-reviews, processes, collaboration
Hands on With the Node.js Test Runner (phi)1180
nodejs, testing
Announcing the Second Compute Pressure Origin Trial1179
apis, browsers, chrome, origin-trials
What Is Personalization?1178
personalization, concepts
Don’t Meddle With User Input (tem)1177
accessibility, forms
Simple Things Make Things Simple (pjo)1176
simplicity, case-studies
The Double-Edged Sword of Design Systems1175
design-systems, design
10 Incident Management Best Practices1174
incident-response, best-practices, processes
Mastering CSS Blend Modes1173
css, blend-modes
Sass-Like Nesting in Native CSS (ami)1172
css, sass, nesting
The Optimization Sinkhole1171
productivity, optimization
The Problem With Nested Fieldsets and How to Avoid Them (ada)1170
accessibility, forms, assistive-tech, support
How Screen-Reader Users Type on and Control Mobile Devices (nng)1169
accessibility, usability, screen-readers, mobile
Improving the Quality of the Software With Qodana and GitHub Actions1168
qodana, quality, optimization, github, ci-cd
Plain Old JavaScript and the DOM (dou)1167
javascript, dom
Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript?1166
javascript, unicode
Understanding the Importance of Encoding1165
encoding
WordPress Turns 20 (sar)1164
wordpress
When to Use Plain Text or Images Instead of MathML1163
mathml, math, accessibility
A Practical Overview on Architecture Decision Records (ADR)1162
overviews, documentation, processes
Brief Note on Popovers With Dialogs (aar)1161
html, support, accessibility, pop-overs, modals
Designing a Better Design Handoff File in Figma (sma)1160
design, processes, figma
How to Draw Any Regular Shape With Just One JavaScript Function (mdn)1159
how-tos, javascript, functions
Supper Club × Bramus Van Damme on CSS (bra+/syn)1158
podcasts, interviews, css
We Need to Talk About How We Talk About Accessibility1157
accessibility, communication, dei
“display: contents” Considered Harmful (eri)1156
accessibility, css
Seven Lessons From 7 Years Designing Systems1155
lessons, design-systems
Two Things That Are Not Great About OKLCH (chr)1154
colors, oklch
Levelling Up Accessibility Skills in Your Organisation (rus/int)1153
videos, accessibility
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)1152
html, best-practices, forms
A Complete Guide to Using IndexedDB (log)1151
guides, databases, indexeddb
Querying Parsed HTML in BigQuery (rvi)1150
html
Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (mer/equ)1149
accessibility, vpat-acr, documentation
Single Line Comments in CSS (jim)1148
css, comments
WebKit and web-platform-tests (ann)1147
webkit
Deploying AVIF for More Responsive Websites1146
images, avif, performance
The Yellow Fade Technique With Modern CSS Using “@starting-style” (bra)1145
css, transitions, techniques
Register Custom Properties in CSS, Get and Update Them With JavaScript (oll)1144
css, custom-properties
Responsive CSS Layout Grids Without Media Queries (5t3)1143
css, grids, layout, responsive-design
File Upload Security and Malware Protection (aus)1142
security, malware, file-handling, edge-computing
Future of CSS: Popover API1141
css, apis, pop-overs
Graph Slider1140
sliders, css
I Created 100+ Unique CSS Patterns (css)1139
css, backgrounds, effects
Two Simple Layouts That Work Better With Grid (kev)1138
videos, css, grids, layout
Where to Put Your Types in Application Code (mat)1137
typescript
You Don’t Need a Modal Window (dz4)1136
websites, modals
Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design1135
accessibility, dei, modals, time
Introducing the Popover API (una)1134
introductions, apis, html, pop-overs
10 Ways to Boost Your Landing Page Conversion Rates (uxm)1133
landing-pages, user-conversion, metrics
Be Careful Using “Menu” (aar)1132
html, aria, design, terminology
Stop Rewriting Your CSS! Use “:not()” Instead (zor/css)1131
videos, css, selectors, maintenance
Visual-Design Principles and UX Design Best Practices (uxm)1130
design, user-experience, principles, best-practices
Why We’re Bad at CSS (per)1129
css
Working With URLs With Vanilla JavaScript (cfe)1128
javascript, urls
Building a Modern Design System in Layers1127
design-systems
A Web Component Intro With Example1126
introductions, web-components, examples
Beyond Design Systems for Interfaces: A Mega System of Design Systems1125
design-systems
Building Offline-First Web Applications With Service Workers and IndexedDB1124
offline, web-apps, web-workers, databases, indexeddb, javascript
A Beginners Guide to Digital Accessibility (fra)1123
guides, accessibility
Server-Sent Events With Node.js1122
nodejs, events
Creating a Shine Effect on a Card With Tailwind CSS1121
tailwind, effects
How to Build Lean Efficient Websites in 2023 (cfe)1120
how-tos, html, progressive-enhancement, minimalism
Measuring Design System “Adoption” (pjo)1119
design-systems, metrics
Website Issues: On the Relevance of Audience Size and Impact (j9t)1118
processes, quality
Using “linear()” for Better Animation (oll)1117
animations, css, javascript
A New Approach to Measuring Developer Productivity1116
research, productivity, metrics
Accessible Numbers1115
websites, accessibility
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 (gwi/deq)1114
accessibility, wcag, standards
Core Principles of SEO1113
seo, principles, overviews
Getting Started With View Transitions on Multi-Page Apps (dav)1112
css, view-transitions, multi-page-apps, introductions
Write Better Code by Following These JavaScript Best Practices1111
javascript, best-practices
How to Create a Custom Range Slider Using CSS (css)1110
how-tos, sliders, css, forms
What Devs Can Do on Global Accessibility Awareness Day (ste)1109
accessibility, awareness-days
6 Tips for Improving Language Switchers on Ecommerce Sites (nng)1108
videos, usability, internationalization, localization, ecommerce, tips-and-tricks
Thinking on Ways to Solve Color Palettes (arg)1107
videos, css, colors, color-palettes
ESLint Guide: How to Use It With Confidence1106
guides, eslint, linting, consistency, maintainability
Release Notes for Safari Technology Preview 170 (jon/web)1105
release-notes, browsers, safari
A History of Metaphors for the Internet (jos/ver)1104
history, web, terminology
Jekyll Tutorial: How to Create a Static Website (kin)1103
tutorials, how-tos, jekyll
Conditional CSS With “:has” and “:nth-last-child” (sha)1102
css, selectors
Design Patterns Are a Better Way to Collaborate on Your Design System (sma)1101
design-patterns, design-systems, collaboration
Fieldsets, Legends, and Screen Readers Again (ste/tpg)1100
accessibility, html, forms, screen-readers
Getting an Item an Array With a Negative Index With Modern JavaScript (cfe)1099
javascript, arrays
GitHub Copilot and ChatGPT Alternatives (ger)1098
github-copilot, chatgpt, ai, comparisons
I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (cod)1097
career, interviewing
Python Developers Survey 2022 Results (jet)1096
surveys, python
Semantics and the “popover” Attribute: What to Use When? (hdv)1095
html, attributes, semantics, accessibility, pop-overs
State of Node.js Performance 2023 (raf)1094
nodejs
Vertical Rhythm Using CSS “lh” and “rlh” Units (paw)1093
css, units
Why Is Web Accessibility Important? (tpg)1092
videos, accessibility
Comparing Version Control Systems: Git, SVN, CVS, and More1091
comparisons, version-control, git, svn, cvs
It’ll Soon Be (Too) Easy to Develop a Website in A Day1090
ai, processes, productivity, creativity
Why Your Design Language System Needs a Product Manager1089
design-systems, product-management
10 Books to Improve Coding Skill in 20231088
books, programming, link-lists
CSS Art: Drawing a Coffee Stain (alv)1087
css, art
Let’s Share Our Salaries, Title, Location, XP1086
discussions, career
Solving Media Object Float Issues With CSS Block Formatting Contexts (sma)1085
css, floats
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)1084
accessibility, html
How to Handle Production Support When Using Scrum1083
how-tos, agile, scrum, processes
Get Full Type Support With Plain JavaScript1082
javascript
HTML Landmark Roles Screen Reader Demo (sch/mdn)1081
videos, accessibility, html, screen-readers, voiceover
ES2023 Features1080
ecmascript
The Problem With Disabled Buttons and What to Do Instead (ada)1079
buttons, user-experience, accessibility
7 Secret TypeScript Tricks Pros Use1078
typescript, tips-and-tricks
Error Message Guidelines (nng)1077
guidelines, usability, errors, writing
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim)1076
html, accessibility, screen-readers, support
Building a Frontend Framework—Reactivity and Composability With Zero Dependencies1075
frameworks, reactivity, dependencies
Respect Your Children (ste/tpg)1074
accessibility, html, aria
Add Opacity to an Existing Color (chr)1073
colors, transparency+opacity, css
What Is “Fake Door” Testing in UX?1072
testing, user-experience
Building a Greener Web (mic)1071
videos, web, sustainability
Keeping Up With an Ever Changing Web (joh)1070
web-platform, learning
Best Practices for All Developers1069
best-practices
Introduction to Screen‐Readers: JAWS Edition1068
introductions, screen-readers, jaws
Introduction to Screen‐Readers: NVDA Edition1067
introductions, screen-readers, nvda
Regular Expressions in JavaScript (hon)1066
javascript, regex, examples
The JavaScript Ecosystem Is Delightfully Weird (sam/fly)1065
javascript
What’s New in CSS and UI: I/O 2023 Edition (una+)1064
css, retrospectives
An Introduction to the Bun JavaScript Runtime (cra)1063
javascript, runtimes, bun
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)1062
performance, web-vitals, shopify
Introduction to Screen‐Readers: VoiceOver macOS Edition1061
introductions, screen-readers, voiceover
Crafting a Modern Spotlight Effect With React and CSS1060
css, react, effects
Introducing Baseline: A Unified View of Stable Web Features (mdn)1059
introductions, browsers, support, web-platform
Is Data Transfer the Best Proxy for Website Carbon Emissions? (fer)1058
sustainability, network
What’s New in Web Animations (bra)1057
videos, animations
Introducing Baseline (rac)1056
introductions, browsers, support, web-platform
How to Optimize Web Responsiveness With Interaction to Next Paint (ann)1055
videos, how-tos, performance, web-vitals
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun)1054
videos, performance, web-vitals
Advancing Interaction to Next Paint (rvi+)1053
performance, web-vitals
What’s New in Web1052
videos, browsers, support, web-platform
Baseline Features You Can Use Today1051
browsers, support, web-platform
The Difference Between Agile and UX Is Not About Quantity vs. Quality (jas)1050
agile, user-experience, processes, comparisons
Why an Engineering Manager Should Not Review Code (mul)1049
engineering-management, code-reviews
ES2023 Introduces New Array Copying Methods to JavaScript (phi)1048
javascript, ecmascript, standards, arrays
Developer Tools That Shouldn’t Be Secrets (cod)1047
videos, browsers, dev-tools
Introducing INP to Core Web Vitals1046
introductions, performance, web-vitals, search, seo
Slow Design1045
websites, design
How to Handle Emojis in Node.js1044
how-tos, nodejs, emoji, unicode
The Ongoing Defence of Frontend as a Full-Time Job (cod)1043
career
Rearrange/Animate CSS Grid Layouts With the View Transition API (bra)1042
css, grids, layout, view-transitions, apis
API Design Practice1041
apis, documentation, link-lists
Diagnose Slow Interactions in the Lab (mal)1040
performance, web-vitals
Optimize Input Delay (mal)1039
performance, web-vitals, optimization
Find Slow Interactions in the Field (mal)1038
performance, web-vitals, auditing
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal)1037
performance, dom, html, optimization
Script Evaluation and Long Tasks (mal)1036
performance, javascript, web-vitals
Client-Side Rendering of HTML and Interactivity (mal)1035
performance, html, client-side-rendering
An Introduction to Container Queries in CSS (5t3)1034
introductions, css, container-queries
Design Systems [Are] a Mindset Not a Library1033
design-systems
See What’s New in Firefox [113.0] (moz)1032
release-notes, browsers, firefox
A Complete Guide to Usability Testing (uxm)1031
guides, usability, testing
Dithering (chr)1030
images, dithering
Improving Web-Site Conversion Rates Through Better UX Design (uxm)1029
user-conversion, metrics, optimization, user-experience
Pay Attention to Web Performance Metrics to Improve the UX (uxm)1028
performance, metrics, user-experience, web-vitals, optimization
ShatGPT (ste)1027
accessibility, ai
How “x-default” Can Help You (met)1026
internationalization, urls, html, attributes, search, google
Proportional Design Systems With Proportio.app1025
design-systems
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications1024
guides, langchain, google, gcp, functions, ai
Speed Trap (dav/ver)1023
amp, web-platform
How Far Back in Time Can I Take My Website’s Design1022
web, design, history, html, css
How to Configure Path Aliases in Frontend Projects in the Native Way1021
how-tos, aliases, javascript, configuration
The Problem With Sticky Menus and What to Do Instead (ada)1020
navigation, usability, user-experience
Scaling Node.js Web Apps With Docker1019
scalability, nodejs, web-apps, docker
Should the Confirmation Button Come First or Last?1018
buttons, interaction-design
The Image Sorting Experiment1017
images, information-design, sorting, experiments
Complete Guide on Playwright Visual Regression Testing1016
guides, playwright, design, testing, regressions
Cron Job: A Comprehensive Guide for Beginners1015
guides, cron
CSS Logical Properties: A Good Use Case (wes)1014
videos, css, logical-properties
How “:not()” Chains Multiple Selectors (mdn)1013
css, selectors
htmx Is the Future1012
htmx, outlooks
I’m Done With React1011
videos, react
Scroll-Driven Animations (bra)1010
websites, scrolling, animations
Speed Up or Slow Down a Video (pat/dev)1009
browsers, dev-tools, multimedia
Design Tokens: Beginner’s Guide1008
guides, design-tokens, design-systems
HTTP/1 vs. HTTP/2 vs. HTTP/31007
http, protocols, comparisons
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)1006
performance, web-vitals, best-practices
How Do You Declare Namespace in JavaScript?1005
javascript, namespaces
The Frontend Cloud Advantage1004
cloud-computing
Using Go for Front End Development1003
go
GitHub Actions: All Actions Will Run on Node 16 Instead of Node 121002
github, github-actions, automation, nodejs
An Introduction to the “:has()” Selector in CSS (5t3)1001
introductions, css, selectors
React Testing Library and Accessibility (ste)1000
react, testing, libraries, accessibility, automation
Code Coverage vs. Test Coverage999
code-coverage, testing, quality, comparisons
New Features in the Orion Browser (kag)998
release-notes, orion, browsers
7 Practical CSS Typography Tips and Tricks (zor/css)997
videos, css, typography, tips-and-tricks
Angular v16 Is Here (mge/ang)996
angular, release-notes
Detecting if an Event Was Triggered by a User or by JavaScript (pau/clo)995
events, javascript
Don’t Use Custom CSS Scrollbars (eri)994
css, scrolling
How to Write More Efficient JavaScript Conditions (fre)993
how-tos, javascript, efficiency
The Intersectionality of Web Performance (ada)992
performance, sustainability, dei
The Latest Innovations in Drupal991
drupal
Where Would You Take the W3C? (rob)990
discussions, w3c
How to Make a CSS-Only Hamburger Menu989
how-tos, css, navigation
Security Implications of HTTP Response Headers988
security, http, http-headers
Make Your Website Load Fast by Optimizing Request Priorities (mat/deb)987
performance, optimization, network
DevEx: What Actually Drives Productivity (acm)986
developer-experience, productivity, metrics
Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It985
accessibility, training
Release Notes for Safari Technology Preview 169 (jon/web)984
release-notes, browsers, safari
3 Engineering Mistakes That Kill Startups983
mistakes, architecture
A Complete Guide to Performance Budgets (spe)982
guides, performance, performance-budgets, metrics
Creating an Animated Gradient Border With CSS981
css, animations, gradients, borders
developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years?980
foss, community, github
Do Logical Properties Make CSS Easier to Learn? (chr)979
css, logical-properties, learning
How to Get Started With NodeJS—a Handbook for Beginners (fre)978
introductions, guides, nodejs
Load Websites Faster With Code Splitting977
performance, code-splitting, react
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)976
accessibility, focus, aria, html
SupportsCSS (5t3)975
websites, tooling, css, support
The Simple Trick to Transition From Height “0” to “auto” With CSS (kev)974
videos, css, transitions, tips-and-tricks
Why “font-size” Must Never Be in Pixels973
css, units, accessibility, responsive-design
The Native Way to Configure Path Aliases in Frontend Projects972
javascript, nodejs, esm, commonjs, tooling, aliases
Things Considered Harmful (bre)971
php, laravel
CSS Naked Day and the Missing Wikipedia Page (j9t)970
css, awareness-days, wikipedia
A/B Testing: A Primer969
introductions, a-b-testing, metrics, optimization
A Radical Proposal: Put UX Research in Charge (jms)968
user-experience, research, product-management, strategies
An Update on the Lock Icon (ser+)967
browsers, chrome
Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (bek/ope)966
foss, content, career
CDNs: Speed Up Performance by Reducing Latency (aus)965
content-delivery, performance
Configuring ESLint, Prettier, and TypeScript Together (jos)964
eslint, prettier, linting, formatting, tooling, typescript, configuration
CSS Wishlist 2023 (ell)963
css, wish-lists
Practical Guide to Not Blocking the Event Loop962
guides, javascript, event-loop, events, performance
Qwik Reaches v1.0 (bui)961
release-notes, qwik
“:root” Isn’t Global (kil)960
css
Testing Feature Support for Modern CSS (5t3)959
css, feature-detection, support
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
What’s New in Svelte: May 2023 (sve)956
release-notes, svelte, sveltekit
Tailwind CSS vs. UnoCSS955
tailwind, unocss, css, frameworks, comparisons
30th Anniversary of Licensing the Web for General Use and at No Cost (koa/w3c)954
web, web-platform, standards, foss, history, anniversaries
My Favorite Free Courses to Learn JavaScript in Depth953
courses, javascript, training, link-lists
Two Underused Arguments for Writing Documentation (j9t)952
writing, documentation, career
Dark Mode in 3 Lines of CSS and Other Adventures (sto)951
css, dark-mode
The Popover API Is Exciting, Sort Of (mrt)950
apis, pop-overs
Animating the Impossible (btc)949
videos, animations, transitions
Everything You Need to Know About Webpack’s Bundle Analyzer948
webpack, bundling, tooling
JS Private Class Fields Considered Harmful (lea)947
javascript
Rebuilding a Featured News Section With Modern CSS: Vox News (sha)946
css, refactoring, maintenance, optimization
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)945
css, javascript, functions, quality
Information Architecture (IA) and Sitemap: Simple and Easy to Understand944
information-architecture, sitemaps, best-practices
A Beginner’s Introduction to the Most Common Data Types in Programming943
introductions, types, programming
New to the Web Platform in April (rac)942
release-notes, web-platform, browsers, chrome, firefox
Accessible Target Sizes Cheatsheet (vit/sma)941
accessibility, user-experience
How to Deep Merge Arrays and Objects With JavaScript (cfe)940
how-tos, javascript, arrays, objects
How to Manage Design Tokens939
how-tos, design-tokens, maintenance
Modern CSS Layout Is Awesome! (mic/btc)938
videos, css, layout
Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (mer)937
accessibility, communication, advocacy, processes
Typography for Everyone (tob/btc)936
videos, fonts, typography
What Is the Value of a Design System? (zer)935
design-systems
The Most Underrated Section of Design Portfolios (pro)934
design, career
Writing Unit Tests in Node.js Using Jest933
testing, nodejs, jest
Discovering the Power of JavaScript Proxy After All This Time932
javascript
Structure and Interpretation of Flutter (win)931
flutter, dart
The Most Important Thing Productivity Tools Are Missing About AI930
tooling, productivity, ai
The Interactive Guide to Rendering in React929
guides, client-side-rendering, react
What Is the QUIC Protocol?928
protocols, quic
Crafting the Next.js Website927
nextjs
Reducing the Cost of String Serialization in Node.js Core926
nodejs, strings, performance
The Best Way to Get nvm Working in CI/CD Systems925
nvm, ci-cd
Transition To and From “display: none” With Upcoming CSS Capabilities (una)924
videos, css, transitions
Adding Motion to the Next Decade of Atomic Design923
design, atomic-design
Comparing the Best Node.js Version Managers: nvm, Volta, and asdf922
nodejs, npm, nvm
Avoiding Dark Patterns in Web Design (boa/fro)921
dark-patterns, design
CSS Blend Modes920
css, blend-modes
Goodbye “create-react-app”: A New Approach919
react
npm vs. Yarn vs. pnpm918
npm, yarn, pnpm, comparisons
Scoped CSS Is Back (kei)917
css, scope
The “const” Deception (jos)916
javascript
The Potentially Dangerous Non-Accessibility of Cookie Notices (mar/sma)915
accessibility, cookies, legal, privacy, user-experience
What’s New in Node.js 20 (cra)914
nodejs
Frontend Web Performance Checklist (jac)913
performance, checklists
Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It912
design-debt, user-experience, metrics, economics
Figma, I Love You but You’re Bringing Me Down911
figma
Organizing a Web Design System for Scalability in Figma910
design-systems, scalability, figma
Considering Content Warnings in HTML (aar)909
html, content, dei
Dark Mode Toggle and “prefers-color-scheme”908
dark-mode, toggles, css
“details”/“summary” Inconsistencies (mat)907
html, disclosure-widgets, browsers, assistive-tech, support
Exploring the Potential of Web Workers for Multithreading on the Web (sma)906
web-workers, multithreading, performance, javascript
Meeting WCAG Level AAA (pat/tet)905
accessibility, wcag, conformance, standards
“The Secret List of Websites” (chr)904
ai, web, content
Transitioning to Height Auto (Two Ways) (kei)903
css
The Case Against Automatic Dependency Updates (ben)902
dependencies, automation, ci-cd, maintenance, security
Automating Dependency Updates: The Big Debate901
dependencies, automation, ci-cd, security
The Effects of Technical Debt on Morale900
research, technical-debt, productivity
How to Write Comments in React: The Good, the Bad, and the Ugly899
how-tos, react, comments
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
Read-Only Web Apps (ada)896
javascript, progressive-enhancement
Spinning Diagrams With CSS (har)895
css, animations
Upgrading Our CSS Habits: “aspect-ratio” (cod)894
css, aspect-ratio
Designing and Coding for Voice893
accessibility, voice
This Website Is Under Construction, a Love Letter to the Personal Website (btc)892
videos, indieweb, web-platform
System Design Blueprint: The Ultimate Guide (zon)891
guides, cheat-sheets, architecture, system-design, principles
Browser Rendering: What Happens Behind the Scenes (fro)890
browsers, rendering, browser-engines, parsing, painting, dom, cssom
Introduction to Web Animations With GSAP889
introductions, animations, javascript, gsap
Productivity and Well-Being: A Summary of What Works888
productivity, career
Using HTML Elements as CSS Masks887
css
Generating Provenance Statements886
npm, provenance, security
It’s Time for the Tech Industry to Live Up to Its Ideals885
career, outlooks
Why Is Scrum the Most Popular Agile Framework?884
scrum, agile, processes