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#
Faster Websites With the “picture” Element (fra)15331
html, images, performance
[zx] 8.0.015330
release-notes, zx
21 HTML Tips You Must Know About15329
html, tips-and-tricks
Reviewing Polypane for Responsive Website Tweaks15328
videos, polypane, browsers
Why I’m Yet Another Woman Leaving the Tech Industry15327
career, community
WCAG Bypass Blocks (“Skip to Content”)—Improve User Interaction Speed and Even Prevent Pain (cer)15326
accessibility, user-experience, keyboard-navigation, skip-links, wcag
How to Think About HTML Responsive Images (db)15325
how-tos, html, images, responsive-design
How to Make Your Website Work Offline15324
how-tos, web-workers, offline, javascript
DevTools Tips and Tricks (pan/fro)15323
browsers, dev-tools, tips-and-tricks
Managing User Focus With “:focus-visible” (css)15322
css, selectors, focus
Creativity in Software Engineering15321
research, creativity, programming
Breakpoints in Responsive Design (nng)15320
design, responsive-design, breakpoints, usability
The Free Software Commons (jen)15319
foss, community, security
Should Designers Code? (bra)15318
design, career
ESLint v9.0.0 Released (nza/esl)15317
release-notes, eslint
Drive-By Accessibility Tweaks (bru)15316
accessibility
“AI” Won’t Solve Accessibility (yat)15315
accessibility, ai
Modern CSS Patterns in Campfire15314
css, case-studies
The Basics of Legibility15313
fundamentals, typography, legibility
Heat Death of the Internet15312
web
Building Components With Radix UI15311
radix, components
A Complete Guide to CSS Logical Properties, With Cheat Sheet (ral)15310
guides, css, logical-properties, cheat-sheets
AI and the Future of Web Accessibility Guidelines15309
discussions, accessibility, wcag, standards, ai, w3c
The V8 Sandbox15308
v8, security
JavaScript Visualized—Event Loop, Web APIs, (Micro)task Queue15307
videos, javascript, visualization, event-loop, events, apis
When to Use “tabindex="0"” (gra/tet)15306
accessibility, keyboard-navigation, focus, html
Rounded Tabs With Inner Curves (css)15305
css, effects, tips-and-tricks
How to Strongly Type process.env (mat)15304
how-tos, typescript, nodejs
Hanging Punctuation in CSS15303
css, typography
How to Build a Simple Web Server With Node.js15302
how-tos, servers, nodejs
BFCache Explained15301
bfcache, browsers, performance
Using JSON Web Tokens With Node.js15300
json-web-tokens, nodejs, security, authentication
Introducing Jpegli: A New JPEG Coding Library15299
introductions, jpeg, images, libraries, compression
Wednesday, April 3, 2024 Security Releases (nod)15298
release-notes, nodejs, security
Building a Digital Fortress: How to Strengthen DNS Against DDoS Attacks?15297
dns, security
In-Page Links: 3 Usability Tips (nng)15296
videos, links, usability, tips-and-tricks
Theming Design Systems (per)15295
design-systems, theming
The View Transitions API (cas/fro)15294
view-transitions, apis, astro
Svelte Parses HTML All Wrong (ric)15293
svelte, html, parsing
Fluid Typography With Discrete Steps (css)15292
css, typography, tips-and-tricks
Finally Understand Responsive Design15291
videos, responsive-design, css
“aspect-ratio” Gotcha (css)15290
css, aspect-ratio, images
An Advanced Way to Use CSS Variables (cfe)15289
css, custom-properties
AI and the Web: Understanding and Managing the Impact of Machine Learning Models on the Web (don/w3c)15288
ai, web
How to Get Somebody Fired Using Git15287
version-control, git, career
WebAssembly at Google (tom)15286
videos, webassembly, google
Learn JavaScript (wil)15285
courses, javascript
WordPress 6.5 “Regina” (pho/wor)15284
release-notes, wordpress
How-To: 5 Steps to Detect Invalid HTML Breaking Your [Site’s Performance] (erw)15283
how-tos, html, conformance, performance
Infinite-Scrolling Logos in Flat HTML and Pure CSS (cit/sma)15282
branding, scrolling, animations, techniques, css
How We’re Approaching Theming With Modern CSS (bel/pic)15281
css, theming
Drawing a Line to Connect Elements With CSS Anchor Positioning (cit/fro)15280
css, anchor-positioning
Authentication in Next.js (rwi)15279
authentication, nextjs
An Interactive Guide to CSS Container Queries (sha)15278
guides, css, container-queries
The Detail, the Quality15277
design, quality
What Even Is a JSON Number?15276
json, terminology
Micro Frontends With Native Federation15275
micro-frontends, comparisons
The Era of High-Paying Tech Jobs Is Over15274
programming, career, ai, economics
Introducing Root.js15273
introductions, tooling, content-management
Bun 1.1 (jar+/bun)15272
release-notes, bun
A Complete Guide for Content Creators to Start Making Accessible Content (pop)15271
guides, accessibility, content
14 Top UX Tools for Designers in 2024 (web)15270
user-experience, tooling, link-lists
10 JavaScript Sites Every Web Developer Should Know15269
javascript, learning, link-lists
The DevOps Basics15268
dev-ops, fundamentals
Disable AWS CloudFront Distributions if Budget Is Exceeded15267
aws, cloudfront, configuration, economics
Why I Use Node, Deno, Bun, [QuickJS], [txiki.js] at the Same Time15266
tooling, nodejs, deno, bun, quickjs
Why I Care Deeply About Web Accessibility and You Should Too (sch)15265
accessibility, web
Object Structure in JavaScript Engines15264
objects, javascript, javascript-engines
Latest WebAIM’s Million—Some Thoughts (cer)15263
accessibility
Kobold Letters (wed)15262
html, email, support
Some Samples Using UIkit15261
uikit
Design Is a Process of Getting Stuck (fon)15260
design, processes
The Power of “:has()” in CSS (css)15259
css, selectors
What Negative Effects Does a Bad Website Design Have on My Business? (web)15258
design, economics
The Easy Way to Access the Last JavaScript Array Element15257
javascript, arrays
“@scope” Is Coming to CSS and It’s Amazing (kev)15256
videos, css, scope
The WebAIM Million: The 2024 Report on the Accessibility of the Top 1,000,000 Home Pages (web)15255
studies, research, accessibility, homepages, metrics
The Curious Case of the CSS Monochrome Media Query (sea)15254
css, media-queries
On “disabled” and “aria-disabled” Attributes (kit)15253
accessibility, html, attributes, aria
Front-End Development’s Identity Crisis (ell)15252
career
Figma Plugins (tmc)15251
figma, plugins
A Guide to Building CLI Tools in JavaScript15250
guides, tooling, command-line, javascript, nodejs
Improving the Developer Experience of Enterprise Design Systems15249
design-systems, developer-experience, optimization
History of JS Interop in Dart15248
javascript, dart, interoperability, history
The Browser Company and Radical Transparency15247
the-browser-company, culture, communication
What’s New in DevTools, Chrome 12415246
release-notes, dev-tools, browsers, chrome
Release Notes for Safari Technology Preview 191 (jon/web)15245
release-notes, browsers, safari
New to the Web Platform in March (rac)15244
release-notes, web-platform, browsers, firefox, safari, chrome
CSS Color-Scheme-Dependent Colors With “light-dark()” (bra)15243
css, functions, colors, dark-mode
The Complete Guide to Captioned Videos (mer)15242
guides, accessibility, captions, multimedia
Finally Understanding How “Array.sort(comparator)” Works (jam)15241
javascript, arrays
Meet Angular’s New “output()” API (ang)15240
angular, apis
What Even Are Dragging Movements? (cat/spa)15239
accessibility, interaction-design, terminology
Iterator Helpers15238
ecmascript, javascript, javascript-engines, v8
How I Fixed My Brutal TTFB (whi/get)15237
performance, metrics, optimization
ai.robots.txt (cor)15236
ai, crawling, scraping, robotstxt, tooling
In-App Browsers Are Still a Privacy, Security, and Choice Problem (tho/the)15235
browsers, mobile, privacy, security
Flickering Glowing Text Effect With CSS (man)15234
css, effects
Node v20.12.0 (LTS) (nod)15233
release-notes, nodejs
How to Use jQuery’s “ajax()” Function for Asynchronous HTTP Requests15232
how-tos, jquery, ajax, functions, asynchrony
History of Web Accessibility15231
videos, accessibility, history
Quick Tip: How to Align Column Rows With CSS Subgrid (ral)15230
tips-and-tricks, how-tos, css, grids, layout, alignment
Convention Over Creativity? The Ups and Downs of UX Design15229
user-experience, design
Exploring the Power of ARIA Live Attribute in Web Accessibility15228
accessibility, aria, attributes
Animating Clip Paths on Scroll With “@property” in CSS (uti)15227
css, animations, scrolling, clipping, masking
What You Need to Know About Modern CSS (Spring 2024 Edition) (chr/fro)15226
css, overviews
How to Take Control of Flexbox (kev)15225
videos, how-tos, css, flexbox, layout
How Invalid HTML Elements Impact Web Performance (erw)15224
html, conformance, performance
How Does npx Actually Work and When to Use It15223
npx, nodejs
CSS Anchor Positioning (tab+/w3c)15222
standards, css, anchor-positioning
Be Flexible About What People Need (and Don’t Assume) (eri)15221
accessibility
How to Consolidate Multiple Design Systems15220
how-tos, design-systems, processes
7 Simple Rules for Better Data Visualization15219
information-design
Error Messages 101 (nng)15218
videos, usability, errors, microcontent
Setting and Persisting Color Scheme Preferences With CSS and a “Touch” of JavaScript (ole/sma)15217
colors, dark-mode, css, javascript
JavaScript Visualized: Promise Execution15216
javascript, promises, visualization
Diving Into the Node.js Website Redesign (bri/nod)15215
redesigning, case-studies
No One Actually Wants Accessibility (dav)15214
accessibility
CORS Finally Explained—Simply15213
security, csrf, cors, concepts
How Does Single Sign-On (SSO) Work? (mil)15212
authentication, security
Spicing Up Text With “text-emphasis” in CSS (ami)15211
css, typography, effects
New CSS That Can Actually Be Used in 2024 (tho)15210
css, logical-properties, container-queries, selectors, nesting, functions, cascade, grids
Incredible JavaScript Animation Libraries15209
javascript, animations, libraries, link-lists
AI Can Make a Code Review for Free15208
ai, code-reviews, tooling
Learn OAuth 2.0 by Building Your Own OAuth Client15207
authorization, oauth, functionality
Radix Themes 3.015206
release-notes, radix
Profile Node.js Performance With the Performance Panel (jec+)15205
nodejs, performance, debugging, browsers, chrome, dev-tools
ARIA “role=application” and Mobile Screen Readers (cer)15204
accessibility, aria, screen-readers, mobile
Accessible Forms With Pseudo Classes (css)15203
accessibility, forms, css, selectors
Don’t Get Scammed by Fake Performance Experts and Apps15202
performance, tooling
Quick Tip: How to Add Gradient Effects and Patterns to Text (ral)15201
tips-and-tricks, how-tos, css, gradients, effects
The Cost of Interrupted Work: More Speed and Stress15200
research, productivity, processes
12 Figma Tips to Work More Efficiently15199
figma, tips-and-tricks, efficiency
The “Current Branch” in Git (b0r)15198
git
Node.js TSC Confirms: No Intention to Remove npm From Distribution (sar/soc)15197
nodejs, npm
Going Beyond Pixels and (r)ems in CSS—Absolute Length Units (uti/iod)15196
css, units
CSS Values and Units Module Level 3 (tab+/w3c)15195
standards, css, units
CAPTCHA Excludes Disabled Web Users (zel)15194
accessibility, captcha
Optimizing JavaScript for Fun and for Profit15193
javascript, optimization
[Bulma] 1.0.015192
release-notes, bulma
Relicensing and Rug Pulls15191
foss, licensing, history
Node.js: The Documentary (isa+)15190
videos, nodejs, history
Welcome to Future of Web Accessibility Based on Predictors (jar+)15189
videos, accessibility, outlooks
Avoid These Design System Traps15188
design-systems
“__dirname” Is Back in Node.js With ES Modules (phi)15187
nodejs, esm
Microservices Promised Freedom but Delivered Dependencies (pur)15186
microservices, dependencies
This Pattern Will Wreck Your React App’s TS Performance (mat)15185
design-patterns, react, typescript, performance
On the Gift of OKR for Company Culture (j9t)15184
processes, okr, culture
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)15183
accessibility, pop-overs, html
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)15182
how-tos, accessibility, testing, authentication
Building a Micro htmx SSR Framework (mco/pla)15181
frameworks, htmx, examples
Progressive Disclosure Defaults15180
css, forms, interaction-design
Folder Structures in React Projects15179
react, architecture
Angular Signals: Best Practices15178
angular, signals, best-practices
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)15177
javascript-engines, memory, garbage-collection, asynchrony
Psychology and UX: Decoding the Science Behind User Clicks15176
user-experience, design, principles
The Box Model and Box Sizing (bel/pic)15175
css, box-model, concepts
How to Plan Your First Successful Website (web)15174
how-tos, processes, project-management
How to Create a Website and a PDF From the Same Codebase (spa/clo)15173
how-tos, code-generation, pdf, functionality
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)15172
code-pens, layout, css
Essential CSS Tools for Developers (nim)15171
css, tooling
Build a Full-Stack App With Node.js and htmx15170
web-apps, nodejs, htmx
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)15169
how-tos, guides, interviewing, career
Using Relative Colors (chr/mdn)15168
css, colors
Chill Scroll Snapping: Article Headers (chr/fro)15167
css, scrolling
The Power of Textual Content in UX Design (uxm)15166
content, user-experience
Comparing ECMAScript Modules and CommonJS15165
comparisons, esm, commonjs
The Ultimate Guide to Understanding npx vs. npm15164
guides, npx, npm, nodejs
How Web-Site Design and Social Media Work Together (uxm)15163
design, content, social-media
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility15162
accessibility
Make a Web Browser: Beginner’s Guide (nim)15161
guides, browsers, browser-engines
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)15160
user-experience, interaction-design, best-practices
A Designer’s Role Is Not “at the Table”15159
design, career
How Meta Improved Their Cache Consistency to 99.9999999915158
facebook+meta, caching
Accessibility Foundations (ihe/tpg)15157
accessibility, fundamentals, link-lists
Observability Is an Illusion (pur)15156
observability, logging, monitoring, alerting
“require(esm)” in Node.js (joy)15155
nodejs, ecmascript, esm, commonjs
I’m So Old: Web Edition (dav)15154
web, history
How to Kill the Cascade (fon)15153
css, cascade, resets, scope
Every React Concept Explained in 12 Minutes15152
videos, react, concepts
Build a Node App With TypeScript (mat)15151
nodejs, typescript, pnpm, esm
A Comparison of JavaScript CRDTs (alm)15150
javascript, types, comparisons
Why UI Designers Should Understand Flexbox and CSS Grid15149
design, layout, flexbox, grids, css
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)15148
embed-code, google, analytics, sustainability, performance, compliance
2024 Cheat Sheet Collection15147
cheat-sheets, link-lists
How Web Bloat Impacts Users With Slow Devices15146
performance, metrics, comparisons, web
Copy Objects Ways in JavaScript15145
javascript, objects
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)15144
migrating, jest, testing, memory, performance
Webflow 101: A Guide for Beginners15143
introductions, guides, webflow, low-and-no-code
Deploying Remix to GitHub Pages (rem)15142
videos, deploying, remix, github-pages
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)15141
how-tos, performance, web-vitals, optimization, shopify
How (In)Efficient Are Engineering Organizations?15140
efficiency, processes, engineering-management
Quick Tip: Creating a Date Picker in React15139
tips-and-tricks, react, functionality
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets15138
accessibility, design-systems, documentation, dei
Skeuomorphism (nng)15137
design, terminology
Homepage Design: 5 Fundamental Principles (nng)15136
design, homepages, principles
When “Semantic Tokens” Are No Longer Semantic15135
design-tokens, semantics
Performance Tooling in 2024 and Beyond (pau)15134
performance, tooling, browsers, dev-tools, lighthouse
There Is No EU Cookie Banner Law15133
consent-management, cookies, legal
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?15132
frameworks, comparisons, qwik, nextjs
What Is Safe Alignment in CSS? (chr/fro)15131
css, layout, user-experience
The Golden Age of Accessibility15130
accessibility
Make Your Functions More Reusable With Generics (mat)15129
typescript, functions, generics, maintainability
Arguments for Opening Links in a New Tab or Window (gri/clo)15128
links, usability
My New Favorite CSS Trick: “will-change”15127
css, animations, transitions, tips-and-tricks
Ruby Is Complicated15126
html
25 Unnoticeable Features of JavaScript15125
javascript
Refactoring My Ugliest Code With Signal View Queries15124
videos, refactoring, angular
WCAG 2.2 Detective Skills15123
accessibility, standards, wcag
How to Design Icons in Figma15122
how-tos, images, icons, figma, design
How to Avoid Flaky Tests in Playwright15121
how-tos, testing, flakiness, playwright
A Beginner’s Guide to Node.js Worker Threads (bet)15120
guides, nodejs, worker-threads
You Want “border-color: transparent”, Not “border: none” (dav/fro)15119
css, borders, transparency+opacity, accessibility, contrast
HTML Performance Optimization: Tips for Faster Loading Pages15118
html, landing-pages, performance, optimization, tips-and-tricks
What’s Next for a Global Design System (bra)15117
design-systems
There Are No Standards Police (mno)15116
standards, policies, processes
The Problem With Data Attributes for Text Effects (man)15115
html, custom-data, css, typography, effects
The Problem With AI (cfe)15114
ai
Another JS Registry—Seriously?! (den)15113
videos, jsr, dependencies, javascript
The Essential Guide to Microcopy and Becoming a More Literate Designer15112
guides, design, microcontent, content, writing
Runtime Compatibility (asc+)15111
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
5 Exciting New JavaScript Features in 202415110
javascript
Marking the Web’s 35th Birthday: An Open Letter (tim)15109
open-letters, web, history, anniversaries
Interaction to Next Paint Is Officially a Core Web Vital (rvi)15108
performance, web-vitals
15 Years of Running a Personal Website (ste)15107
indieweb
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)15106
architecture, microservices, monoliths
Thoughts on Embedding Alternative Text Metadata Into Images (eri)15105
accessibility, images, metadata
The “10× Engineer”: 50 Years Ago and Now (ger)15104
productivity, processes, career, history
Spread vs. Rest Operators in JavaScript15103
javascript, operators, comparisons
How to Read Files Quickly in JavaScript (lem)15102
how-tos, javascript, file-handling
Building Websites and Building Websites Well (j9t)15101
quality, craft, community
A Letter to My Younger Self, as an Accessibility Advocate (hbu)15100
accessibility, advocacy, retrospectives
Comparing JavaScript Frameworks: Templates15099
javascript, frameworks, templates, comparisons
A Gentle Introduction to Generics in TypeScript15098
introductions, typescript, generics
Express.js With TypeScript—Setup, Examples, Testing15097
videos, express, typescript, testing, examples
IDEs vs. Code Editors: Everything You Need to Know (jet)15096
code-editors, comparisons, concepts
Accessibility: Implementing Focus Traps15095
accessibility, focus, keyboard-navigation
JSON Canvas15094
websites, standards, json, canvas
Have You Optimized for INP?15093
performance, web-vitals, optimization
What Is INP and Why You Should Care (whi/get)15092
performance, web-vitals, monitoring
Streaming HTML (chr/fro)15091
html, php, streaming
Distinguishing Between ARIA and Native HTML Attributes (deq)15090
html, aria, attributes, accessibility, comparisons
Are We Watching the Internet Die? (edz)15089
web
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness15088
performance, tooling, metrics
Alt Text for CSS Generated Content (tem)15087
css, generated-content, alt-text, accessibility
Things I Learned While Building My JS Library15086
javascript, libraries, lessons
Optimising Your Design System With Figma’s Variables15085
design-systems, optimization, variables, figma
CSS Button Styles You Might Not Know (dbu)15084
html, css, buttons
Replace ESLint and Prettier With Biome.js15083
biome, eslint, prettier, comparisons, tooling, remix
eslint-plugin-depend (430)15082
packages, npm, maintenance, simplicity
Jakob Has Jumped the Shark (aar)15081
accessibility, link-lists
How to Invert the Colors Using CSS (ron)15080
css, colors, filters, images
Access by a Thousand Curb Cuts (yat)15079
accessibility
Navigating the Future of Frontend15078
frameworks, web-platform, outlooks
Asking Users for Their Pronouns: A Guide for UX Designers15077
guides, user-experience, communication
Creating Color Palettes With the CSS “color-mix()” Function (mic)15076
css, functions, colors, color-palettes
Add Superpowers to Your CSS Variables With Style Queries (jar/van)15075
css, style-queries, custom-properties
Modern CSS Tooltips and Speech Bubbles II (css/sma)15074
tooltips, css, techniques
How “HEAD” Works in Git (b0r)15073
git
Dissecting Layered Architecture (yok)15072
architecture
Managing Static Files in Django: A Comprehensive Guide15071
guides, django, file-handling
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project15070
how-tos, nodejs, environments
AVIF Is the Future of Web Images15069
images, avif, performance, outlooks
The Quiet, Pervasive Devaluation of Frontend (col)15068
html, css, craft, career, community
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)15067
css, selectors, examples
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)15066
how-tos, accessibility, testing
Internationalization With Remix (rem)15065
remix, internationalization
5 Ways Productivity Culture Kills Business Agility15064
productivity, agile, economics, culture
90% of Designers are Unhirable?15063
design, processes, career
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets15062
shadow-dom, dom, css
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers15061
figma, keyboard-shortcuts, cheat-sheets, design
Release Notes for Safari Technology Preview 190 (jon/web)15060
release-notes, browsers, safari
Leadership Is a Hell of a Drug (lud)15059
leadership, engineering-management
Exploring the Creative Power of CSS Filters and Blending15058
css, blend-modes, filters, effects
The Ultimate Guide to Choosing the Best React Website Builder15057
guides, react, tooling, comparisons, link-lists
WebAssembly JSPI Is Going to Origin Trial15056
webassembly, origin-trials
Sometimes, a Button Just Wants to Look Like a Button15055
design, usability, buttons
The End of My Gatsby Journey (mon)15054
gatsby, frameworks, comparisons
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)15053
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)15052
videos, css, selectors
Making Room for Long List Markers With Subgrid (nol)15051
html, lists, css, grids
Announcing TypeScript 5.4 (dan/typ)15050
release-notes, typescript
How to Ensure Your Designs Work if You Can’t Access Sample Data15049
how-tos, design, usability, metrics, testing
CSS-Tricks in Limbo: Chris Coyier Wants It Back and the Community Reacts15048
css-tricks, digitalocean, community
Best Practices for Inclusive Design (slo)15047
design, dei, accessibility, best-practices
WebKit Features in Safari 17.4 (jen+/web)15046
release-notes, browsers, safari, webkit
Data Table Design Patterns15045
information-design, tables, design-patterns
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)15044
how-tos, websockets, nodejs
Modern Git Commands and Features You Should Be Using15043
git, command-line
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)15042
design, collaboration
SemVer Simplified: An Introduction to Semantic Versioning15041
introductions, semver, versioning
When We Talk About Front-End Performance, What Are We Talking About15040
performance, metrics, web-vitals, lighthouse
JavaScript Runs the World—Maybe Even Literally (wir)15039
javascript, programming, web
WCAG? More Like, W-What?! (stv)15038
accessibility, wcag, link-lists
The 88×31 Archive15037
web, images, history
JSR: Second Look (dbu)15036
jsr
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)15035
design, accessibility, user-experience, mobile
Tools That Make Me Productive as a Software Engineer15034
tooling, productivity, link-lists
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr15033
servers, hosting, comparisons, metrics, digitalocean
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)15032
npm, dependencies, examples, security
Visualizing Frontend Architecture (max)15031
architecture, documentation, visualization
We Need to Talk About Jakob (mat)15030
accessibility
CSS for Printing to Paper15029
css, print
Bugs I’ve Filed on Browsers (nol)15028
browsers, chromium, firefox, webkit, quality
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)15027
accessibility, ai
Accessibility Darkness (ste)15026
accessibility, overlays
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked15025
lambda, javascript, runtimes, nodejs, comparisons, metrics
Emerging UX Patterns in Generative AI Experiences15024
user-experience, design-patterns, ai
Planning a Design System Generation (nat)15023
design-systems, automation
The Hunt for the Missing Data Type (hil)15022
types, algorithms
Go Ahead and Block AI Web Crawlers (cor)15021
robotstxt, crawling, scraping, ai
A Love Letter to the Underrepresented in Tech (abb)15020
community
Introducing JSR—the JavaScript Registry (lca+/den)15019
introductions, jsr, deno, dependencies, javascript
Team Productivity Metrics for Engineering Managers15018
productivity, metrics, engineering-management
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All (9to)15017
browsers, apple, mobile, web-apps
An Introduction to Webflow—the No-Code Website Builder15016
introductions, webflow, low-and-no-code
Design System Generations (nat)15015
design-systems, processes
Retrofitting Fluid Typography (ric)15014
liquid-design, typography, css
Web Tech Trends to Watch in 2024 and Beyond (web)15013
trends, design, dark-mode, ai, sustainability, minimalism
TIL—“submit()” Versus “requestSubmit()” (ray)15012
javascript, comparisons
Modern CSS Tooltips and Speech Bubbles (css/sma)15011
tooltips, css, techniques
Eloquent JavaScript (mar)15010
websites, books, javascript
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)15009
web-apps, apple
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)15008
accessibility, web-components, ai
Why Does “is-number” Package Have 59M Weekly Downloads?15007
dependencies, npm
Understanding Cookies and Sessions in React15006
react, authentication, cookies
What You Need to Know About Software Requirements15005
software-design, best-practices
Diving Into CSS Interactivity (daw+/sto)15004
videos, css
What Is Inclusive Design, and How Does It Relate to Accessibility? (slo)15003
design, dei, accessibility
New to the Web Platform in February (rac)15002
release-notes, web-platform, browsers, firefox, chrome, safari
The Wax and the Wane of the Web (ste/ali)15001
web-platform, history
Techniques to Break Words (aar)15000
techniques, html, css, content
Keyboard Accessibility Testing on Mobile Devices14999
accessibility, testing, keyboard-navigation, mobile
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)14998
guides, nodejs, dependencies, comparisons
Accessibility Has Failed: Try Generative UI = Individualized UX14997
accessibility, usability, ai, outlooks
Where I’m at on the Whole CSS-Tricks Thing (chr)14996
css-tricks, digitalocean
Ultimate Guide to Visual Testing With Playwright14995
guides, testing, regressions, playwright
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js14994
how-tos, navigation, functionality, astro, tailwind, alpinejs
Top 8 Recent V8 in Node Updates (app)14993
nodejs, v8
Creativity Lies in the Paradoxes14992
creativity, design
Enhanced Internationalization (I18N) in Next.js 1414991
nextjs, internationalization
Test Quality vs. Bashing Tailwind CSS (mar)14990
tailwind, css, comparisons
So, What Exactly Did Apple Break in the EU? (tom)14989
browsers, apple, mobile, support, web-apps, apis
Making Math Accessible (ons/tpg)14988
accessibility, math
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)14987
css, container-queries, units
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)14986
apple, web-apps, progressive-web-apps, community
An HTML Switch Control (ann+/web)14985
html, css, forms
Here Lies the Internet, Murdered by Generative AI14984
web, content, ai
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)14983
wordpress, ai
How to Lazy-Load CodePen and CanIUse Embeds14982
how-tos, embed-code, performance, codepen, caniuse
What Is Vuetify in Vue.js?14981
vuetify, vuejs
A Guide to CSS Cursor Types14980
guides, css, cursors
The 3 Capabilities Designers Need to Build for the AI Era14979
design, career, training, ai, link-lists
How to Use Server-Sent Events in Node.js (cra)14978
how-tos, nodejs, events
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)14977
drag-and-drop, accessibility, browsers, screen-readers, support
YouTube Video Embedding Harm Reduction (jvo)14976
multimedia, embed-code, youtube, html, privacy
ServerlessHorrors (and)14975
websites, serverless, cloud-computing
Reporting Core Web Vitals With the Performance API (geo/sma)14974
apis, performance, web-vitals
AI and Design Systems (bra)14973
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)14972
videos, mistakes, dark-mode, css
A Fun Line of Code (dbu)14971
javascript, apis, multimedia
No Outer Margin14970
css, margins, spacing, components
How to Build a Newthing14969
how-tos, processes, creativity, maintenance
Speaker Spotlight: Michelle Barker (mic)14968
interviews, css, sustainability
Why I Use Firefox (sim)14967
browsers, firefox
Advanced Figma Tips and Tricks 2024: Little Gems We Love14966
figma, tips-and-tricks
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)14965
open-letters, apple, web-apps
CSS Foundations: What Is IACVT? (bra)14964
css, fundamentals
What Is a Single-Page Application? (hey)14963
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)14962
videos, css, cascade
CSS-Only Bottom-Anchored Scrolling Area (kit)14961
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)14960
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)14959
accessibility, screen-readers
Home Screen Advantage (sli)14958
browsers, apple, mobile, support, web-apps, web-platform
JSDoc as an Alternative TypeScript Syntax14957
typescript, documentation, jsdoc
Understanding Event-Driven Architecture (yok)14956
architecture, events
WebAIM Screen Reader User Survey 10 (den)14955
accessibility, screen-readers
The Power of Patterns and Playbooks in Content Design (kat)14954
design, content, design-patterns
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization14953
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)14952
accessibility, screen-readers
CSS “:has()” Interactive Guide (sha)14951
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)14950
accessibility, web, captcha
A Developer’s Guide for Web Accessibility14949
guides, accessibility
Why My Code Isn’t in TypeScript (rem)14948
typescript
Proposal: CSS Variable Groups (lea)14947
css, variables
UX Leadership Is Failing (and What We Can Do About It)14946
user-experience, leadership
Difference Between the Accessibility Page and the Accessibility Statement14945
accessibility, documentation, comparisons
htmx vs. React: A Complete Comparison14944
htmx, react, comparisons
Navbar Gallery14943
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)14942
javascript, performance
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)14941
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)14940
jsr, deno, dependencies, javascript
Filling Gaps With a Polyfill (jay)14939
polyfills, html, css, javascript, history
Building Dynamic Progress Bars Using Only CSS (ami)14938
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)14937
videos, accessibility, aria, html, user-experience
The One Trick Every Flutter Web Dev Needs to Know14936
tips-and-tricks, flutter, performance
Next.js vs. Remix—a Developer’s Dilemma14935
nextjs, remix, comparisons
Release Notes for Safari Technology Preview 189 (jon/web)14934
release-notes, browsers, safari
Discovering Web Automation and Scraping (gli)14933
scraping, automation, bots, tooling
Making of True Multi-Brand Design System14932
design-systems, theming
10 Best “Create React App” Alternatives for Different Use Cases14931
react, frameworks, tech-stacks, comparisons, link-lists
How to Optimize the Web for the Worst User Conditions?14930
how-tos, user-experience, responsive-design, performance, optimization
CSS “::backdrop” Now Inherits From Its Originating Element (bra)14929
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)14928
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)14927
css, apis, syntax-highlighting
Parallax Effect With CSS Custom Properties (fro)14926
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)14925
nodejs, retrospectives
My Favourite Animation Trick: Exponential Smoothing (lis)14924
animations, tips-and-tricks
How to Make a Cursor Image Hover Effect With CSS and JS14923
how-tos, css, javascript, images, cursors, hover
Control Lazy Load, Infinite Scroll, and Animations in React14922
react, lazy-loading, scrolling, animations, javascript
“random()” Distribution Visualizer14921
javascript, randomness, visualization
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)14920
videos, accessibility, wcag, guidelines, compliance
CSS-Only Radial Progress Bars Using Conic Gradients14919
videos, css, gradients, progress-indicators
My Design System Journey: Building the Plane While Flying14918
design-systems, collaboration, processes
Design Patterns That Encourage Junk Data (mic)14917
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js14916
security, nodejs, databases, sql
Why Is JavaScript Fragile? (cfe)14915
javascript
Okay, Color Spaces (eee)14914
colors, oklch
How to Use Local Storage in JavaScript (fre)14913
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js14912
how-tos, nodejs, worker-threads
A Practical Guide to Using Shadow DOM (may)14911
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)14910
guides, accessibility, design, colors, color-blindness
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)14909
collaboration, onboarding, user-experience
17 Equations That Changed the World—Rewritten in JavaScript14908
javascript, math
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)14907
user-experience, product-management, processes
Responsive Web Design: 3 Key Fundamentals (nng)14906
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)14905
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)14904
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results14903
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)14902
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)14901
how-tos, accessibility, dei, user-experience, colors, contrast, readability
100 Things You Can Do on Your Personal Website (cap)14900
blogging, writing, indieweb
Tailwind Marketing and Misinformation Engine14899
tailwind, css, semantics, principles, maintainability, marketing
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)14898
apis, javascript, css, syntax-highlighting
Don’t Care About Accessibility? Resistance Is Futile! (cer)14897
accessibility
JavaScript Workers14896
videos, javascript, web-workers
JavaScript on Demand: How Qwik Differs From React Hydration14895
javascript, qwik, react, hydration, comparisons
Understanding React “useEffect”14894
react, hooks
A Manifesto for Small, Static, Web Apps (ros)14893
manifestos, web-apps, principles
Be a Better Developer With These Git Good Practices14892
git, best-practices, conventions, consistency, code-reviews
Frontend Application Security: Tips and Tricks14891
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
How to Set Up a Node Server With TypeScript in 2024 (jle)14890
how-tos, nodejs, servers, typescript
UI = ƒ(statesⁿ) (dav)14889
design, state-management
Popular Git Config Options (b0r)14888
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)14887
web-apps, apple
Future of CSS: Functions and Mixins14886
css, functions, mixins
Getting to an Accessibility Strategy14885
accessibility, strategies, processes
Full Guide on How to Hire Front-End Developers Effectively14884
guides, how-tos, hiring, career
React Labs: What We’ve Been Working On—February 2024 (rea)14883
react
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)14882
javascript
Playing With Infinity in CSS (lon)14881
css, math
Making the Most of Ligatures (man)14880
css, typography
How I Developed the 10 Usability Heuristics14879
usability, heuristics, history
CSS “:is(.awesome)” (mar/cfe)14878
videos, css, selectors, techniques
ARIA “note” (aar)14877
accessibility, aria, browsers, screen-readers, support
A Dozen Thoughts About AI (dav)14876
ai
Wednesday, February 14, 2024 Security Releases (raf+/nod)14875
release-notes, nodejs, security
What Is the Difference Between ASP and ASP.NET?14874
asp, asp-net, comparisons
What Is Lighthouse Speed Index (SI) and How to Reduce It14873
performance, metrics, lighthouse
How Accessibility Standards Can Empower Better Chart Visual Design (sma)14872
accessibility, contrast, colors, information-design
Input Type “date”: The Accessibility of HTML Date Picker14871
accessibility, forms
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)14870
css, overflow, scrolling, animations
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)14869
accessibility, aria, naming
The Text File That Runs the Internet (dav/ver)14868
robotstxt, crawling, scraping, ai, web
Reasonable WCAG Additions (a11)14867
accessibility, wcag
Building htmx and Go Web Apps With Gemini Advanced14866
videos, web-apps, htmx, go, ai, gemini
Selenium Automation Testing: A Step-by-Step Beginners Guide14865
guides, selenium, testing, automation
An Introduction to Node.js Multithreading (cra)14864
introductions, nodejs, multithreading
Why I Like Scrumban (j9t)14863
processes, agile, scrum, kanban
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)14862
css, functions, math
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)14861
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)14860
how-tos, browsers, mobile, scrolling, css
How to Center a Div (jos)14859
how-tos, css, centering
CSS Color Module Level 4 (tab+/w3c)14858
standards, css, colors
Be Aware of Arrays—V8 Engine Advice14857
javascript, javascript-engines, v8, arrays
Advanced Architecture for AI Application (aka AAAA) (aus)14856
ai, architecture, edge-computing, optimization
A Practical Guide to Designing for Children (vit/sma)14855
guides, design, link-lists
React, Solid, htmx14854
react, solidjs, htmx, comparisons
The Anatomy of Addictive Content (moz)14853
content, writing, seo
The ü/ü Conundrum14852
javascript, unicode, encoding
You Want to Make It Easy to Feature Your Content (fro)14851
frontend-dogma, content, community
How to Choose the Best Static Site Generator in 202414850
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
How to Boost WordPress Security and Protect Your SEO Ranking14849
how-tos, wordpress, security, seo
Learn TypeScript (jad)14848
websites, courses, typescript
Can Generative AI Help Write Accessible Code? (tin/tet)14847
accessibility, code-generation, ai
A CSS Project Boilerplate (bel/pic)14846
css, tailwind, templates
Using Recursive CSS to Change Styles Based on Depth (cri)14845
css, selectors
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)14844
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)14843
css, svg, filters, colors, contrast
CSS Mixins and Functions Explainer (mia/odd)14842
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)14841
project-management, prioritization, processes
Don’t Disable Form Controls (aar)14840
accessibility, usability, forms, buttons
Accelerating Code Reviews With Nudges14839
research, code-reviews, productivity, experiments, facebook+meta
The Front-End Development We’re Used to Is Dying14838
career, simplicity, complexity
HTML as the Baseline (cfe)14837
html, progressive-enhancement
Have We Forgotten How to Build Ethical Things for the Web? (nic)14836
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)14835
images, jpeg, png, gif, webp, avif, pdf, svg
Git Tips: Really Large Repositories (git)14834
git, monorepos, tips-and-tricks
So You Think You Know Git (git)14833
videos, git
What Is a Descriptive Transcript?14832
accessibility, multimedia