Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand that they be respected and included. Hide

Frontend Dogma

“2023” News Archive (2)

Entry (Sources) and Additional TopicsDate#
Blinded by the Light DOM (mey)2,381
web-components, dom, shadow-dom, javascript
Confusing Git Terminology (b0r)2,380
git, terminology
Dark Visitors2,379
websites, ai, scraping, robotstxt
Getting Started With NVDA2,378
videos, introductions, screen-readers, nvda, accessibility
How Bear Does Analytics With CSS2,377
analytics, metrics, css, case-studies
One HTML Tag, Thirty+ CSS Drawings—My Divtober 2023 Collection (alv)2,376
css, art
Personal-Scale Web Scraping for Fun and Profit2,375
scraping, javascript, functionality, optimization
Release Notes for Safari Technology Preview 182 (jon/web)2,374
release-notes, browsers, apple, safari
Response Code Cheat Sheet for Laravel HTTP Client (ami)2,373
cheat-sheets, laravel, http
Speeding Up the JavaScript Ecosystem—Tailwind CSS (mar)2,372
performance, javascript, tailwind
Technical Standards Bodies Are Regulators (mno)2,371
standards, policies, legal
The Dangers of Doomscrolling for Designers and How to Break Free (web)2,370
career
The People Who Ruined the Internet (ver)2,369
web, google, seo
The “prefers-reduced-transparency” Media Feature (mat)2,368
css, media-queries, accessibility
Understanding Cookies2,367
cookies
Learn Performance (kev+)2,366
courses, performance
Breaking Down a Design (jam)2,365
design
2023: 0 of the Global Top 100 Websites Use Valid HTML (j9t)2,364
html, css, conformance, metrics, quality
Accessibility by Degrees (tem)2,363
accessibility, processes
Answering Common Questions About Interpreting Page Speed Reports (geo/sma)2,362
performance, optimization
Better Dynamic Themes in Tailwind With OKLCH Color Magic (tra/evi)2,361
theming, tailwind, oklch, colors
Remix ❤️ Vite (rem)2,360
remix, vite, support
Why Signals Are Better Than React Hooks2,359
videos, javascript, signals, react, hooks, comparisons
Mobile-First Indexing Has Landed—Thanks for All Your Support (joh)2,358
mobile-first, mobile, seo, google
A Complete Guide to LangChain in JavaScript2,357
guides, langchain, javascript, frameworks
20 Effective Tips to Speed Up Your Drupal Website2,356
drupal, tips-and-tricks, performance, optimization
Don’t Disable Buttons (cfe)2,355
buttons, accessibility, javascript
What Exactly Is “Modern” CSS? (geo)2,354
css
Simplifying Web Development With Hugging Face (gra)2,353
ai, hugging-face
Interop 2023 October Update (rac)2,352
interoperability, web-platform, browsers, support
Effective Strategies for Optimizing Performance2,351
strategies, performance, optimization
Guide to React Suspense and “use” Hook for Busy Bees (ole)2,350
guides, react, hooks, promises, data-fetching
Is Express Still “De Facto” for Building Node Backends?2,349
discussions, express
The New CSS Math: “rem()” and “mod()” (dan)2,348
css, functions, math
Unit-Testing: The Unsung Hero of Code Quality2,347
testing, quality
A Guide to Using MSSQL With Node.js2,346
guides, nodejs, databases, sql
Keep Pace With Modern JavaScript2,345
javascript, link-lists
Let’s Reinvent the Wheel (vas)2,344
html, css, user-experience, accessibility, web-platform
View Transitions and Stacking Context: Why Does My CSS View Transition Ignore “z-index”? (nic)2,343
css, positioning, animations, view-transitions
Why Is node_modules Heavier Than the Universe?2,342
nodejs
An Introduction to Working With SVGs in React2,341
introductions, images, svg, react
How Often Should You Redesign Your Website?2,340
redesigning, refactoring, seo
How to Find a Developer Job in 2023 (With Little or No Experience)2,339
how-tos, career
Liquid vs. Headless: A Look at Real User Web Performance (sia)2,338
shopify, headless, performance, metrics, comparisons
So You’ve Been Publicly Accessibility-Shamed (dav)2,337
accessibility, quality, communication
Some Sensible Defaults for Your “img” Elements (css)2,336
images, css
State of React 2023 (sac/dev)2,335
surveys, react
You’re Gonna Need a Bigger Browser (rob)2,334
browsers, web-platform, user-experience, outlooks
AI as a UX Assistant (nng)2,333
user-experience, ai
Introduction to htmx2,332
introductions, htmx
Introduction to Real-Time Communication in PHP Laravel2,331
introductions, laravel
Testing and Code Quality in Node.js (hon)2,330
testing, quality, nodejs
What the !#@% Is a Passkey? (eff)2,329
passkeys, security
Deprecation of Formatting Rules (nza/esl)2,328
eslint, linting, tooling, deprecation, formatting, release-notes
Arrays—Implementation in JavaScript2,327
javascript, arrays
Performance Optimization With Worker Threads Node.js2,326
performance, optimization, nodejs, worker-threads
Next.js 142,325
release-notes, nextjs
HTML vs. DOM? Let’s Debug Them (jec)2,324
videos, html, dom, debugging, comparisons
Secret Scanning Scans Public npm Packages2,323
github, npm, dependencies, security
Why I Won’t Use Next.js (ken)2,322
frameworks, nextjs
Astro 3.4: Page Partials (eri)2,321
release-notes, astro
20 Simple Ways to Style the HTML “details” Element (ral)2,320
html, disclosure-widgets, css
Vue.js (Vue v3) for Beginners (thi)2,319
videos, courses, vuejs
Web Components Will Outlive Your JavaScript Framework (jak)2,318
web-components, javascript, frameworks
WebKit Features in Safari 17.1 (jen/web)2,317
release-notes, browsers, apple, safari, webkit
What Does the “A” Mean in “DEAI”? (mni)2,316
dei, accessibility
Data Engineering Essentials #1: Your First Pipeline2,315
fundamentals, data-engineering
Sheet, Dialog, or Snackbar—What Should a Designer Go For?2,314
design, design-patterns, modals
Understanding SC 2.4.11 “Focus Not Obscured (Minimum)”2,313
accessibility, wcag, focus
CSS “prefers-reduced-transparency” (arg)2,312
css, media-queries, support
Complex MPA View Transitions (tyl)2,311
multi-page-apps, view-transitions, css
Give Your Site Some Focus! Tips for Designing Useful and Usable Focus Indicators (deq)2,310
accessibility, forms, focus, user-experience, tips-and-tricks
Goodbye, Node.js Buffer (sin)2,309
nodejs
It’s 2023, Here Is Why Your Web Design Sucks (hbu)2,308
web, design, career
My Problem With Using TypeScript in 20232,307
videos, typescript
Change Project, Change Node Version, Let .nvmrc Help You2,306
nodejs, nvm
A Comprehensive Guide to Django Caching2,305
guides, django, caching
Changing Colors in an SVG Element Using CSS and JavaScript2,304
svg, colors, css, javascript
HTML Meta Tags2,303
html, metadata
Igalia Chats: Web History Part VI (stu+/iga)2,302
podcasts, web, history
In Defense of Learning on Company Time (isa)2,301
learning, career
JavaScript Anti-Pattern: Self-Documenting Code (cfe)2,300
javascript, anti-patterns, documentation
JavaScript Is Enabled by Default in Web Browsers (jim)2,299
javascript, web-platform, permissions
Navigating the Ethical Complexities of Personalized User Experiences: Balancing Innovation With Privacy and Consent (uxm)2,298
user-experience, personalization, ethics, privacy, consent-management
Release: Yarn 4.02,297
yarn, release-notes
Splitting Within Selects (aar)2,296
accessibility, html, forms, browsers, support
Stop Waiting (jha)2,295
quality, testing
Svelte by Example (seb)2,294
websites, svelte, examples
Tailwind vs. Semantic CSS2,293
tailwind, css, html, semantics, comparisons, performance
Unlocking JavaScript Design Patterns: Mastering Singleton for Ultimate Code Efficiency2,292
javascript, software-design-patterns, efficiency
What Removing Object Properties Tells Us About JavaScript (mon/sma)2,291
javascript, objects
Solved by CSS Scroll-Driven Animations: Style an Element Based on the Active Scroll Direction and Scroll Speed (bra)2,290
css, scrolling, animations
CSS “text-wrap: pretty” (arg)2,289
css, typography, browsers, google, chrome, support
Select Element: Now With Horizontal Rules (una)2,288
html, forms, semantics, browsers, google, chrome, apple, safari, support
JavaScript Decorators: An In-Depth Guide2,287
guides, javascript
Accessibility Improvements for User-Agents2,286
accessibility, browsers, screen-readers, assistive-tech
Global Encryption Day: Encryption’s Critical Role in Safeguarding Human Rights (tor)2,285
awareness-days, encryption, privacy
Strikethrough Accessibility (den)2,284
accessibility, html, screen-readers, support
Embedding Accessibility Into Code Reviews (web)2,283
videos, accessibility, code-reviews, processes
Finding the Primary Branch of a Git Repository (ami)2,282
git
How Do You Even Web Dev Without Node? A Quick Introduction to Test-Driven Web Development Using Just the Browser (bal)2,281
introductions, testing
Is CAPTCHA Accessible?2,280
accessibility, captcha
Using ChatGPT for Smart Truncation in Responsive Web Design2,279
content, responsive-design, ai, chatgpt, html
When to Use CSS “text-wrap: balance;” vs. “text-wrap: pretty;” (sea)2,278
css, typography, comparisons
Using ChatGPT, GitHub Copilot, and Phind to Generate Tailwind Config for Width Classes (luc)2,277
ai, chatgpt, github-copilot, tailwind, configuration
What Should Be the Contrast Level of Inactive Buttons?2,276
accessibility, buttons, contrast, colors
Don’t Do It on Frontend or… Frontend Good Practices for Devs2,275
best-practices, quality, maintainability, documentation
How to Build Your First Web Component (joe/fre)2,274
how-tos, web-components
How to Collaborate on Pull Requests for Beginners (ope)2,273
how-tos, code-reviews, collaboration
How to Map a Number Between Two Ranges (hen)2,272
how-tos, javascript, math
I Asked People to Make This Simple Layout and Was Surprised by the Results (kev)2,271
videos, css, layout, comparisons
Prodding Firefox to Update “:has()” Selection (mey)2,270
css, selectors, mozilla, firefox, support
Web Accessibility Strategies for Non-Accessible Projects (bol)2,269
videos, accessibility, strategies, processes
Why Unique ID Attributes Matter (deq)2,268
accessibility, html, attributes, conformance
The Need for Recognition in Open Source (bek/ope)2,267
foss, culture, communication, community
Git: Rebase an Old Branch Incrementally (ada)2,266
git, command-line
How to Animate Along a Path in CSS (pre/sma)2,265
how-tos, css, animations
On the Uniting Power of a Commitment to HTML Conformance (j9t)2,264
html, conformance, quality, community, web
Release Notes for Safari Technology Preview 181 (jon/web)2,263
release-notes, browsers, apple, safari
Storybook 7.5 (sto)2,262
storybook, release-notes
The New “light-dark()” Function to Switch Theme Color in CSS (ami)2,261
css, functions, dark-mode
Do We Need State Management in Angular?2,260
angular, state-management
Does the HTML “hr” (Horizontal Rule) Benefit Screen Reader Users?2,259
html, accessibility, screen-readers
The Inverse Value of UX and Art2,258
user-experience, art
Solid.js Creator Outlines Options to Reduce JavaScript Code (low)2,257
javascript, performance
A Couple of New CSS Functions I’d Never Heard Of (chr)2,256
css, functions
Burn Your Toast (eri)2,255
design-patterns, notifications, accessibility, usability
Color Contrast Accessibility Tools With Examples (pop)2,254
accessibility, tooling, link-lists, colors, contrast, examples
Design System Documentation Sucks—How We Can Do Better2,253
design-systems, documentation
How to Use SEO to Build Long-Term Brand Recognition and Visibility (moz)2,252
how-tos, seo, branding
Node.js 21 Available Now! (ope)2,251
nodejs, release-notes
React Design Patterns2,250
react, software-design-patterns
Start Styling Your “console.log()” Messages in DevTools (zor/css)2,249
videos, javascript, console, browsers, dev-tools
The Three Cs: Concatenate, Compress, Cache (css)2,248
performance, compression, caching
The True Cost of Not Prioritizing Accessibility: Avoid Risk and Maximize Product ROI2,247
accessibility, economics, product-management, prioritization
Transition Animations: A Practical Guide2,246
guides, transitions, animations, interaction-design
Synchronizing Figma Variables With Design Tokens2,245
figma, variables, design-tokens, automation
Stacked Diffs (and Why You Should Know About Them) (ger)2,244
version-control, code-reviews, google, facebook+meta, concepts
The Nuances of Base64 Encoding Strings in JavaScript2,243
javascript, encoding, base64, unicode, strings
2.4.11: Adversarial Conformance (aar)2,242
accessibility, wcag, compliance
Common Vue.js Development Mistakes and How to Avoid Them2,241
vuejs, mistakes
Ensuring Negative Numbers Are Available for Everyone (deq)2,240
accessibility, testing, math
“JavaScript Is Weird” as a Compressor2,239
javascript, compression
Link Colors and the Rule of Tincture2,238
links, colors
Scroll-Driven State Transfer (kiz)2,237
css, scrolling
CSS Findings From Photoshop Web Version (sha)2,236
html, css, adobe, photoshop, case-studies
Bubble Sort… in Pure CSS? (No JS)2,235
css, algorithms, sorting
How to Style Element Descendants With Tailwind CSS (ste)2,234
how-tos, tailwind
44 React Frontend Interview Questions2,233
interviewing, react
Organizing Multiple Git Identities (gar)2,232
git
What’s New in CSS? (bra)2,231
css
How We Optimized Package Imports in Next.js2,230
nextjs, dependencies, optimization, case-studies
Forget Twitter: WordPress.com Blogs Can Now Connect to Mastodon (pcm)2,229
social-media, twitter+x, wordpress, mastodon
The Negative Impact of Mobile-First Web Design on Desktop (nng)2,228
design, mobile-first, mobile, desktop, usability, information-design
Button Labels: Is “OK” Ok?2,227
forms, buttons, labels, writing, usability
Digital Accessibility Blogs and Newsletters (ons/tpg)2,226
accessibility, link-lists
New Release: Tor Browser 13.0 (tor)2,225
release-notes, tor-browser, browsers
Scrollbars Are Becoming a Problem (art)2,224
scrolling, usability, accessibility
Unpopular Opinion: It’s Harder Than Ever to Be a Good Software Engineer2,223
career, quality
Using CSS Custom Properties Like This Is a Waste (kev)2,222
videos, css, custom-properties
Back/Forward Cache (phi+)2,221
bfcache, performance, browsers, chrome, google
Honor User’s Transparency Setting in CSS (ami)2,220
css, transparency+opacity, accessibility, user-experience
Quick Tip: Creating Polymorphic Components in TypeScript2,219
tips-and-tricks, typescript, components
Why Companies Kill Great Design2,218
design
Astro 3.3: Picture Component (eri+)2,217
astro, release-notes
Introduction to Web Sustainability (mic/mdn)2,216
introductions, sustainability
Let’s Prototype a JavaScript JIT Compiler2,215
videos, javascript, compiling, prototyping
Skip Links on ikea.com (mat)2,214
accessibility, skip-links, case-studies
We Need Web Progress, Not Pessimism (kev)2,213
web-platform, principles
Why Naming Is #1 Skill for Writing Clean Code2,212
naming, conventions, best-practices
You Can’t Get Faster Than No Build2,211
building, processes
Styling External Links With Attribute Selectors (mic)2,210
links, css, attributes, selectors
CSS Relative Color Syntax (arg)2,209
css, colors, functions
Preventing and Debugging Memory Leaks in Node.js (bet)2,208
debugging, memory, nodejs
WooCommerce vs. Shopify: Which Is the Better Choice for You?2,207
shopify, comparisons, ecommerce
Designing for All: The Basic Principles of Web Accessibility2,206
accessibility, fundamentals, principles, aria, tooling
5 Best Practices for Preventing Chaos in Tailwind CSS (tra/evi)2,205
best-practices, tailwind
Local HTTPS for Next.js 13.5 (ami)2,204
security, testing, http, nextjs
The Global “innerWidth” and “innerHeight” Properties Return the Width and Height of the Layout Viewport (sim)2,203
viewport, javascript, interoperability, webkit
The Selected Date Must Be Within the Last 10 Years (ger/clo)2,202
html, forms, validation
AI Could Soon Need as Much Electricity as an Entire Country (nyt)2,201
ai, sustainability
Hashnode’s Overall Architecture (has)2,200
architecture, case-studies
Greenwashing and the COP28 Website (mic)2,199
sustainability, case-studies
Images on the Web2,198
images, concepts, compression, jpeg, png, webp, avif, nextjs
CSS-Only Scroll-Driven Animation and Other Impossible Things (bra+)2,197
videos, css, animations
How to Promote Your Website: 12 Free Methods That Work (sem)2,196
how-tos, marketing, blogging, content, social-media, links, keywords, seo, sem
Inclusivity in the Digital Age: The Importance of Accessibility Advocacy (uxm)2,195
accessibility, dei, communication, advocacy
Obligatory WCAG 2.2 Launch Post (aar)2,194
accessibility, wcag, standards
Why the Internet Isn’t Fun Anymore2,193
web, social-media
The Future of CSS: Easy Light-Dark Mode Color Switching With “light-dark()” (bra)2,192
css, functions, dark-mode
The Future of SolidJS With Ryan Carniato (rya/fro)2,191
podcasts, interviews, solidjs, outlooks
Adding Search to an Eleventy Site Without Client-Side JavaScript (mez)2,190
eleventy, serverless, functionality, search
Extending the Properties of an HTML Element in TypeScript2,189
html, components, typescript
Speeding Up the JavaScript Ecosystem—the Barrel File Debacle (mar)2,188
javascript, performance, architecture
The Hidden Performance Cost of Node.js and GraphQL2,187
performance, nodejs, graphql
CSS 3D Text Effects2,186
css, effects
Don’t Use Fixed CSS “height” or “width” on Buttons, Links, or Any Other Text Containers (ash)2,185
css, accessibility, usability, buttons, links
Naming Variables in CSS (doc)2,184
css, custom-properties, naming
Welcome WCAG 2.2 and Goodbye Success Criterion 4.1.1 “Parsing” (cer)2,183
accessibility, wcag, conformance
Node.js vs. Django: Which Is Better for Web Development in 2023?2,182
nodejs, django, comparisons
Demystifying WCAG 2.2 (vig)2,181
accessibility, wcag, standards
How Did You Switch From JavaScript to TypeScript?2,180
discussions, javascript, typescript, migrating
The Nonvisual Website (ang)2,179
websites, accessibility
WCAG 2.2 and Validation2,178
accessibility, wcag, conformance, quality
Which Is the Best Image Format for Your Website?2,177
images, comparisons, jpeg, png, gif, webp, avif
Writing Accessible Form Messages (ons)2,176
accessibility, writing, forms
Table of Contents: The Ultimate Design Guide (nng)2,175
guides, navigation, design, usability
Quick Tip: Decorators in TypeScript2,174
tips-and-tricks, typescript
An Anchored Navbar Solution (mey)2,173
html, css, navigation
Intopia Launches WCAG 2.2 Map (int)2,172
accessibility, wcag, standards
React Micro-Frontends Using Vite2,171
micro-frontends, react, vite
WCAG 2.2 Is Now a Published Web Standard2,170
discussions, accessibility, wcag, standards, w3c
WCAG 2.2 Is Now a W3C Recommendation (den)2,169
accessibility, wcag, standards
Web Content Accessibility Guidelines (WCAG) 2.2 (w3c)2,168
accessibility, guidelines, wcag, standards
What Happened to Separation of Concerns in Frontend Development (j9t)2,167
maintainability, principles, css, frameworks, history
What’s New in WCAG 2.2 (pat/tpg)2,166
accessibility, wcag, standards, release-notes
When to Nest CSS (spa/clo)2,165
css, nesting
Hey Designers, They’re Gaslighting You2,164
design, career
Understanding XSS Attacks2,163
security, xss
GitHub Actions: “NODE_OPTIONS” Is Now Restricted From “GITHUB_ENV”2,162
github-actions, automation, nodejs
An Interactive Intro to CRDTs (jak)2,161
introductions, javascript, types
Career Growth After 35: What Awaits Programmers? (the)2,160
discussions, career
Deploy and Test AWS Step Functions With Node.js (app)2,159
nodejs, aws, functions, deploying, testing
Let’s Create a Filter Table Component in Vue2,158
videos, tables, components, vuejs
Release Notes for Safari Technology Preview 180 (jon/web)2,157
release-notes, browsers, apple, safari
Still No CSS Reset (jus)2,156
css, resets
The Power of Type Safety in TypeScript2,155
typescript, type-safety
Whatever Happened to the Zend Framework (ami)2,154
frameworks, php, history
Accessibility vs. Inclusive Design (tbf/nng)2,153
videos, accessibility, dei, comparisons
Chrome Now Shows Each Active Tab’s Memory Usage (add)2,152
memory, browsers, google, chrome
It’s Time to Rethink the Americans With Disabilities Act (nyt)2,151
accessibility, legal
4 Alternatives to Postman to Consider After Their Latest Update2,150
apis, tooling, vs-code
How to Develop Terminal Productivity With Bash Aliases2,149
how-tos, command-line, aliases, shells, productivity
Limit the Reach of Your Selectors With the CSS “@scope” At-Rule (bra)2,148
css, selectors, scope
Stop Publishing ESM-Only Packages, Do This Instead2,147
javascript, modules, esm, commonjs
Being Picky About a CSS Reset for Fun and Pleasure (chr)2,146
css, resets
Get Ready for Interop 2024 (jen/web)2,145
interoperability, web-platform
How to Be an Accessibility Ally (mer)2,144
how-tos, accessibility, community
The Problem With WordPress Is Positioning, Not Plugins (geo/sma)2,143
wordpress
Your Website Does Not Need JavaScript (amy)2,142
videos, javascript, support
Comparing JavaScript Bundlers: Rollup vs. Webpack vs. Parcel (kin)2,141
javascript, bundling, tooling, rollup, webpack, parcel, comparisons
Crawlers (ada)2,140
crawling, robotstxt, ai
Demystifying CSS Container Queries (mia+)2,139
videos, css, container-queries
Have You Seen These Weird Image Tag Issues?2,138
videos, css
How to Clear Cache and Cookies on a Customer’s Device (css)2,137
how-tos, caching, cookies, testing
Nine Things Automated Accessibility Tests Can’t Test (dav)2,136
accessibility, testing, automation
Return to Office Is Bullshit and Everyone Knows It (soa)2,135
processes, career
The Most Minimal Valid HTML Document (j9t)2,134
html, minimalism, conformance, templates
The Absolute Minimum Every Software Developer Must Know About Unicode in 2023 (Still No Excuses) (nik)2,133
unicode, encoding, standards
All the Ways to Turn an Array Into an Object in JavaScript (ami)2,132
javascript, arrays, objects
Making a Website Is for Everyone (jim)2,131
dei, community, career
The 3 Secrets to Font Pairing2,130
typography, fonts, design
The Myth of Infinite Data Growth (ger)2,129
sustainability, myths
TypeScript Monorepo With npm Workspaces (skw)2,128
monorepos, typescript, npm, architecture
In-Page Links for Content Navigation (nng)2,127
navigation, links, usability
Monitoring a Kubernetes Application With Prometheus, Grafana, and Loki2,126
videos, monitoring, kubernetes
Creating a Content Recommendation Plugin in 11ty2,125
eleventy, content, plugins, functionality
Test Assertion Styles in JavaScript (isa)2,124
javascript, testing
Understanding the CSS Auto-Resizing Textarea Trick (sim)2,123
css, forms, resizing
Managing and Mitigating Design Debt: A Solo UX Designer’s Guide2,122
guides, design-debt, user-experience
Crafting Future-Ready Experiences: The Power of Progressive Web Apps (PWAs) and Offline-First Design2,121
web-apps, progressive-web-apps, offline
Four Reasons to Give WCAG AAA a Second Look (web)2,120
accessibility, wcag, standards
How I Deployed My Website as a Docker Container2,119
deploying, docker, containerization
Naming Things Needn’t Be Hard (pau)2,118
websites, naming
Node v20.8.0 (nod)2,117
release-notes, nodejs
Re-Creating the Pop-Out Hover Effect With Modern CSS (css/sma)2,116
css, effects, hover
20+ Tools for Node.js Development in 20232,115
nodejs, tooling, link-lists
Characteristics of Code Quality2,114
research, quality
5 Pillars of Responsible Generative AI: A Code of Ethics for the Future2,113
ai, ethics
A Comprehensive Guide to the Dangers of Regular Expressions in JavaScript (phi)2,112
guides, javascript, security, regex
CSS Nesting and the Cascade (jen/web)2,111
css, nesting, cascade
Easy Dark Mode With “color-scheme” (sar)2,110
slides, dark-mode, html, css, accessibility
Embracing Efficiency: Shorter Work Hours for Software Developers (and Everyone Else)2,109
productivity, efficiency, culture, engineering-management
Exploring Enhanced Patterns in WordPress 6.3 (sma)2,108
wordpress
The Ultimate Low-Quality Image Placeholder Technique (css)2,107
performance, images, web-vitals
A Socket API That Works Across JavaScript Runtimes—Announcing a WinterCG Spec and Node.js Implementation of “connect()” (jas+)2,106
javascript, runtimes, apis
An Introduction to Web Components (ami)2,105
introductions, web-components
CSS Terminology Demystified (zor/css)2,104
videos, css, terminology
Frontend Monitoring: Strategies, Best Practices, Tools, and More2,103
monitoring, alerting, strategies, best-practices
Honey, I Shrunk the npm Package2,102
dependencies, npm, compression
SSH Keys Stolen by Stream of Malicious PyPI and npm Packages (ble)2,101
security, ssh, dependencies, npm
Stop Using JS for That: Moving Features to CSS and HTML (kil)2,100
videos, javascript, css, html
The Saga of the Closure Compiler, and Why TypeScript Won2,099
javascript, google, compiling, typescript, history
What Is Transpiling?2,098
javascript, ecmascript, transpiling, babel
The Cost of Obsessing Over Design Perfection2,097
design, processes, career
How to Make the Case for Design Systems2,096
how-tos, design-systems
Best Practices for Securing Node.js Applications in Production2,095
best-practices, security, nodejs
Form Accessibility and Usability Beyond the Basics (pop)2,094
forms, accessibility, usability
How to Check Website Traffic (and Increase It) (sem)2,093
how-tos, traffic, analytics, google, tooling
Mastering Closures in JavaScript: A Comprehensive Guide2,092
guides, closures, scope, javascript
No More 404 (rem)2,091
link-rot, user-experience, quality, automation
Overlays: Just Another Disability Dongle (ons/tpg)2,090
accessibility, overlays
Real AI Solutions for Accessibility Challenges (equ)2,089
accessibility, ai
Taming Tailwind (aaa)2,088
tailwind, optimization
Top 5 ARIA Implementation Errors2,087
accessibility, aria, errors
Optimizing Web Fonts2,086
fonts, css, performance, optimization
npm Provenance General Availability2,085
github, npm, provenance, security
8 More Micro Tips for Remarkably Better Typography2,084
typography, tips-and-tricks, legibility, readability
How Mastodon Handles Images and Web Previews (rba)2,083
social-media, mastodon, open-graph, metadata, images, html
HTML Popover, Videos, and “display:blackhole” (bru)2,082
html, pop-overs, videos
Textareas With Auto-Increasing Height Using CSS (ami)2,081
css, forms
The Future of Web Design: Emerging AI Technologies and Trends (uxm)2,080
design, outlooks, trends, ai
The Illusion of Developer “Productivity” Opens the Door to Snake Oil2,079
productivity, metrics
Understanding Puppeteer Headless2,078
puppeteer, automation, testing, headless
What Are Accessibility Overlays? (hey)2,077
videos, accessibility, overlays
Why HTTP/3 Is Eating the World2,076
http, protocols
Accessibility Is Easy… Except for When It Isn’t (llo/web)2,075
videos, accessibility
Misconceptions Can Kill Accessibility Momentum (yat)2,074
accessibility, html, processes
Token Based Authentication With Fastify, JWT, and TypeScript2,073
authentication, fastify, json-web-tokens, typescript
GitHub Actions Could Be So Much Better (yos)2,072
github-actions, ci-cd, automation
How to Escape CSS Selectors in JavaScript (ste)2,071
how-tos, css, selectors, javascript, escaping
Responsive Type Scales With Composable CSS Utilities2,070
css, responsive-design, typography
State of HTML 2023 (sac+/dev)2,069
surveys, html
The Path to Awesome CSS Easing With the “linear()” Function (jhe/sma)2,068
css, functions, animations
Upgrading Frontend Dependencies With Confidence2,067
dependencies, maintenance, testing, regressions, playwright
How to Build Trust With Others by Organizing Your Figma Files2,066
how-tos, figma, conventions, collaboration
Accessible Web Components? (mat/inc)2,065
videos, web-components, accessibility
Developers Talking About Code Quality2,064
studies, research, quality, readability
Native Mobile Accessibility Testing (inc)2,063
videos, accessibility, testing, mobile
Save Our World With Progressive Enhancement and Accessibility (inc)2,062
videos, accessibility, progressive-enhancement
Speeding Up the JavaScript Ecosystem—Polyfills Gone Rogue (mar)2,061
javascript, performance, polyfills
Supercharge Your Repository With Code Owners (ope)2,060
maintenance, code-reviews, processes
The Character Encoding Cheat Sheet for JS Developers (hon)2,059
encoding, unicode, cheat-sheets, javascript
The Design System Ecosystem (bra)2,058
design-systems, design-tokens
The WebP 0-Day2,057
security, webp, google, apple
TypeScript Origins: The Documentary2,056
videos, typescript, history
Unlocking a World of Accessibility: How Internationalization Is the Key (inc)2,055
videos, accessibility, internationalization, localization
What Is Strict Mode in JavaScript?2,054
javascript
The Great JavaScript Divide: CommonJS vs. ES Modules (abd)2,053
javascript, modules, commonjs, esm, comparisons
Open Source Trends to Look for in 20242,052
foss, trends, outlooks, ai, security
What Makes an Accessible Date Picker? Is It Even Possible? (rus/inc)2,051
videos, accessibility, html
CSS Findings From The Threads App II (sha)2,050
css, case-studies
How to Make Forms in Angular Reusable2,049
videos, how-tos, angular, forms, maintainability
How to Migrate From npm to pnpm2,048
how-tos, migrating, npm, pnpm
How to Use the New “<search>” Element With WordPress (ede)2,047
how-tos, html, wordpress
Introducing Runes (sve)2,046
introductions, svelte
Release Notes for Safari Technology Preview 179 (jon/web)2,045
release-notes, browsers, apple, safari
The Psychology of Web Performance (tam/btc)2,044
videos, performance, user-experience, history
What Can You Do With “data” Attributes? (cfe)2,043
html, custom-data, javascript
Experimenting With Measuring Soft Navigations (tun)2,042
performance, web-vitals, navigation, experiments, metrics
We are Chrome for Developers2,041
browsers, google, chrome, chromium, community, foss, history
Building a Core Accessibility Team: The Keys to the Kingdom (deq)2,040
accessibility, engineering-management, processes
A Quick Introduction to NestJS2,039
introductions, frameworks, nestjs
Better User and Developer Experience With htmx (mia+/odd)2,038
videos, htmx
Bun vs. Node.js: Everything You Need to Know (bui)2,037
bun, nodejs, comparisons
Get All That Network Activity Under Control With Priority Hints (mac)2,036
network, hints, performance
What an Economist Article Says About Website Accessibility and Lawsuits (tec/equ)2,035
accessibility, legal
1-Minute CSS Tip: Accent Colors (alv)2,034
tips-and-tricks, css, forms
A (More) Modern CSS Reset (bel)2,033
css, resets
Arrow Functions vs. Traditional Functions in JavaScript (cfe)2,032
videos, javascript, functions, comparisons
Git: Don’t Create .gitkeep Files, Use .gitignore Instead (ada)2,031
git
Node.js: A Guide to Native .env Support and Local Development2,030
guides, nodejs, environments
Understanding the JavaScript Modulo Operator (jos)2,029
javascript, math
WebKit Features in Safari 17.0 (jen/web)2,028
release-notes, browsers, apple, safari, webkit
Sharing State With Islands Architecture (max)2,027
architecture, state-management, examples, astro, react
Managing Design Debt: Strategies for Sustainable User Experience (dxn/log)2,026
design-debt, user-experience, strategies
First Steps to an Accessible Website—Skip Links2,025
accessibility, skip-links
One Thing Nobody Explained to You About TypeScript2,024
typescript, configuration
Node v20.7.0 (nod)2,023
release-notes, nodejs
Expert CSS: The CPU Hack2,022
css, custom-properties
How to Make a Strong Case for Accessibility (vit/sma)2,021
how-tos, accessibility, communication
How UnoCSS Works Internally With Vite?2,020
unocss, vite
Sustainability and Tech and Us (j9t)2,019
sustainability, performance, minimalism, principles
The JS Community on Twitter Is Dead (hbu)2,018
social-media, community, javascript
Why Not React?2,017
react
Accessibility and Inclusivity: Study Guide (nng)2,016
guides, accessibility, dei, training, link-lists
Expanding Your Touch Targets (stu)2,015
accessibility, usability, user-experience, touch
Bun Hype: How We Learned Nothing From Yarn2,014
bun, yarn, dependencies, history
Writing Clean Code: Best Practices and Principles2,013
javascript, best-practices, principles, conventions, formatting, maintainability
Solved by CSS Scroll-Driven Animations: Detect if an Element Can Scroll or Not (bra)2,012
css, scrolling, animations
Revealing Images With CSS Mask Animations (css/sma)2,011
css, animations, techniques
Whataboutism (col)2,010
accessibility
Securing Your Node.js Apps by Analyzing Real-World Command Injection Examples2,009
nodejs, security, history, examples
What Makes Some Interruptions More Disruptive Than Others?2,008
research, productivity, efficiency, career
How Custom Property Values Are Computed (5t3)2,007
css, custom-properties
How to Actually Integrate Angular and NestJS (pol)2,006
how-tos, angular, nestjs
Incremental Static Regeneration for Angular (ang)2,005
angular, incremental-static-regeneration
The 10 Tools I Install on Every New Mac I Get (cod)2,004
tooling, apple, link-lists
The 10ish Tools I Install on Every New Mac I Get (j9t)2,003
tooling, apple, link-lists
The 5 Principles of Unit Testing2,002
principles, testing, quality
View Transition Debugging (jaf)2,001
videos, view-transitions, apis, debugging
JavaScript Is Getting Array Grouping Methods (phi)2,000
javascript, arrays, methods
v0.dev1,999
websites, components, tooling, ai, react, tailwind
Why Is Creativity So Blurry, and Am I Creative?1,998
creativity, design, career
Submit Your Proposals for Interop 2024 (foo+)1,997
interoperability, web-platform, browsers, support
How to Set Up Personal OKRs1,996
how-tos, processes, okr, prioritization
Multi-Page Web Apps (ada)1,995
web-apps, multi-page-apps, user-experience
Use Cases for IIFEs1,994
javascript
Why Drupal 10 (man)1,993
videos, drupal
Why I Quit Open Source (sap)1,992
foss, community, career
Documentation Is a Living Thing: How We Talk Informs What We Make1,991
documentation, communication, collaboration
I Think I Kind of Hate Lazy Loading (ede)1,990
performance, lazy-loading
In Memory of Molly E. Holzschlag, the Fairy Godmother of the Web (mer)1,989
obituaries
Limitations of Scoped CSS (zel)1,988
css, scope
Nuclear Anchored Sidenotes (mey)1,987
css, experiments
Stop Lazy Loading Product and Hero Images (gri/clo)1,986
performance, lazy-loading, images
From Silos to Design Systems1,985
design-systems, processes, case-studies
The Cult of Productivity1,984
productivity, efficiency, career
Changes and Additions in Pointer Events Level 3 (pat/w3c)1,983
videos, standards, pointer-events
State of Web Accessibility, ARIA in HTML, and Missing UI Patterns (tin+/fwo)1,982
podcasts, accessibility, aria, html
Gradients, Blend Modes, and a Really Cool Hover Effect (pre/sma)1,981
css, effects, gradients, hover
JPEG and EXIF Data Manipulation in JavaScript1,980
jpeg, metadata, javascript
What Is Functional Testing? Definition, Key Concepts, and Types1,979
testing, terminology, concepts
The Real Value of Tokens1,978
design, design-tokens
Creating Dynamic README.md File1,977
readme, github
Discover Bun—a Faster, Modern JavaScript Runtime1,976
bun, javascript, runtimes
Medium vs. DEV vs. Hashnode vs. Hackernoon1,975
writing, community, productivity, comparisons
Rewriting Digital Content for Brevity (nng)1,974
writing, content, refactoring, tips-and-tricks
Cool Tools (mic)1,973
tooling, link-lists
Bun, JavaScript, and TCO1,972
bun, javascript, optimization
How I Approach and Structure Enterprise Frontend Applications After 4 Years of Using Next.js1,971
architecture, conventions, nextjs
Running a Playwright Script on AWS Lambda (mat)1,970
playwright, automation, aws, serverless, lambda
URL Poetry Club1,969
websites, urls
Why Your Design System Needs a Component Process1,968
design-systems, components, processes
A New Method to Validate URLs in JavaScript (ste)1,967
javascript, validation, urls
Bun 1.0 (jar+/bun)1,966
bun, release-notes
JavaScript WTF: Why Does “every()” Return “true” for Empty Arrays? (nza)1,965
javascript
The Dangers of Deceptive Design Patterns (and How to Avoid Them) (web)1,964
user-experience, dark-patterns
The Pros and Cons of Different Test Tools—Jest1,963
testing, jest, history
Building a Real-Time Chat With WebSockets, Novel, and Clerk1,962
communication, vite, react, nodejs, express, websockets
CSS “display” Is a Multi-Keyword Property? (zor/css)1,961
videos, css
CSS Lobotomized Owl Selector: A Modern Guide (log)1,960
css, selectors, guides, history
Gulp vs. Webpack—What Is Better: Using Webpack or Gulp.js?1,959
gulp, webpack, comparisons
The “Array.prototype.every()” Method Always Returns “true” for an Empty Array (cfe)1,958
javascript, arrays, prototypes
The New Google Fonts: Find What You’re Looking For (tob)1,957
google, fonts
Web Components Accessibility FAQ (mat)1,956
accessibility, web-components
Why Are We Not Still Using Tables-for-Layout? (rac)1,955
css, techniques, tables
WOFF Has Left the Building (mat)1,954
fonts, woff, typography, css, support
Delay, Sleep, Pause, and Wait in JavaScript1,953
javascript
From Data-Driven to Decision-Driven1,952
strategies, product-management, metrics
Binary Search Algorithm in JavaScript (fro)1,951
javascript, algorithms, search
Dear Molly (col)1,950
obituaries
Long Live the Test Pyramid (sma)1,949
testing, quality, maintainability
Making Sense of React Server Components (jos)1,948
react, components
Memories of Molly (mey)1,947
obituaries
Release Notes for Safari Technology Preview 178 (jon/web)1,946
release-notes, browsers, apple, safari
The Only CSS Layout Guide You’ll Ever Need1,945
videos, guides, css, layout, flexbox, grids, box-model
Turbo 8 Is Dropping TypeScript1,944
hotwire, release-notes, typescript
Using Labeled Loops in JavaScript1,943
javascript, loops
GoDaddy Retires Media Temple Brand (sar)1,942
domains, hosting
Four Common Types of Code Coverage (jec)1,941
testing, code-coverage
Is AI the Silver Bullet of Accessibility?1,940
accessibility, ai
Browser Video Players Review (aar)1,939
html, multimedia, accessibility, browsers, screen-readers, support
Compact HTML1,938
chtml
Equivalent Experience Can Cut Both Ways (eri)1,937
accessibility, user-experience
Essential Metrics for Click Testing1,936
user-experience, metrics, testing
Node.js Includes Built-In Support for .env Files (phi)1,935
nodejs, support, environments
Progressively Enhanced Form Validation: Custom Validation Messages (ger/clo)1,934
forms, validation, progressive-enhancement, errors
The Perpetual Circle of Accessibility (col)1,933
accessibility, learning
Node.js vs. Deno vs. Bun: JavaScript Runtime Comparison1,932
nodejs, deno, bun, javascript, runtimes, comparisons
“Good Commit” vs. “Your Commit”: How to Write a Perfect Git Commit Message (vic)1,931
how-tos, commit-messages, collaboration, version-control, git
First, Do No Harm: Mistakes to Avoid in Creating Accessible User Experiences1,930
accessibility, user-experience, mistakes
8 Micro Tips for Remarkably Better Typography1,929
typography, tips-and-tricks, readability
CSS Frameworks Comparison: Bootstrap vs. Foundation vs. Materialize1,928
css, frameworks, comparisons, bootstrap, foundation, materialize
Understanding SSR, CSR, ISR, and SSG: A Comprehensive Guide1,927
guides, client-side-rendering, server-side-rendering, incremental-static-regeneration, static-site-generation
Web Components Don’t Need You (chr/cod)1,926
web-components
NODE_ENV Considered Harmful (cji)1,925
nodejs, environments
10 Things You Didn’t Know About HTML1,924
html
Node v20.6.0 (nod)1,923
release-notes, nodejs
A Wide View of Automated Testing in React Apps1,922
react, testing, automation
On Productivity Metrics and Management Consultants (nor)1,921
productivity, metrics
Style Is Consistent Constraint1,920
design, consistency
Information Architecture vs. Sitemaps: What’s the Difference? (nng)1,919
information-architecture, navigation, sitemaps, comparisons
Top Website Redesign Tips for 20231,918
redesigning, tips-and-tricks
A Beginner’s Guide to Eleventy (dza)1,917
guides, eleventy
Clocks and Countdowns: Timing in CSS and JavaScript (sto)1,916
time, css, javascript
Dialog Dilemmas and Modal Mischief: A Deep Dive Into Popovers and How to Build Them (hdv)1,915
slides, html, pop-overs, modals, deep-dives
JetBrains Qodana Review1,914
jetbrains, qodana
Selecting the Scoping Root (mat)1,913
css, scope
Small Details to Improve Your Website’s Experience (alv)1,912
user-experience, html, css, metadata
Why I Switched From Sublime Text to Visual Studio Code1,911
code-editors, sublime-text, vs-code, microsoft
Type Safe CSS Design Systems With “@property” (arg)1,910
design-systems, css, type-safety
Three Dimensions of Developer Productivity1,909
research, developer-experience, productivity, quality
How to Make Charts and Graphs More Accessible (pop)1,908
how-tos, information-design, images, accessibility
Is Atomic Design Dead? (bra)1,907
videos, design, atomic-design
The Role of Cloud Computing in Web Development1,906
cloud-computing
Understanding Feature Flags: Improving Feature Management1,905
videos, feature-management, optimization
Things That Jakob’s Law Is Not1,904
user-experience, usability, web
Build a GraphQL Gateway: Combine, Stitch, or Merge Any Datasource1,903
data-fetching, graphql
An Introduction to the Laravel PHP Framework1,902
introductions, frameworks, laravel, php
Decoding WCAG: “Alternative for Time-Based Media” and “Media Alternative for Text” (web)1,901
wcag, accessibility, multimedia
Accessibility Theater (tpg)1,900
accessibility
Case Study: Rebuilding TechCrunch Layout With Modern CSS (sha)1,899
case-studies, refactoring, css
Connected Grid Layout Animation (cod)1,898
css, grids, layout, animations
CSS Loaders (css)1,897
websites, css, animations, effects
Getting Started With htmx: A Comprehensive Guide for Beginners1,896
guides, introductions, htmx
Let’s Make a Rubber Button With HTML, CSS, and SVG (tyl/clo)1,895
buttons, html, css, svg, images
Memorization and Learning to Code1,894
learning, productivity, career, programming
Sustainable SEO: Processes and Practices1,893
seo, sustainability, processes, best-practices
Tracking Errors in a Node.js Application (app)1,892
monitoring, errors, nodejs
Using “rem” Doesn’t Make Your Website Responsive—Here’s Why1,891
responsive-design, units, css
What Is Inclusion Anyways? Lessons From the Disabled Community1,890
slides, lessons, dei, accessibility
What Is the View Transitions API and How to Use It With Meta Frameworks1,889
view-transitions, apis, frameworks, support
Guide to Using Template Engines (Such as Twig) With PHP1,888
guides, template-engines, php, twig
Why Do I Have Layout Shift? (una+)1,887
videos, performance, web-vitals
Astro 3.0 (ema+)1,886
astro, release-notes
Web Sustainability Guidelines (WSG) 1.0 (ale/w3c)1,885
guidelines, sustainability
Announcing Cypress 13 With Test Replay1,884
cypress, release-notes
Benchmarks [for 24 CSV Parsing Approaches]1,883
csv, parsing, performance, comparisons
Biome v1 (ema/bio)1,882
release-notes, biome