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

dxsrc

“2023” News Archive (4)

Entry (Sources) and Additional TopicsDate#
Qwik Introduction—a Framework That Goes Fast1390
videos, introductions, qwik
Going Beyond Constants With Custom Properties (uti/iod)1389
css, custom-properties
What Does the Image “decoding” Attribute Actually Do? (tun)1388
html, attributes, images, performance
Top Tips From a Web Accessibility Evaluator at WebAIM (web)1387
accessibility, webaim, auditing, tips-and-tricks
Faking a “:snapped” Selector With Scroll-Driven Animations (bra)1386
css, selectors, animations, scrolling
Transition Between Pages Smoothly With a Single Line of Code (cit)1385
css, transitions
AI Is Killing the Old Web, and the New Web Struggles to Be Born (ver)1384
ai, web
What’s Your Type? Try These Tests to Pick the Perfect Font for You (was)1383
design, typography, fonts
Tips for Upgrading Your Techstack for Faster Frontend Development1382
tips-and-tricks, tech-stacks, productivity, efficiency, modernization
Magnification and Zoom Accessibility Guide—Everything You Need to Know1381
guides, accessibility, screen-magnification, zooming
Mixing Colors With CSS (mrt)1380
colors, css
An Introduction to Parser Combinators1379
introductions, parsing
Understanding Space-Based Architecture1378
architecture
A Beginner’s Guide to Laravel: Introduction and Key Features1377
guides, introductions, laravel
WebSockets 101 (thi)1376
introductions, protocols, websockets
XML Is the Future1375
web, processes
Introduction to Cloud Computing1374
introductions, cloud-computing
Debugging INP (scr)1373
videos, performance, debugging, web-vitals
The Case for Variables1372
sass, css, variables, custom-properties, json, figma
Choosing a Color Palette (nng)1371
videos, design, colors, color-palettes
Text Wrap Pretty Is Coming to CSS (ami)1370
css, typography
Using BEM for Design System Tokens1369
css, bem, design-tokens, conventions
Converting [a] JavaScript Codebase to TypeScript1368
javascript, typescript, migrating, refactoring
All You Need to Know About CORS and CORS Errors1367
security, cors, errors
Understanding Authorization Before Authentication: Enhancing Web API Security1366
authorization, authentication, apis, security, comparisons
An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript1365
introductions, security, vulnerabilities, nodejs, javascript
Announcing Svelte 4 (sve)1364
release-notes, svelte
The Cost of JavaScript 2023 (add)1363
videos, javascript, performance
Future CSS: State Container Queries (sha)1362
css, container-queries
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
CSS in Micro Frontends1358
css, micro-frontends
Designing for Inclusion1357
design, dei, accessibility
Design Systems Directory1356
websites, design-systems
Cascade Layers Are Useless * (mat)1355
css, cascade
How Designers Can Beat AI at Design1354
design, ai
The 5 Pillars of Every HTTP Request1353
http
What Exactly Is [the] “:root” Pseudo-Element in CSS? (zor/css)1352
videos, css, selectors
Debugging Commands Every Linux Administrator Should Know1351
debugging, command-line, linux
WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted (deq)1350
wcag, accessibility, testing, axe
Using Multiple Selectors With JavaScript Selector Methods (cfe)1349
javascript, selectors, methods
Too Much JavaScript? Why the Frontend Needs to Build Better1348
javascript, web-platform, performance
State of CSS 2023 (sac/dev)1347
surveys, css
Style Your RSS Feed (dar)1346
css, rss, atom
Continuous Accessibility (a11)1345
websites, accessibility, processes
W3C Launch Their New Website (sim/stu)1344
w3c
Authentication vs. Authorization1343
authentication, authorization, comparisons
Top 6 AI Coding Assistants in 20231342
ai, tooling
Making Your Design Tokens Future-Proof (and)1341
design-tokens
Three Key Principles for an Accessible Website1340
principles, accessibility
Thoughts From “Meet Safari for Spatial Computing” (jim)1339
safari, spatial-web, accessibility, responsive-design
Creating a Flexible Design Token Taxonomy for Intuit’s Design System1338
design-tokens, design-systems
Button Types1337
html, buttons
ExtJS for Beginners1336
extjs
Can Web Developers Be Held Liable?1335
accessibility, legal
Packaging and Selling a Node.js App1334
nodejs
Gatsby Headaches and How to Cure Them: I18N II (mon/sma)1333
gatsby, internationalization
Radix UI Component With Next.js and Tailwind CSS1332
videos, components, radix, nextjs, tailwind
Balancing Users’ Data Privacy and the User Experience (uxm)1331
privacy, user-experience
Why UX Testing Is Critical to Your Web Site’s Success (uxm)1330
user-experience, testing
Balancing Users’ Needs and Business Goals in UX Design (uxm)1329
user-experience, design
The New CSS (mat)1328
css, design, web-platform
How to Clean Up Your Local Repository With Git Commands (thi)1327
how-tos, git, command-line, maintenance
Import Maps to Natively Import JavaScript Modules Using Bare Names (ami)1326
javascript, import-maps
It Depends—Exploring My Favourite Renovate Features for Dependency Updates (kal)1325
dependencies, maintenance, renovate, configuration
The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (ada)1324
navigation, scrolling, user-experience
Git Concepts Everyone Should Know (fra)1323
git, concepts
It’s Time for Dimensional Thinking in Design1322
design, ai
IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples1321
tutorials, guides, databases, indexeddb, examples
Scoping (mat)1320
css, scope
Wolvic 1.4 Released (wol)1319
release-notes, wolvic, browsers
Standardising Design Tokens (oll)1318
design-tokens, conventions
TypeScript 5.2’s New Keyword: “using” (mat)1317
typescript
Create React UI Lib: Component Library Speedrun1316
typescript, react, components, npm
The Five Types of People Who Produce Inaccessible Code (eri)1315
accessibility, community
HTML Imports (w3c)1314
html
What’s UnAI-Able1313
ai
What Are Deceptive Patterns?1312
user-experience, dark-patterns
How to Add a CSS Reveal Animation to Your Images (css)1311
how-tos, css, animations, images
A Guide to Coding Standards to Improve Code Quality1310
guides, conventions, formatting, consistency, quality
Django: A Security Improvement Coming to “format_html()” (ada)1309
django, security, html
The Next Phase of Eleventy: Return of the Side Project (zac)1308
eleventy
An Explosion in Software Engineers Using AI Coding Tools? (ger)1307
ai, code-completion, productivity
6 Quick Tests You Can Do to Test Your Forms for Accessibility (kar)1306
accessibility, testing, forms
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
End-to-End Tracing1303
observability, tracing, case-studies, canva
Cyclic Dependency Space Toggles (kiz)1302
toggles, css, custom-properties
How (and Should?) We Stop the Infinite Scroll1301
user-experience, scrolling
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
npm Won’t Publish Packages Containing the Word “keygen”1298
discussions, npm, dependencies
Simplify Email Development With MJML: A Beginner’s Guide1297
email, mjml, guides
Design vs. Accessibility and the CSS “visually-hidden” Class (its/log)1296
design, accessibility, css, comparisons
How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (sma)1295
how-tos, svelte, sveltekit, web-apps, server-side-rendering
Nuxt in 100 Seconds (fir)1294
videos, introductions, nuxt
The Gotchas of CSS Nesting (kil)1293
css, nesting
When and Why to Use a Click Test1292
usability, testing
Tuesday, June 20, 2023 Security Releases (raf/nod)1291
release-notes, nodejs, security
Rebuilding a Comment Component With Modern CSS (sha)1290
functionality, components, css
Naming Components1289
design-systems, components, naming
Blur Vignette Effect in CSS1288
css, effects
Positioning Anchored Popovers (hdv)1287
pop-overs, css, positioning
“margin-trim” as a Best Practice? (chr)1286
css, margins
Gatsby Headaches and How to Cure Them: I18N (mon/sma)1285
gatsby, internationalization
Chrome for Testing: Reliable Downloads for Browser Automation (mat)1284
browsers, chrome, testing
CSS! CSS! CSS! (mat)1283
css, community
How to Learn Programming1282
how-tos, learning, programming
Bottom Sheets: Definition and UX Guidelines (nng)1281
terminology, guidelines, mobile, user-experience
How to Highlight Required and Optional Form Fields (ada)1280
how-tos, forms, mistakes, usability
The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (pau)1279
css, web-platform
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
An Introduction to DevOps1276
introductions, dev-ops
Shining Light on the Shadow DOM (cas/css)1275
videos, shadow-dom, dom
CSS Containers, What Do They Know? (mia/css)1274
videos, css, container-queries
Best Animation Libraries for React1273
libraries, animations, react, link-lists
That’s Not How I Wrote CSS Three Years Ago (mat/css)1272
videos, css, support
Internet Explorer: The 1st Browser to Support CSS (cdu+/hen)1271
videos, css, browsers, internet-explorer, support, history
Modern CSS for Dynamic Component-Based Architecture (5t3)1270
css, architecture, components
Liven Up Your Websites With Scroll-Driven Animations and View Transitions (bra/css)1269
videos, css, scrolling, animations, view-transitions
Design Under Constraints: Challenges, Opportunities, and Practical Strategies (boa/sma)1268
design, strategies
The Universal Focus State (eri)1267
accessibility, focus, css
Why Doesn’t CSS Have Scope? (hey/css)1266
videos, css, scope
State of the CSS Community (una/css)1265
videos, css, community
Sticky Content: Focus in View (tet)1264
accessibility, focus, scrolling, css
No, “AI” Will Not Fix Accessibility (aar)1263
accessibility, ai
Must Know JavaScript API—IndexedDB API1262
databases, indexeddb, javascript, apis
Style Recalculation Secrets They Don’t Want You to Know (pat/css)1261
videos, css, selectors, performance
The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (sim)1260
css, scrolling
Best Practices for Container Queries (zel)1259
best-practices, container-queries, css
Designing a Scalable Backend in Node.js (app)1258
software-design, scalability, nodejs
Are Simple Websites Better for Business? (web)1257
design, simplicity
48 Laws, Rules, and Principles of Web Development (j9t)1256
programming, principles, terminology
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
Before Your Next Frontend Pull Request, Use This Checklist (tra/evi)1253
checklists, performance, compression, dependencies, accessibility, legibility, naming
Styling Scrollbars (oll)1252
scrolling, css
What’s New in CSS1251
videos, css, apple
Modern CSS in Real Life (chr)1250
css
Be Careful With “ch” Units (cit)1249
css, units
Angular at Google I/O 2023 (ang)1248
release-notes, angular, google
RSC From Scratch: Server Components1247
videos, react, components
Assume the Position—a Labeling Story (llo/tpg)1246
accessibility, forms, labels, html
Accessibility and Artificial Intelligence (joe)1245
accessibility, ai
Reducing Complexity in Front End Development (mic)1244
complexity, performance, css, javascript
Accessible Rich Internet Applications (WAI–ARIA) 1.2 (w3c)1243
standards, accessibility, aria, rich-internet-apps
The Ultimate Guide to Writing Technical Blog Posts (bla)1242
guides, writing, blogging
Tokens Are the Most Valuable Artifact a Design System Can Provide1241
design-systems, design-tokens
Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (sma)1240
information-design, user-experience, tables, grids
Is React Having An AngularJS Moment? (fra/mar)1239
react, angularjs
An Introduction to Debugging in Node.js (cra)1238
introductions, debugging, nodejs
One More Thing—Apple’s Push on Web Apps on macOS1237
apple, macos, web-apps
Primitive Objects in JavaScript: When to Use Them (sma)1236
javascript, objects
Accessibility Testing—Pay Attention to the Details1235
accessibility, testing
What Is Open Graph? How to Use It for Your WordPress Website?1234
how-tos, open-graph, html, social-media, wordpress
How Photoshop Solved Working With Files Larger Than Can Fit Into Memory (tom)1233
adobe, memory
test262.fyi1232
websites, javascript, ecmascript, javascript-engines, v8, javascriptcore, spidermonkey, quickjs, chakracore
New Job? Negotiate as if Your Life Depends on It1231
career
The Problem With Automatically Focusing the First Input and What to Do Instead (ada)1230
user-experience, accessibility, focus, forms
How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance1229
how-tos, rendering, dom, performance, debugging, angular
Do Not Drop Sass for CSS1228
css, sass, preprocessors
An Introduction to “@scope” in CSS (oll)1227
introductions, scope, css
Every Design Team Needs Writers1226
design, writing
No Single Metric Captures Productivity1225
productivity, metrics
How AI Can Make Software More Intuitive1224
ai, usability
WCAG 2.2 Misses Mark on Defining Visible Focus (yat)1223
accessibility, focus, wcag, standards
How We Created an Accessible, Scalable Color Palette1222
colors, color-palettes, accessibility, scalability, case-studies
New CSS Color Spaces and Functions in All Major Engines1221
css, colors, functions, browsers, support
wasmati: You Should Write Your WebAssembly in TypeScript1220
webassembly, typescript, libraries
The Many Ways to Select the n-th Character From a String (cod)1219
javascript, strings
How Chrome Achieved High Scores on Three Browser Benchmarks1218
browsers, chrome, performance
The Context Dilemma1217
design-systems, design-tokens
Presentational Colors (luk)1216
colors, design-tokens
Announcing TypeScript 5.1 (dan/typ)1215
release-notes, typescript
Performance Is Not a Checklist (tka)1214
performance, user-experience
Asynchronous JavaScript for Beginners1213
javascript, asynchrony
Accessible Components: The Hamburger Menu1212
accessibility, components, navigation
Quick Tip: Shipping Resilient CSS Components (5t3)1211
css, components, maintainability, resilience, tips-and-tricks
Watch Transitions in Slow Motion in Chrome’s DevTools (jim)1210
transitions, dev-tools, browsers, chrome
Google Now Treats .ai Domains as Generic Top-Level Domains (rus/sea)1209
google, domains, ai
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
Advanced Form Control Styling With “selectmenu” and Anchoring API (uti/sma)1206
forms, apis, css
Why We Should Stop Using JavaScript According to Douglas Crockford (dou)1205
videos, javascript
A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS1204
guides, deploying, complexity, architecture, aws
Token Operations (don)1203
design-tokens
Accessibility Audits for All1202
accessibility, auditing, testing
New to the Web Platform in May1201
release-notes, web-platform, browsers, chrome, firefox, safari
Re-Evaluating “px” vs. “em” in Media Queries (kei)1200
css, units, media-queries, comparisons
Watch Out for Layout Shifts With “ch” Units (pau/clo)1199
performance, css, units
How Blink Invalidates Styles When “:has()” [Is] in Use (iga)1198
browsers, browser-engines, rendering, blink, css, selectors
Release Notes for Safari Technology Preview 171 (jon/web)1197
release-notes, browsers, safari
Is There a Viable Animated GIF Alternative Yet or What? (tyl/clo)1196
images, gif
security.txt Now Mandatory for Dutch Government Websites1195
security, legal
Design Systems: A Curated List for Today’s UI/UX Designers (sta)1194
design-systems, design, tooling, link-lists
Linting Defensive and Logical CSS With Stylelint Plugins (log)1193
css, logical-properties, linting, stylelint, plugins
How to Add Custom Meta Boxes in WordPress Without a Plugin1192
how-tos, wordpress, customization
How to Format a Date With JavaScript—Date Formatting in JS (fre)1191
how-tos, javascript, time
The Art of Code Review1190
code-reviews, processes, collaboration
What Is Personalization?1189
personalization, concepts
I Think I Finally “Get” JS Objects1188
javascript, objects
Hands on With the Node.js Test Runner (phi)1187
nodejs, testing
An Introduction to JavaScript Proxies (cra)1186
introductions, javascript
Cracking the Theme Switcher and Dark Mode1185
css, javascript, dark-mode
21 Awesome Web Features You’re Not Using Yet (fir)1184
videos, html, css, javascript
Announcing the Second Compute Pressure Origin Trial1183
apis, browsers, chrome, origin-trials
S.P.A.C.E. Framework—the Ultimate Framework for Measuring Your Tech Team Productivity1182
productivity, metrics, engineering-management, culture, communication, collaboration, efficiency
Don’t Meddle With User Input (tem)1181
accessibility, forms
Simple Things Make Things Simple (pjo)1180
simplicity, case-studies
10 Incident Management Best Practices1179
incident-response, best-practices, processes
The Double-Edged Sword of Design Systems1178
design-systems, design
Mastering CSS Blend Modes1177
css, blend-modes
The Optimization Sinkhole1176
productivity, optimization
Sass-Like Nesting in Native CSS (ami)1175
css, sass, nesting
The Problem With Nested Fieldsets and How to Avoid Them (ada)1174
accessibility, forms, assistive-tech, support
How Screen-Reader Users Type on and Control Mobile Devices (nng)1173
accessibility, usability, screen-readers, mobile
Improving the Quality of the Software With Qodana and GitHub Actions1172
qodana, quality, optimization, github, ci-cd
WordPress Turns 20 (sar)1171
wordpress
Plain Old JavaScript and the DOM (dou)1170
javascript, dom
Understanding the Importance of Encoding1169
encoding
When to Use Plain Text or Images Instead of MathML1168
mathml, math, accessibility
Why Does “👩🏾‍🌾” Have a Length of 7 in JavaScript? (eva)1167
javascript, unicode
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
Designing a Better Design Handoff File in Figma (sma)1164
design, processes, figma
We Need to Talk About How We Talk About Accessibility1163
accessibility, communication, dei
What Is the Most Popular Feed Format: RSS, Atom, or JSON? (paw/htt)1162
discussions, syndication, rss, atom, json-feed
A Practical Overview on Architecture Decision Records (ADR)1161
overviews, documentation, processes
How to Draw Any Regular Shape With Just One JavaScript Function (mdn)1160
how-tos, javascript, functions
“display: contents” Considered Harmful (eri)1159
accessibility, css
Two Things That Are Not Great About OKLCH (chr)1158
colors, oklch
Seven Lessons From 7 Years Designing Systems1157
lessons, design-systems
Levelling Up Accessibility Skills in Your Organisation (rus/int)1156
videos, accessibility
Single Line Comments in CSS (jim)1155
css, comments
WebKit and web-platform-tests (ann)1154
webkit
Querying Parsed HTML in BigQuery (rvi)1153
html
A Complete Guide to Using IndexedDB (log)1152
guides, databases, indexeddb
Deploying AVIF for More Responsive Websites1151
images, avif, performance
Responsive CSS Layout Grids Without Media Queries (5t3)1150
css, grids, layout, responsive-design
11 HTML Best Practices for Login and Sign-Up Forms (sit/evi)1149
html, best-practices, forms
The Yellow Fade Technique With Modern CSS Using “@starting-style” (bra)1148
css, transitions, techniques
Register Custom Properties in CSS, Get and Update Them With JavaScript (oll)1147
css, custom-properties
Reading a Voluntary Product Accessibility Template (VPAT) or Accessibility Conformance Report (ACR) (mer/equ)1146
accessibility, vpat-acr, documentation
Graph Slider1145
sliders, css
Future of CSS: Popover API1144
css, apis, pop-overs
Introducing the Popover API (una)1143
introductions, apis, html, pop-overs
You Don’t Need a Modal Window (dz4)1142
websites, modals
I Created 100+ Unique CSS Patterns (css)1141
css, backgrounds, effects
File Upload Security and Malware Protection (aus)1140
security, malware, file-handling, edge-computing
Where to Put Your Types in Application Code (mat)1139
typescript
Two Simple Layouts That Work Better With Grid (kev)1138
videos, css, grids, layout
Addressing Timeout Modals: Navigating the Nuances for Inclusive Web Design1137
accessibility, dei, modals, time
Why We’re Bad at CSS (per)1136
css
Be Careful Using “Menu” (aar)1135
html, aria, design, terminology
Stop Rewriting Your CSS! Use “:not()” Instead (zor/css)1134
videos, css, selectors, maintenance
Building a Modern Design System in Layers (dal)1133
design-systems
Working With URLs With Vanilla JavaScript (cfe)1132
javascript, urls
10 Ways to Boost Your Landing Page Conversion Rates (uxm)1131
landing-pages, user-conversion, metrics
Visual-Design Principles and UX Design Best Practices (uxm)1130
design, user-experience, principles, best-practices
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
Server-Sent Events With Node.js1126
nodejs, events
A Beginners Guide to Digital Accessibility (fra)1125
guides, accessibility
Measuring Design System “Adoption” (pjo)1124
design-systems, metrics
Using “linear()” for Better Animation (oll)1123
animations, css, javascript
How to Build Lean Efficient Websites in 2023 (cfe)1122
how-tos, html, progressive-enhancement, minimalism
A New Approach to Measuring Developer Productivity1121
research, productivity, metrics
Creating a Shine Effect on a Card With Tailwind CSS1120
tailwind, effects
Website Issues: On the Relevance of Audience Size and Impact (j9t)1119
processes, quality
Accessible Numbers1118
websites, accessibility
Core Principles of SEO1117
seo, principles, overviews
How to Create a Custom Range Slider Using CSS (css)1116
how-tos, sliders, css, forms
What Devs Can Do on Global Accessibility Awareness Day (ste)1115
accessibility, awareness-days
Getting Started With View Transitions on Multi-Page Apps (dav)1114
css, view-transitions, multi-page-apps, introductions
Write Better Code by Following These JavaScript Best Practices1113
javascript, best-practices
Are We There Yet? WCAG 2.2 Is at the Candidate Recommendation [Stage] v3 (gwi/deq)1112
accessibility, wcag, standards
A History of Metaphors for the Internet (jos/ver)1111
history, web, terminology
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
Jekyll Tutorial: How to Create a Static Website (kin)1108
tutorials, how-tos, jekyll
Release Notes for Safari Technology Preview 170 (jon/web)1107
release-notes, browsers, safari
6 Tips for Improving Language Switchers on Ecommerce Sites (nng)1106
videos, usability, internationalization, localization, ecommerce, tips-and-tricks
State of Node.js Performance 2023 (raf)1105
nodejs
Why Is Web Accessibility Important? (tpg)1104
videos, accessibility
Python Developers Survey 2022 Results (jet)1103
surveys, python
GitHub Copilot and ChatGPT Alternatives (ger)1102
github-copilot, chatgpt, ai, comparisons
Fieldsets, Legends, and Screen Readers Again (ste/tpg)1101
accessibility, html, forms, screen-readers
Vertical Rhythm Using CSS “lh” and “rlh” Units (paw)1100
css, units
Conditional CSS With “:has” and “:nth-last-child” (sha)1099
css, selectors
I Just Did a Test to Apply as a Front End Developer—and Things Aren’t Going Well (cod)1098
career, interviewing
It’ll Soon Be (Too) Easy to Develop a Website in A Day1097
ai, processes, productivity, creativity
Semantics and the “popover” Attribute: What to Use When? (hdv)1096
html, attributes, semantics, accessibility, pop-overs
Comparing Version Control Systems: Git, SVN, CVS, and More1095
comparisons, version-control, git, svn, cvs
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
Getting an Item an Array With a Negative Index With Modern JavaScript (cfe)1092
javascript, arrays
CSS Art: Drawing a Coffee Stain (alv)1091
css, art
HTML Landmark Roles Screen Reader Demo (sch/mdn)1090
videos, accessibility, html, screen-readers, voiceover
10 Books to Improve Coding Skill in 20231089
books, programming, link-lists
Let’s Share Our Salaries, Title, Location, XP1088
discussions, career
Get Full Type Support With Plain JavaScript1087
javascript
How to Handle Production Support When Using Scrum1086
how-tos, agile, scrum, processes
Using HTML Landmark Roles to Improve Accessibility (sch/mdn)1085
accessibility, html
Solving Media Object Float Issues With CSS Block Formatting Contexts (sma)1084
css, floats
ES2023 Features1083
ecmascript
Error Message Guidelines (nng)1082
guidelines, usability, errors, writing
7 Secret TypeScript Tricks Pros Use1081
typescript, tips-and-tricks
The Problem With Disabled Buttons and What to Do Instead (ada)1080
buttons, user-experience, accessibility
Screen Readers Don’t Announce When the User Reaches the “maxlength” Character Limit (sim)1079
html, accessibility, screen-readers, support
Building a Frontend Framework—Reactivity and Composability With Zero Dependencies1078
frameworks, reactivity, dependencies
Respect Your Children (ste/tpg)1077
accessibility, html, aria
Building a Greener Web (mic)1076
videos, web, sustainability
What Is “Fake Door” Testing in UX?1075
testing, user-experience
Add Opacity to an Existing Color (chr)1074
colors, transparency+opacity, css
Keeping Up With an Ever Changing Web (joh)1073
web-platform, learning
Best Practices for All Developers1072
best-practices
Regular Expressions in JavaScript (hon)1071
javascript, regex, examples
What’s New in CSS and UI: I/O 2023 Edition (una+)1070
css, retrospectives
Introduction to Screen‐Readers: JAWS Edition1069
introductions, screen-readers, jaws, accessibility
Introduction to Screen‐Readers: NVDA Edition1068
introductions, screen-readers, nvda, accessibility
An Introduction to the Bun JavaScript Runtime (cra)1067
javascript, runtimes, bun
The JavaScript Ecosystem Is Delightfully Weird (sam/fly)1066
javascript
Introduction to Screen‐Readers: VoiceOver macOS Edition1065
introductions, screen-readers, voiceover, macos, accessibility
Announcing INP as the Next Core Web Vital: What Shopify Stores Can Do Now (sia)1064
performance, web-vitals, shopify
Slow Design1063
websites, design
What’s New in Web1062
videos, browsers, support, web-platform
Introducing Baseline1061
introductions, browsers, support, web-platform
What’s New in Web Animations (bra)1060
videos, animations
Introducing INP to Core Web Vitals1059
introductions, performance, web-vitals, search, seo
Advancing Interaction to Next Paint (rvi+)1058
performance, web-vitals
Baseline Features You Can Use Today1057
browsers, support, web-platform
Developer Tools That Shouldn’t Be Secrets (cod)1056
videos, browsers, dev-tools
Why an Engineering Manager Should Not Review Code (mul)1055
engineering-management, code-reviews
Crafting a Modern Spotlight Effect With React and CSS1054
css, react, effects
ES2023 Introduces New Array Copying Methods to JavaScript (phi)1053
javascript, ecmascript, standards, arrays
Introducing Baseline: A Unified View of Stable Web Features (mdn)1052
introductions, browsers, support, web-platform
The 9 Most Effective Core Web Vitals Opportunities of 2023 (tun)1051
videos, performance, web-vitals
Is Data Transfer the Best Proxy for Website Carbon Emissions? (fer)1050
sustainability, network
How to Optimize Web Responsiveness With Interaction to Next Paint (ann)1049
videos, how-tos, performance, web-vitals
The Difference Between Agile and UX Is Not About Quantity vs. Quality (jas)1048
agile, user-experience, processes, comparisons
API Design Practice1047
apis, documentation, link-lists
Optimize Input Delay (mal)1046
performance, web-vitals, optimization
See What’s New in Firefox [113.0] (moz)1045
release-notes, browsers, firefox
How to Handle Emojis in Node.js1044
how-tos, nodejs, emoji, unicode
Script Evaluation and Long Tasks (mal)1043
performance, javascript, web-vitals
Find Slow Interactions in the Field (mal)1042
performance, web-vitals, auditing
Diagnose Slow Interactions in the Lab (mal)1041
performance, web-vitals
Design Systems [Are] a Mindset Not a Library1040
design-systems
An Introduction to Container Queries in CSS (5t3)1039
introductions, css, container-queries
Client-Side Rendering of HTML and Interactivity (mal)1038
performance, html, client-side-rendering
Understanding ActivityPub: Protocol Fundamentals (cre)1037
activitypub, protocols, fundamentals
The Ongoing Defence of Frontend as a Full-Time Job (cod)1036
career
Rearrange/Animate CSS Grid Layouts With the View Transition API (bra)1035
css, grids, layout, view-transitions, apis
How Large DOM Sizes Affect Interactivity, and What You Can Do About It (mal)1034
performance, dom, html, optimization
ShatGPT (ste)1033
accessibility, ai
Dithering (chr)1032
images, dithering
Speed Trap (dav/ver)1031
amp, web-platform
How “x-default” Can Help You (met)1030
internationalization, urls, html, attributes, search, google
A Complete Guide to Usability Testing (uxm)1029
guides, usability, testing
Proportional Design Systems With Proportio.app1028
design-systems
Pay Attention to Web Performance Metrics to Improve the UX (uxm)1027
performance, metrics, user-experience, web-vitals, optimization
Improving Web-Site Conversion Rates Through Better UX Design (uxm)1026
user-conversion, metrics, optimization, user-experience
A Comprehensive Guide to Using Langchain.js and Google Cloud Functions for AI Applications1025
guides, langchain, google, gcp, functions, ai
How Far Back in Time Can I Take My Website’s Design1024
web, design, history, html, css
The Problem With Sticky Menus and What to Do Instead (ada)1023
navigation, usability, user-experience
How to Configure Path Aliases in Frontend Projects in the Native Way1022
how-tos, aliases, javascript, configuration
The Image Sorting Experiment1021
images, information-design, sorting, experiments
Scaling Node.js Web Apps With Docker1020
scalability, nodejs, web-apps, docker
Cron Job: A Comprehensive Guide for Beginners1019
guides, cron
Should the Confirmation Button Come First or Last?1018
buttons, interaction-design
Complete Guide on Playwright Visual Regression Testing1017
guides, playwright, design, testing, regressions
htmx Is the Future1016
htmx, outlooks
I’m Done With React1015
videos, react
Scroll-Driven Animations (bra)1014
websites, scrolling, animations
HTTP/1 vs. HTTP/2 vs. HTTP/31013
http, protocols, comparisons
Design Tokens: Beginner’s Guide1012
guides, design-tokens, design-systems
Speed Up or Slow Down a Video (pat/dev)1011
browsers, dev-tools, multimedia
How “:not()” Chains Multiple Selectors (dip/mdn)1010
css, selectors
CSS Logical Properties: A Good Use Case (wes)1009
videos, css, logical-properties
The Frontend Cloud Advantage1008
cloud-computing
Code Coverage vs. Test Coverage1007
code-coverage, testing, quality, comparisons
New Features in the Orion Browser (kag)1006
release-notes, orion, browsers
Using Go for Front End Development1005
go
React Testing Library and Accessibility (ste)1004
react, testing, libraries, accessibility, automation
An Introduction to the “:has()” Selector in CSS (5t3)1003
introductions, css, selectors
How Do You Declare Namespace in JavaScript?1002
javascript, namespaces
5 Best Practices to Sustainably Improve Core Web Vitals (ben/cal)1001
performance, web-vitals, best-practices
GitHub Actions: All Actions Will Run on Node 16 Instead of Node 121000
github, github-actions, automation, nodejs
Angular v16 Is Here (mge/ang)999
angular, release-notes
Where Would You Take the W3C? (rob)998
discussions, w3c
Don’t Use Custom CSS Scrollbars (eri)997
css, scrolling
The Latest Innovations in Drupal996
drupal
How to Make a CSS-Only Hamburger Menu995
how-tos, css, navigation
DevEx: What Actually Drives Productivity (acm)994
developer-experience, productivity, metrics
The Intersectionality of Web Performance993
performance, sustainability, dei
7 Practical CSS Typography Tips and Tricks (zor/css)992
videos, css, typography, tips-and-tricks
Security Implications of HTTP Response Headers991
security, http, http-headers
Release Notes for Safari Technology Preview 169 (jon/web)990
release-notes, browsers, safari
How to Write More Efficient JavaScript Conditions (fre)989
how-tos, javascript, efficiency
Make Your Website Load Fast by Optimizing Request Priorities (mat/deb)988
performance, optimization, network
Detecting if an Event Was Triggered by a User or by JavaScript (pau/clo)987
events, javascript
Digital Accessibility Is a Bigger Education Issue Than We Think—Here’s What We Can Do About It986
accessibility, training
SupportsCSS (5t3)985
websites, tooling, css, support
A/B Testing: A Primer984
introductions, a-b-testing, metrics, optimization
Things Considered Harmful (bre)983
php, laravel
An Update on the Lock Icon (ser+)982
browsers, chrome
Why “font-size” Must Never Be in Pixels (gra)981
css, units, accessibility, responsive-design
A Complete Guide to Performance Budgets (spe)980
guides, performance, performance-budgets, metrics
Load Websites Faster With Code Splitting979
performance, code-splitting, react
3 Engineering Mistakes That Kill Startups978
mistakes, architecture
A Radical Proposal: Put UX Research in Charge (jms)977
user-experience, research, product-management, strategies
CSS Naked Day and the Missing Wikipedia Page (j9t)976
css, awareness-days, wikipedia
Creating an Animated Gradient Border With CSS975
css, animations, gradients, borders
Do Logical Properties Make CSS Easier to Learn? (chr)974
css, logical-properties, learning
How to Get Started With NodeJS—a Handbook for Beginners (fre)973
introductions, guides, nodejs
The Native Way to Configure Path Aliases in Frontend Projects972
javascript, nodejs, esm, commonjs, tooling, aliases
The Simple Trick to Transition From Height “0” to “auto” With CSS (kev)971
videos, css, transitions, tips-and-tricks
Short Note: Why Isn’t “role=presentation”/“none” Allowed on Focusable Elements? (ste)970
accessibility, focus, aria, html
developers.events: Maintaining a GitHub repository—What Have I Learned in 7 Years?969
foss, community, github
Qwik Reaches v1.0 (bui)968
release-notes, qwik
“:root” Isn’t Global (kil)967
css
CSS Wishlist 2023 (ell)966
css, wish-lists
Tailwind CSS vs. UnoCSS965
tailwind, unocss, css, frameworks, comparisons
What’s New in Svelte: May 2023 (sve)964
release-notes, svelte, sveltekit
Testing Feature Support for Modern CSS (5t3)963
css, feature-detection, support
This Blog Is Hosted on My Android Phone962
websites, hosting, android
CDNs: Speed Up Performance by Reducing Latency (aus)961
content-delivery, performance
Practical Guide to Not Blocking the Event Loop960
guides, javascript, event-loop, events, performance
Configuring ESLint, Prettier, and TypeScript Together (jos)959
eslint, prettier, linting, formatting, tooling, typescript, configuration
7 Things to Remove From Your Job Postings to Be More Inclusive (wom)958
hiring, dei
Beyond Content Creation: How Open Source Contributions Can Help You Get Noticed (bek/ope)957
foss, content, career
Two Underused Arguments for Writing Documentation (j9t)956
writing, documentation, career
My Favorite Free Courses to Learn JavaScript in Depth955
courses, javascript, training, link-lists
30th Anniversary of Licensing the Web for General Use and at No Cost (koa/w3c)954
web, web-platform, standards, foss, history, anniversaries
The Popover API Is Exciting, Sort Of (mrt)953
apis, pop-overs
Dark Mode in 3 Lines of CSS and Other Adventures (sto)952
css, dark-mode
Animating the Impossible (cas/btc)951
videos, animations, transitions
New to the Web Platform in April950
release-notes, web-platform, browsers, chrome, firefox
JS Private Class Fields Considered Harmful (lea)949
javascript
Everything You Need to Know About Webpack’s Bundle Analyzer948
webpack, bundling, tooling
Rebuilding a Featured News Section With Modern CSS: Vox News (sha)947
css, refactoring, maintenance, optimization
Write Better CSS by Borrowing Ideas From JavaScript Functions (sma)946
css, javascript, functions, quality
A Beginner’s Introduction to the Most Common Data Types in Programming945
introductions, types, programming
Information Architecture (IA) and Sitemap: Simple and Easy to Understand944
information-architecture, sitemaps, best-practices
Typography for Everyone (tob/btc)943
videos, fonts, typography
How to Manage Design Tokens942
how-tos, design-tokens, maintenance
Modern CSS Layout Is Awesome! (mic/btc)941
videos, css, layout
Accessible Target Sizes Cheatsheet (sma)940
accessibility, user-experience
What Is the Value of a Design System? (zer)939
design-systems
Writing Unit Tests in Node.js Using Jest938
testing, nodejs, jest
The Most Underrated Section of Design Portfolios (pro)937
design, career
How to Deep Merge Arrays and Objects With JavaScript (cfe)936
how-tos, javascript, arrays, objects
Progress Over Perfection: The Better Way for Communication and Accessibility Advocacy (mer)935
accessibility, communication, advocacy, processes
What Is the QUIC Protocol?934
protocols, quic
Structure and Interpretation of Flutter (win)933
flutter, dart
The Interactive Guide to Rendering in React932
guides, client-side-rendering, react
Discovering the Power of JavaScript Proxy After All This Time931
javascript
The Most Important Thing Productivity Tools Are Missing About AI930
tooling, productivity, ai
Crafting the Next.js Website929
nextjs
The Best Way to Get nvm Working in CI/CD Systems928
nvm, ci-cd
Adding Motion to the Next Decade of Atomic Design927
design, atomic-design
Reducing the Cost of String Serialization in Node.js Core (yag)926
nodejs, strings, performance
Comparing the Best Node.js Version Managers: nvm, Volta, and asdf925
nodejs, npm, nvm
Transition To and From “display: none” With Upcoming CSS Capabilities (una)924
videos, css, transitions
CSS Blend Modes923
css, blend-modes
Scoped CSS Is Back (kei)922
css, scope
npm vs. Yarn vs. pnpm921
npm, yarn, pnpm, comparisons
The “const” Deception (jos)920
javascript
What’s New in Node.js 20 (cra)919
nodejs
Frontend Web Performance Checklist (jac)918
performance, checklists
Avoiding Dark Patterns in Web Design (boa/fro)917
dark-patterns, design
Goodbye “create-react-app”: A New Approach916
react
Figma, I Love You but You’re Bringing Me Down915
figma
Monorepo Setup With npm Workspaces and Lerna914
monorepos, npm, lerna
Organizing a Web Design System for Scalability in Figma913
design-systems, scalability, figma
The Potentially Dangerous Non-Accessibility of Cookie Notices (mar/sma)912
accessibility, cookies, legal, privacy, user-experience
Design Debt: The Hidden Cost of Neglecting UX Investment, and How to Measure and Manage It911
design-debt, user-experience, metrics, economics
Meeting WCAG Level AAA (pat/tet)910
accessibility, wcag, conformance, standards
“The Secret List of Websites” (chr)909
ai, web, content
“details”/“summary” Inconsistencies (mat)908
html, disclosure-widgets, browsers, assistive-tech, support
Considering Content Warnings in HTML (aar)907
html, content, dei
Transitioning to Height Auto (Two Ways) (kei)906
css
The Effects of Technical Debt on Morale905
research, technical-debt, productivity
Dark Mode Toggle and “prefers-color-scheme” (abb)904
dark-mode, toggles, css
Automating Dependency Updates: The Big Debate903
dependencies, automation, ci-cd, security
The Case Against Automatic Dependency Updates (ben)902
dependencies, automation, ci-cd, maintenance, security
Setting Up a Monorepo With Lerna for a TypeScript Project (log)901
monorepos, lerna, typescript
How to Write Comments in React: The Good, the Bad, and the Ugly900
how-tos, react, comments
Exploring the Potential of Web Workers for Multithreading on the Web (sma)899
web-workers, multithreading, performance, javascript
Read-Only Web Apps898
javascript, progressive-enhancement
Spinning Diagrams With CSS (har)897
css, animations
Designing and Coding for Voice896
accessibility, voice
CSS Custom Properties Beyond the “:root” (mat)895
css, custom-properties, semantics
Upgrading Our CSS Habits: “aspect-ratio” (cod)894
css, aspect-ratio
System Design Blueprint: The Ultimate Guide (zon)893
guides, cheat-sheets, architecture, system-design, principles
5 Topics You Should Touch on During the Recruitment Process892
interviewing, career, processes
This Website Is Under Construction, a Love Letter to the Personal Website (btc)891
videos, indieweb, web-platform