Life is about deciding who we are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“2023” News Archive (2)

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