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

News and Tools for Web Developers, 1990s to Now (17)

→ Stay up-to-date on all topics by various RSS feeds (main feed with exclusive news: only $1/month), on Mastodon, and on Bluesky

Entry (Sources) and TopicsDate#
Control Your Vertigo—the Unspoken Rule for Defending Design Decisions15453
design, user-experience
Wednesday, April 10, 2024 Security Releases (raf/nod)15452
release-notes, nodejs, security
Optimizing WebKit and Safari for Speedometer 3.0 (pat+/web)15451
webkit, browsers, safari, performance, optimization
The Guide to Git I Never Had15450
guides, git, command-line, cheat-sheets
I Never Knew a Website Could Hurt Someone (kar)15449
videos, accessibility
Release Notes for Safari Technology Preview 192 (jon/web)15448
release-notes, browsers, safari
Frontend Development Beyond React: Svelte15447
svelte
The Future of Design Systems Is Marketing (fig)15446
design-systems, marketing, metrics
Notes on Git’s Error Messages (b0r)15445
git, errors
JS Naked Day (mac+)15444
websites, javascript, awareness-days
A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution15443
react, history
Is the Party Over for Scrum Masters and Agile Coaches?15442
agile, scrum, career
Recapping ng-conf 202415441
angular
The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (slo/tpg)15440
accessibility, ada, legal, web, mobile
React Server Components in a Nutshell15439
react, components
Sending Email Using Node.js (cra)15438
nodejs, email
An Introduction to the Node.js Performance API (bet)15437
introductions, nodejs, performance, apis
Happy CSS Naked Day 2024 (fro)15436
frontend-dogma, css, awareness-days
Understanding Interaction to Next Paint (INP) (wil/fro)15435
performance, web-vitals
Layered Toggles: Optional CSS Mixins (kiz)15434
css, mixins, techniques
Figma Prototypes vs. HTML Prototypes (ada)15433
design, processes, prototyping, figma, html, comparisons
Ableism and Related Terms You Need to Know (mer)15432
terminology, communication, dei
Building a CLI From Scratch With TypeScript and oclif15431
command-line, typescript
The Death of Creativity15430
creativity, ai
Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (uxm)15429
design, communication
How I Write Commits Like a Pro15428
version-control, git, commit-messages, conventions
DORA’s Software Delivery Metrics: The Four Keys (nat)15427
processes, metrics
Node.js Debugging in Chrome DevTools (chr/fro)15426
nodejs, debugging, tooling, browsers, chrome, dev-tools
Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities15425
accessibility, legal, web, mobile
Creating a Navbar in React15424
navigation, react, css
Techniques for Fetching Data: Comparing Next.js (App and Pages API), Remix, and RedwoodJS (sel/red)15423
data-fetching, techniques, nextjs, remix, redwoodjs, comparisons
Node.js Secure Coding: Mitigate and Weaponize Code Injection Vulnerabilities15422
books, nodejs, security, vulnerabilities
What Is Whitespace? (nng)15421
videos, whitespace, design, concepts, terminology
User Experience in the Era of AI: Enhancing Human-Machine Interactions (uxm)15420
user-experience, ai, hci
Things That I Like Better in Vue Than in React15419
vuejs, react, frameworks, comparisons
Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (uxm)15418
redesigning, strategies, dei, accessibility
10 Must Know System Design Concepts for Interviews15417
interviewing, architecture, system-design, concepts, scalability
Demystifying the Shadow DOM15416
dom, shadow-dom
Blind Internet Users Struggle With Error-Prone AI Aids (fin)15415
accessibility, ai
Testing HTML With Modern CSS (hey)15414
html, css, testing, quality
Jekyll vs. Astro (koo)15413
site-generators, comparisons, jekyll, astro
Faster Websites With the “picture” Element (fra)15412
html, images, performance
[zx] 8.0.015411
release-notes, zx
21 HTML Tips You Must Know About15410
html, tips-and-tricks
Reviewing Polypane for Responsive Website Tweaks15409
videos, polypane, browsers
Why I’m Yet Another Woman Leaving the Tech Industry15408
career, community
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)15407
accessibility, user-experience, keyboard-navigation, skip-links, wcag
How to Think About HTML Responsive Images (db)15406
how-tos, html, images, responsive-design
How to Make Your Website Work Offline15405
how-tos, web-workers, offline, javascript
DevTools Tips and Tricks (pan/fro)15404
browsers, dev-tools, tips-and-tricks
Managing User Focus With “:focus-visible” (css)15403
css, selectors, focus
Creativity in Software Engineering15402
research, creativity, programming
Breakpoints in Responsive Design (nng)15401
design, responsive-design, breakpoints, usability
The Free Software Commons (jen)15400
foss, community, security
Should Designers Code? (bra)15399
design, career
ESLint v9.0.0 Released (nza/esl)15398
release-notes, eslint
Drive-By Accessibility Tweaks (bru)15397
accessibility
“AI” Won’t Solve Accessibility (yat)15396
accessibility, ai
Modern CSS Patterns in Campfire15395
css, case-studies
The Basics of Legibility15394
fundamentals, typography, legibility
Heat Death of the Internet15393
web
Building Components With Radix UI15392
radix, components
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)15391
guides, css, logical-properties, cheat-sheets
AI and the Future of Web Accessibility Guidelines15390
discussions, accessibility, wcag, standards, ai, w3c
The V8 Sandbox15389
v8, security
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue15388
videos, javascript, visualization, event-loop, events, apis
When to Use “tabindex="0"” (gra/tet)15387
accessibility, keyboard-navigation, focus, html
Rounded Tabs With Inner Curves (css)15386
css, effects, tips-and-tricks
How to Strongly Type process.env (mat)15385
how-tos, typescript, nodejs
Hanging Punctuation in CSS15384
css, typography
How to Build a Simple Web Server With Node.js15383
how-tos, servers, nodejs
BFCache Explained15382
bfcache, browsers, performance
Using JSON Web Tokens With Node.js15381
json-web-tokens, nodejs, security, authentication
Introducing Jpegli: A New JPEG Coding Library15380
introductions, jpeg, images, libraries, compression
Wednesday, April 3, 2024 Security Releases (nod)15379
release-notes, nodejs, security
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?15378
dns, security
In-Page Links: 3 Usability Tips (nng)15377
videos, links, usability, tips-and-tricks
Theming Design Systems (per)15376
design-systems, theming
The View Transitions API (cas/fro)15375
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)15374
svelte, html, parsing
Fluid Typography With Discrete Steps (css)15373
css, typography, tips-and-tricks
Finally Understand Responsive Design15372
videos, responsive-design, css
“aspect-ratio” Gotcha (css)15371
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)15370
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)15369
ai, web
How to Get Somebody Fired Using Git15368
version-control, git, career
WebAssembly at Google (tom)15367
videos, webassembly, google
Learn JavaScript (wil)15366
courses, javascript
WordPress 6.5 “Regina” (pho/wor)15365
release-notes, wordpress
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)15364
how-tos, html, conformance, performance
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)15363
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)15362
css, theming
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)15361
css, anchor-positioning
Authentication in Next.js (rwi)15360
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)15359
guides, css, container-queries
The Detail, the Quality15358
design, quality
What Even Is a JSON Number?15357
json, terminology
Micro Frontends With Native Federation15356
micro-frontends, comparisons
The Era of High-Paying Tech Jobs Is Over15355
programming, career, ai, economics
Introducing Root.js15354
introductions, tooling, content-management
Bun 1.1 (jar+/bun)15353
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)15352
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)15351
user-experience, tooling, link-lists
10 JavaScript Sites Every Web Developer Should Know15350
javascript, learning, link-lists
The DevOps Basics15349
dev-ops, fundamentals
Disable AWS CloudFront Distributions if Budget Is Exceeded15348
aws, cloudfront, configuration, economics
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time15347
tooling, nodejs, deno, bun, quickjs
Why I Care Deeply About Web Accessibility and You Should Too (sch)15346
accessibility, web
Object Structure in JavaScript Engines15345
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)15344
accessibility
Kobold Letters (wed)15343
html, email, support
Some Samples Using UIkit15342
uikit
Design Is a Process of Getting Stuck (fon)15341
design, processes
The Power of “:has()” in CSS (css)15340
css, selectors
What Negative Effects Does a Bad Website Design Have on My Business? (web)15339
design, economics
The Easy Way to Access the Last JavaScript Array Element15338
javascript, arrays
“@scope” Is Coming to CSS and It’s Amazing (kev)15337
videos, css, scope
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)15336
studies, research, accessibility, homepages, metrics
The Curious Case of the CSS Monochrome Media Query (sea)15335
css, media-queries
On “disabled” and “aria-disabled” Attributes (kit)15334
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)15333
career
Figma Plugins (tmc)15332
figma, plugins
New to the Web Platform in March15331
release-notes, web-platform, browsers, firefox, safari, chrome
A Guide to Building CLI Tools in JavaScript15330
guides, tooling, command-line, javascript, nodejs
Improving the Developer Experience of Enterprise Design Systems15329
design-systems, developer-experience, optimization
History of JS Interop in Dart15328
javascript, dart, interoperability, history
The Browser Company and Radical Transparency15327
the-browser-company, culture, communication
What’s New in DevTools, Chrome 12415326
release-notes, dev-tools, browsers, chrome
Release Notes for Safari Technology Preview 191 (jon/web)15325
release-notes, browsers, safari
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)15324
css, functions, colors, dark-mode
The Complete Guide to Captioned Videos (mer)15323
guides, accessibility, captions, multimedia
Finally Understanding How “Array.sort(comparator)” Works (jam)15322
javascript, arrays
Meet Angular’s New “output()” API (ang)15321
angular, apis
What Even Are Dragging Movements? (cat/spa)15320
accessibility, interaction-design, terminology
Iterator Helpers15319
ecmascript, javascript, javascript-engines, v8
How I Fixed My Brutal TTFB (whi/get)15318
performance, metrics, optimization
ai.robots.txt (cor)15317
ai, crawling, scraping, robotstxt, tooling
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)15316
browsers, mobile, privacy, security
Flickering Glowing Text Effect With CSS (man)15315
css, effects
Node v20.12.0 (LTS) (nod)15314
release-notes, nodejs
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests15313
how-tos, jquery, ajax, functions, asynchrony
History of Web Accessibility15312
videos, accessibility, history
Quick Tip: How to Align Column Rows With CSS Subgrid (ral)15311
tips-and-tricks, how-tos, css, grids, layout, alignment
Convention Over Creativity? The Ups and Downs of UX Design15310
user-experience, design
Exploring the Power of ARIA Live Attribute in Web Accessibility15309
accessibility, aria, attributes
Animating Clip Paths on Scroll With “@property” in CSS (uti)15308
css, animations, scrolling, clipping, masking
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)15307
css, overviews
How to Take Control of Flexbox (kev)15306
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)15305
html, conformance, performance
How Does npx Actually Work and When to Use It15304
npx, nodejs
CSS Anchor Positioning (tab+/w3c)15303
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)15302
accessibility
How to Consolidate Multiple Design Systems15301
how-tos, design-systems, processes
7 Simple Rules for Better Data Visualization15300
information-design
Error Messages 101 (nng)15299
videos, usability, errors, microcontent
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)15298
colors, dark-mode, css, javascript
JavaScript Visualized: Promise Execution15297
javascript, promises, visualization
Diving Into the Node.js Website Redesign (bri/nod)15296
redesigning, case-studies
No One Actually Wants Accessibility (dav)15295
accessibility
CORS Finally Explained—Simply15294
security, csrf, cors, concepts
How Does Single Sign-On (SSO) Work? (mil)15293
authentication, security
Spicing Up Text With “text-emphasis” in CSS (ami)15292
css, typography, effects
New CSS That Can Actually Be Used in 2024 (tho)15291
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Incredible JavaScript Animation Libraries15290
javascript, animations, libraries, link-lists
AI Can Make a Code Review for Free15289
ai, code-reviews, tooling
Learn OAuth 2.0 by Building Your Own OAuth Client15288
authorization, oauth, functionality
Radix Themes 3.015287
release-notes, radix
Profile Node.js Performance With the Performance Panel (jec+)15286
nodejs, performance, debugging, browsers, chrome, dev-tools
ARIA “role=application” and Mobile Screen Readers (cer)15285
accessibility, aria, screen-readers, mobile
Accessible Forms With Pseudo Classes (css)15284
accessibility, forms, css, selectors
Don’t Get Scammed by Fake Performance Experts and Apps15283
performance, tooling
Quick Tip: How to Add Gradient Effects and Patterns to Text (ral)15282
tips-and-tricks, how-tos, css, gradients, effects
The Cost of Interrupted Work: More Speed and Stress15281
research, productivity, processes
12 Figma Tips to Work More Efficiently15280
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)15279
git
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)15278
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)15277
css, units
CSS Values and Units Module Level 3 (tab+/w3c)15276
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)15275
accessibility, captcha
Optimizing JavaScript for Fun and for Profit15274
javascript, optimization
[Bulma] 1.0.015273
release-notes, bulma
Relicensing and Rug Pulls15272
foss, licensing, history
Node.js: The Documentary (isa+)15271
videos, nodejs, history
Welcome to Future of Web Accessibility Based on Predictors (jar+)15270
videos, accessibility, outlooks
Avoid These Design System Traps15269
design-systems
“__dirname” Is Back in Node.js With ES Modules (phi)15268
nodejs, esm
Microservices Promised Freedom but Delivered Dependencies (pur)15267
microservices, dependencies
This Pattern Will Wreck Your React App’s TS Performance (mat)15266
design-patterns, react, typescript, performance
On the Gift of OKR for Company Culture (j9t)15265
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)15264
accessibility, pop-overs, html
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)15263
how-tos, accessibility, testing, authentication
Building a Micro htmx SSR Framework (mco/pla)15262
frameworks, htmx, examples
Progressive Disclosure Defaults15261
css, forms, interaction-design
Folder Structures in React Projects15260
react, architecture
Angular Signals: Best Practices15259
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)15258
javascript-engines, memory, garbage-collection, asynchrony
Psychology and UX: Decoding the Science Behind User Clicks15257
user-experience, design, principles
The Box Model and Box Sizing (bel/pic)15256
css, box-model, concepts
How to Plan Your First Successful Website (web)15255
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)15254
how-tos, code-generation, pdf, functionality
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)15253
code-pens, layout, css
Essential CSS Tools for Developers (nim)15252
css, tooling
Build a Full-Stack App With Node.js and htmx15251
web-apps, nodejs, htmx
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)15250
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)15249
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)15248
css, scrolling
The Power of Textual Content in UX Design (uxm)15247
content, user-experience
Comparing ECMAScript Modules and CommonJS15246
comparisons, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm15245
guides, npx, npm, nodejs
How Web-Site Design and Social Media Work Together (uxm)15244
design, content, social-media
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility15243
accessibility
Make a Web Browser: Beginner’s Guide (nim)15242
guides, browsers, browser-engines
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)15241
user-experience, interaction-design, best-practices
A Designer’s Role Is Not “at the Table”15240
design, career
How Meta Improved Their Cache Consistency to 99.9999999915239
facebook+meta, caching
Accessibility Foundations (ihe/tpg)15238
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)15237
observability, logging, monitoring, alerting
“require(esm)” in Node.js (joy)15236
nodejs, ecmascript, esm, commonjs
I’m So Old: Web Edition (dav)15235
web, history
How to Kill the Cascade (fon)15234
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes15233
videos, react, concepts
Build a Node App With TypeScript (mat)15232
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)15231
javascript, types, comparisons
Why UI Designers Should Understand Flexbox and CSS Grid15230
design, layout, flexbox, grids, css
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)15229
embed-code, google, analytics, sustainability, performance, compliance
2024 Cheat Sheet Collection15228
cheat-sheets, link-lists
How Web Bloat Impacts Users With Slow Devices15227
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript15226
javascript, objects
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)15225
migrating, jest, testing, memory, performance
Webflow 101: A Guide for Beginners15224
introductions, guides, webflow, low-and-no-code
Deploying Remix to GitHub Pages (rem)15223
videos, deploying, remix, github-pages
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)15222
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?15221
efficiency, processes, engineering-management
Quick Tip: Creating a Date Picker in React15220
tips-and-tricks, react, functionality
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets15219
accessibility, design-systems, documentation, dei
Skeuomorphism (nng)15218
design, terminology
Homepage Design: 5 Fundamental Principles (nng)15217
design, homepages, principles
When “Semantic Tokens” Are No Longer Semantic15216
design-tokens, semantics
Performance Tooling in 2024 and Beyond (pau)15215
performance, tooling, browsers, dev-tools, lighthouse
There Is No EU Cookie Banner Law15214
consent-management, cookies, legal
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?15213
frameworks, comparisons, qwik, nextjs
What Is Safe Alignment in CSS? (chr/fro)15212
css, layout, user-experience
The Golden Age of Accessibility15211
accessibility
Make Your Functions More Reusable With Generics (mat)15210
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)15209
links, usability
My New Favorite CSS Trick: “will-change”15208
css, animations, transitions, tips-and-tricks
Ruby Is Complicated15207
html
25 Unnoticeable Features of JavaScript15206
javascript
Refactoring My Ugliest Code With Signal View Queries15205
videos, refactoring, angular
WCAG 2.2 Detective Skills15204
accessibility, standards, wcag
How to Design Icons in Figma15203
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright15202
how-tos, testing, flakiness, playwright
A Beginner’s Guide to Node.js Worker Threads (bet)15201
guides, nodejs, worker-threads
You Want “border-color: transparent”, Not “border: none” (dav/fro)15200
css, borders, transparency+opacity, accessibility, contrast
HTML Performance Optimization: Tips for Faster Loading Pages15199
html, landing-pages, performance, optimization, tips-and-tricks
What’s Next for a Global Design System (bra)15198
design-systems
There Are No Standards Police (mno)15197
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)15196
html, custom-data, css, typography, effects
The Problem With AI (cfe)15195
ai
Another JS Registry—Seriously?! (den)15194
videos, jsr, dependencies, javascript
The Essential Guide to Microcopy and Becoming a More Literate Designer15193
guides, design, microcontent, content, writing
Runtime Compatibility (asc+)15192
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
5 Exciting New JavaScript Features in 202415191
javascript
Marking the Web’s 35th Birthday: An Open Letter (tim)15190
open-letters, web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi)15189
performance, web-vitals
15 Years of Running a Personal Website (ste)15188
indieweb
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)15187
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)15186
accessibility, images, metadata
The “10× Engineer”: 50 Years Ago and Now (ger)15185
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript15184
javascript, operators, comparisons
How to Read Files Quickly in JavaScript (lem)15183
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)15182
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)15181
accessibility, advocacy, retrospectives
Comparing JavaScript Frameworks: Templates15180
javascript, frameworks, templates, comparisons
A Gentle Introduction to Generics in TypeScript15179
introductions, typescript, generics
Express.js With TypeScript—Setup, Examples, Testing15178
videos, express, typescript, testing, examples
IDEs vs. Code Editors: Everything You Need to Know (jet)15177
code-editors, comparisons, concepts
Accessibility: Implementing Focus Traps15176
accessibility, focus, keyboard-navigation
JSON Canvas15175
websites, standards, json, canvas
Have You Optimized for INP?15174
performance, web-vitals, optimization
What Is INP and Why You Should Care (whi/get)15173
performance, web-vitals, monitoring
Streaming HTML (chr/fro)15172
html, php, streaming
Distinguishing Between ARIA and Native HTML Attributes (deq)15171
html, aria, attributes, accessibility, comparisons
Are We Watching the Internet Die? (edz)15170
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness15169
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)15168
css, generated-content, alt-text, accessibility
Things I Learned While Building My JS Library15167
javascript, libraries, lessons
Optimising Your Design System With Figma’s Variables15166
design-systems, optimization, variables, figma
CSS Button Styles You Might Not Know (dbu)15165
html, css, buttons
Replace ESLint and Prettier With Biome.js15164
biome, eslint, prettier, comparisons, tooling, remix
eslint-plugin-depend (430)15163
packages, npm, maintenance, simplicity
Jakob Has Jumped the Shark (aar)15162
accessibility, link-lists
How to Invert the Colors Using CSS (ron)15161
css, colors, filters, images
Access by a Thousand Curb Cuts (yat)15160
accessibility
Navigating the Future of Frontend15159
frameworks, web-platform, outlooks
Asking Users for Their Pronouns: A Guide for UX Designers15158
guides, user-experience, communication
Creating Color Palettes With the CSS “color-mix()” Function (mic)15157
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)15156
css, style-queries, custom-properties
Modern CSS Tooltips and Speech Bubbles II (css/sma)15155
tooltips, css, techniques
How “HEAD” Works in Git (b0r)15154
git
Dissecting Layered Architecture (yok)15153
architecture
Managing Static Files in Django: A Comprehensive Guide15152
guides, django, file-handling
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project15151
how-tos, nodejs, environments
AVIF Is the Future of Web Images15150
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)15149
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)15148
css, selectors, examples
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)15147
how-tos, accessibility, testing
Internationalization With Remix (rem)15146
remix, internationalization
5 Ways Productivity Culture Kills Business Agility15145
productivity, agile, economics, culture
90% of Designers are Unhirable?15144
design, processes, career
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets15143
shadow-dom, dom, css
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers15142
figma, keyboard-shortcuts, cheat-sheets, design
Release Notes for Safari Technology Preview 190 (jon/web)15141
release-notes, browsers, safari
Leadership Is a Hell of a Drug (lud)15140
leadership, engineering-management
Exploring the Creative Power of CSS Filters and Blending15139
css, blend-modes, filters, effects
The Ultimate Guide to Choosing the Best React Website Builder15138
guides, react, tooling, comparisons, link-lists
WebAssembly JSPI Is Going to Origin Trial15137
webassembly, origin-trials
Sometimes, a Button Just Wants to Look Like a Button15136
design, usability, buttons
The End of My Gatsby Journey (mon)15135
gatsby, frameworks, comparisons
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)15134
static-site-generation, server-side-rendering, incremental-static-regeneration, client-side-rendering, rendering, strategies, comparisons, nextjs
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)15133
videos, css, selectors
Making Room for Long List Markers With Subgrid (nol)15132
html, lists, css, grids
Announcing TypeScript 5.4 (dan/typ)15131
release-notes, typescript
How to Ensure Your Designs Work if You Can’t Access Sample Data15130
how-tos, design, usability, metrics, testing
CSS-Tricks in Limbo: Chris Coyier Wants It Back and the Community Reacts15129
css-tricks, digitalocean, community
Best Practices for Inclusive Design (slo)15128
design, dei, accessibility, best-practices
WebKit Features in Safari 17.4 (jen+/web)15127
release-notes, browsers, safari, webkit
Data Table Design Patterns15126
information-design, tables, design-patterns
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)15125
how-tos, websockets, nodejs
Modern Git Commands and Features You Should Be Using15124
git, command-line
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)15123
design, collaboration
SemVer Simplified: An Introduction to Semantic Versioning15122
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About15121
performance, metrics, web-vitals, lighthouse
JavaScript Runs the World—Maybe Even Literally (wir)15120
javascript, programming, web
WCAG? More Like, W-What?! (stv)15119
accessibility, wcag, link-lists
The 88×31 Archive15118
web, images, history
JSR: Second Look (dbu)15117
jsr
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)15116
design, accessibility, user-experience, mobile
Tools That Make Me Productive as a Software Engineer15115
tooling, productivity, link-lists
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr15114
servers, hosting, comparisons, metrics, digitalocean
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)15113
npm, dependencies, examples, security
Visualizing Frontend Architecture (max)15112
architecture, documentation, visualization
We Need to Talk About Jakob (mat)15111
accessibility
CSS for Printing to Paper15110
css, print
Bugs I’ve Filed on Browsers (nol)15109
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)15108
accessibility, ai
Accessibility Darkness (ste)15107
accessibility, overlays
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked15106
lambda, javascript, runtimes, nodejs, comparisons, metrics
Emerging UX Patterns in Generative AI Experiences15105
user-experience, design-patterns, ai
Planning a Design System Generation (nat)15104
design-systems, automation
The Hunt for the Missing Data Type (hil)15103
types, algorithms
Go Ahead and Block AI Web Crawlers (cor)15102
robotstxt, crawling, scraping, ai
A Love Letter to the Underrepresented in Tech (abb)15101
community
Introducing JSR—the JavaScript Registry (lca+/den)15100
introductions, jsr, deno, dependencies, javascript
Team Productivity Metrics for Engineering Managers15099
productivity, metrics, engineering-management
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (9to)15098
browsers, apple, mobile, web-apps
An Introduction to Webflow—the No-Code Website Builder15097
introductions, webflow, low-and-no-code
Design System Generations (nat)15096
design-systems, processes
Retrofitting Fluid Typography (ric)15095
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)15094
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)15093
javascript, comparisons
Modern CSS Tooltips and Speech Bubbles (css/sma)15092
tooltips, css, techniques
Eloquent JavaScript (mar)15091
websites, books, javascript
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)15090
web-apps, apple
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)15089
accessibility, web-components, ai
New to the Web Platform in February15088
release-notes, web-platform, browsers, firefox, chrome, safari
Why Does “is-number” Package Have 59M Weekly Downloads?15087
dependencies, npm
Understanding Cookies and Sessions in React15086
react, authentication, cookies
What You Need to Know About Software Requirements15085
software-design, best-practices
Diving Into CSS Interactivity (daw+/sto)15084
videos, css
What Is Inclusive Design, and How Does It Relate to Accessibility? (slo)15083
design, dei, accessibility
The Wax and the Wane of the Web (ste/ali)15082
web-platform, history
Techniques to Break Words (aar)15081
techniques, html, css, content
Keyboard Accessibility Testing on Mobile Devices15080
accessibility, testing, keyboard-navigation, mobile
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)15079
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX15078
accessibility, usability, ai, outlooks
Where I’m at on the Whole CSS-Tricks Thing (chr)15077
css-tricks, digitalocean
Ultimate Guide to Visual Testing With Playwright15076
guides, testing, regressions, playwright
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js15075
how-tos, navigation, functionality, astro, tailwind, alpinejs
Top 8 Recent V8 in Node Updates (app)15074
nodejs, v8
Creativity Lies in the Paradoxes15073
creativity, design
Enhanced Internationalization (I18N) in Next.js 1415072
nextjs, internationalization
Test Quality vs. Bashing Tailwind CSS (mar)15071
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)15070
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)15069
accessibility, math
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)15068
css, container-queries, units
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)15067
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)15066
html, css, forms
Here Lies the Internet, Murdered by Generative AI15065
web, content, ai
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)15064
wordpress, ai
How to Lazy-Load CodePen and CanIUse Embeds15063
how-tos, embed-code, performance, codepen, caniuse
What Is Vuetify in Vue.js?15062
vuetify, vuejs
A Guide to CSS Cursor Types15061
guides, css, cursors
The 3 Capabilities Designers Need to Build for the AI Era15060
design, career, training, ai, link-lists
How to Use Server-Sent Events in Node.js (cra)15059
how-tos, nodejs, events
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)15058
drag-and-drop, accessibility, browsers, screen-readers, support
YouTube Video Embedding Harm Reduction (jvo)15057
multimedia, embed-code, youtube, html, privacy
ServerlessHorrors (and)15056
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)15055
apis, performance, web-vitals
AI and Design Systems (bra)15054
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)15053
videos, mistakes, dark-mode, css
A Fun Line of Code (dbu)15052
javascript, apis, multimedia
No Outer Margin15051
css, margins, spacing, components
How to Build a Newthing15050
how-tos, processes, creativity, maintenance
Speaker Spotlight: Michelle Barker (mic)15049
interviews, css, sustainability
Why I Use Firefox (sim)15048
browsers, firefox
Advanced Figma Tips and Tricks 2024: Little Gems We Love15047
figma, tips-and-tricks
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)15046
open-letters, apple, web-apps
CSS Foundations: What Is IACVT? (bra)15045
css, fundamentals
What Is a Single-Page Application? (hey)15044
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)15043
videos, css, cascade
CSS-Only Bottom-Anchored Scrolling Area (kit)15042
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)15041
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)15040
accessibility, screen-readers
Home Screen Advantage (sli)15039
browsers, apple, mobile, support, web-apps, web-platform
JSDoc as an Alternative TypeScript Syntax15038
typescript, documentation, jsdoc
Understanding Event-Driven Architecture (yok)15037
architecture, events
WebAIM Screen Reader User Survey 10 (den)15036
accessibility, screen-readers
The Power of Patterns and Playbooks in Content Design (kat)15035
design, content, design-patterns
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization15034
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)15033
accessibility, screen-readers
CSS “:has()” Interactive Guide (sha)15032
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)15031
accessibility, web, captcha
A Developer’s Guide for Web Accessibility15030
guides, accessibility
Why My Code Isn’t in TypeScript (rem)15029
typescript
Proposal: CSS Variable Groups (lea)15028
css, variables
UX Leadership Is Failing (and What We Can Do About It)15027
user-experience, leadership
Difference Between the Accessibility Page and the Accessibility Statement15026
accessibility, documentation, comparisons
htmx vs. React: A Complete Comparison15025
htmx, react, comparisons
Navbar Gallery15024
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)15023
javascript, performance
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)15022
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)15021
jsr, deno, dependencies, javascript
Filling Gaps With a Polyfill (jay)15020
polyfills, html, css, javascript, history
Building Dynamic Progress Bars Using Only CSS (ami)15019
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)15018
videos, accessibility, aria, html, user-experience
The One Trick Every Flutter Web Dev Needs to Know15017
tips-and-tricks, flutter, performance
Next.js vs. Remix—a Developer’s Dilemma15016
nextjs, remix, comparisons
Release Notes for Safari Technology Preview 189 (jon/web)15015
release-notes, browsers, safari
Discovering Web Automation and Scraping (gli)15014
scraping, automation, bots, tooling
Making of True Multi-Brand Design System15013
design-systems, theming
10 Best “Create React App” Alternatives for Different Use Cases15012
react, frameworks, tech-stacks, comparisons, link-lists
How to Optimize the Web for the Worst User Conditions?15011
how-tos, user-experience, responsive-design, performance, optimization
CSS “::backdrop” Now Inherits From Its Originating Element (bra)15010
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)15009
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)15008
css, apis, syntax-highlighting
Parallax Effect With CSS Custom Properties (fro)15007
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)15006
nodejs, retrospectives
My Favourite Animation Trick: Exponential Smoothing (lis)15005
animations, tips-and-tricks
How to Make a Cursor Image Hover Effect With CSS and JS15004
how-tos, css, javascript, images, cursors, hover
Control Lazy Load, Infinite Scroll, and Animations in React15003
react, lazy-loading, scrolling, animations, javascript
“random()” Distribution Visualizer15002
javascript, randomness, visualization
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)15001
videos, accessibility, wcag, guidelines, compliance
CSS-Only Radial Progress Bars Using Conic Gradients15000
videos, css, gradients, progress-indicators
My Design System Journey: Building the Plane While Flying14999
design-systems, collaboration, processes
Design Patterns That Encourage Junk Data (mic)14998
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js14997
security, nodejs, databases, sql
Why Is JavaScript Fragile? (cfe)14996
javascript
Okay, Color Spaces (eee)14995
colors, oklch
How to Use Local Storage in JavaScript (fre)14994
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js14993
how-tos, nodejs, worker-threads
A Practical Guide to Using Shadow DOM (may)14992
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)14991
guides, accessibility, design, colors, color-blindness
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)14990
collaboration, onboarding, user-experience
17 Equations That Changed the World—Rewritten in JavaScript14989
javascript, math
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)14988
user-experience, product-management, processes
Responsive Web Design: 3 Key Fundamentals (nng)14987
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)14986
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)14985
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results14984
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)14983
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)14982
how-tos, accessibility, dei, user-experience, colors, contrast, readability
100 Things You Can Do on Your Personal Website (cap)14981
blogging, writing, indieweb
Tailwind Marketing and Misinformation Engine14980
tailwind, css, semantics, principles, maintainability, marketing
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)14979
apis, javascript, css, syntax-highlighting
Don’t Care About Accessibility? Resistance Is Futile! (cer)14978
accessibility
JavaScript Workers14977
videos, javascript, web-workers
JavaScript on Demand: How Qwik Differs From React Hydration14976
javascript, qwik, react, hydration, comparisons
Understanding React “useEffect”14975
react, hooks
A Manifesto for Small, Static, Web Apps (ros)14974
manifestos, web-apps, principles
Be a Better Developer With These Git Good Practices14973
git, best-practices, conventions, consistency, code-reviews
Frontend Application Security: Tips and Tricks14972
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
How to Set Up a Node Server With TypeScript in 2024 (jle)14971
how-tos, nodejs, servers, typescript
UI = ƒ(statesⁿ) (dav)14970
design, state-management
Popular Git Config Options (b0r)14969
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)14968
web-apps, apple
Future of CSS: Functions and Mixins14967
css, functions, mixins
Getting to an Accessibility Strategy14966
accessibility, strategies, processes
Full Guide on How to Hire Front-End Developers Effectively14965
guides, how-tos, hiring, career
React Labs: What We’ve Been Working On—February 2024 (rea)14964
react
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)14963
javascript
Playing With Infinity in CSS (lon)14962
css, math
Making the Most of Ligatures (man)14961
css, typography
How I Developed the 10 Usability Heuristics14960
usability, heuristics, history
CSS “:is(.awesome)” (mar/cfe)14959
videos, css, selectors, techniques
ARIA “note” (aar)14958
accessibility, aria, browsers, screen-readers, support
A Dozen Thoughts About AI (dav)14957
ai
Wednesday, February 14, 2024 Security Releases (raf+/nod)14956
release-notes, nodejs, security
What Is the Difference Between ASP and ASP.NET?14955
asp, asp-net, comparisons
What Is Lighthouse Speed Index (SI) and How to Reduce It14954
performance, metrics, lighthouse