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