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

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

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

Entry (Sources) and TopicsDate#
1-Minute CSS Tip: Accent Colors (alv)12,570
tips-and-tricks, css, forms
Expanding Your Touch Targets (stu)12,569
accessibility, usability, user-experience, touch
Accessibility and Inclusivity: Study Guide (nng)12,568
guides, accessibility, dei, training, link-lists
Why Not React?12,567
react
The JS Community on Twitter Is Dead (hbu)12,566
social-media, community, javascript
Sustainability and Tech and Us (j9t)12,565
sustainability, performance, minimalism, principles
How UnoCSS Works Internally With Vite?12,564
unocss, vite
How to Make a Strong Case for Accessibility (vit/sma)12,563
how-tos, accessibility, communication
Expert CSS: The CPU Hack12,562
css, custom-properties
Solved by CSS Scroll-Driven Animations: Detect if an Element Can Scroll or Not (bra)12,561
css, scrolling, animations
Writing Clean Code: Best Practices and Principles12,560
javascript, best-practices, principles, conventions, formatting, maintainability
Bun Hype: How We Learned Nothing From Yarn12,559
bun, yarn, dependencies, history
Securing Your Node.js Apps by Analyzing Real-World Command Injection Examples12,558
nodejs, security, history, examples
Whataboutism (col)12,557
accessibility
What Makes Some Interruptions More Disruptive Than Others?12,556
research, productivity, efficiency, career
Revealing Images With CSS Mask Animations (css/sma)12,555
css, animations, techniques
Submit Your Proposals for Interop 2024 (foo+)12,554
interoperability, web-platform, browsers, support
Why Is Creativity So Blurry, and Am I Creative?12,553
creativity, design, career
v0.dev12,552
websites, components, tooling, ai, react, tailwind
JavaScript Is Getting Array Grouping Methods (phi)12,551
javascript, arrays, methods
View Transition Debugging (jaf)12,550
videos, view-transitions, apis, debugging
The 5 Principles of Unit Testing12,549
principles, testing, quality
The 10ish Tools I Install on Every New Mac I Get (j9t)12,548
tooling, apple, link-lists
The 10 Tools I Install on Every New Mac I Get (cod)12,547
tooling, apple, link-lists
Incremental Static Regeneration for Angular (ang)12,546
angular, incremental-static-regeneration
How to Actually Integrate Angular and NestJS (pol)12,545
how-tos, angular, nestjs
How Custom Property Values Are Computed (5t3)12,544
css, custom-properties
Documentation Is a Living Thing: How We Talk Informs What We Make12,543
documentation, communication, collaboration
Why I Quit Open Source (sap)12,542
foss, community, career
Why Drupal 10 (man)12,541
videos, drupal
Use Cases for IIFEs12,540
javascript
Multi-Page Web Apps (ada)12,539
web-apps, multi-page-apps, user-experience
How to Set Up Personal OKRs12,538
how-tos, processes, okr, prioritization
From Silos to Design Systems12,537
design-systems, processes, case-studies
The Cult of Productivity12,536
productivity, efficiency, career
Stop Lazy Loading Product and Hero Images (gri/clo)12,535
performance, lazy-loading, images
Nuclear Anchored Sidenotes (mey)12,534
css, experiments
Limitations of Scoped CSS (zel)12,533
css, scope
In Memory of Molly E. Holzschlag, the Fairy Godmother of the Web (mer)12,532
obituaries
I Think I Kind of Hate Lazy Loading (ede)12,531
performance, lazy-loading
What Is Functional Testing? Definition, Key Concepts, and Types12,530
testing, terminology, concepts
JPEG and EXIF Data Manipulation in JavaScript12,529
jpeg, metadata, javascript
Gradients, Blend Modes, and a Really Cool Hover Effect (pre/sma)12,528
css, effects, gradients, hover
The Real Value of Tokens12,527
design, design-tokens
State of Web Accessibility, ARIA in HTML, and Missing UI Patterns (tin+/fwo)12,526
podcasts, accessibility, aria, html
Changes and Additions in Pointer Events Level 3 (pat/w3c)12,525
videos, standards, pointer-events
Cool Tools (mic)12,524
tooling, link-lists
Rewriting Digital Content for Brevity (nng)12,523
writing, content, refactoring, tips-and-tricks
Medium vs. DEV vs. Hashnode vs. Hackernoon12,522
writing, community, productivity, comparisons
Discover Bun—a Faster, Modern JavaScript Runtime12,521
bun, javascript, runtimes
Creating Dynamic README.md File12,520
readme, github
Why Your Design System Needs a Component Process12,519
design-systems, components, processes
URL Poetry Club12,518
websites, urls
Running a Playwright Script on AWS Lambda (mat)12,517
playwright, automation, aws, serverless, lambda
How I Approach and Structure Enterprise Frontend Applications After 4 Years of Using Next.js12,516
architecture, conventions, nextjs
Bun, JavaScript, and TCO12,515
bun, javascript, optimization
The Pros and Cons of Different Test Tools—Jest12,514
testing, jest, history
The Dangers of Deceptive Design Patterns (and How to Avoid Them) (web)12,513
user-experience, dark-patterns
JavaScript WTF: Why Does “every()” Return “true” for Empty Arrays? (nza)12,512
javascript
Bun 1.0 (jar+/bun)12,511
bun, release-notes
A New Method to Validate URLs in JavaScript (ste)12,510
javascript, validation, urls
Delay, Sleep, Pause, and Wait in JavaScript12,509
javascript
From Data-Driven to Decision-Driven12,508
strategies, product-management, metrics
WOFF Has Left the Building (mat)12,507
fonts, woff, typography, css, support
Why Are We Not Still Using Tables-for-Layout? (rac)12,506
css, techniques, tables
Web Components Accessibility FAQ (mat)12,505
accessibility, web-components
The New Google Fonts: Find What You’re Looking For (tob)12,504
google, fonts
The “Array.prototype.every()” Method Always Returns “true” for an Empty Array (cfe)12,503
javascript, arrays, prototypes
Gulp vs. Webpack—What Is Better: Using Webpack or Gulp.js?12,502
gulp, webpack, comparisons
CSS Lobotomized Owl Selector: A Modern Guide (log)12,501
css, selectors, guides, history
CSS “display” Is a Multi-Keyword Property? (zor/css)12,500
videos, css
Building a Real-Time Chat With WebSockets, Novel, and Clerk12,499
communication, vite, react, nodejs, express, websockets
Is AI the Silver Bullet of Accessibility?12,498
accessibility, ai
Four Common Types of Code Coverage (jec)12,497
testing, code-coverage
GoDaddy Retires Media Temple Brand (sar)12,496
domains, hosting
Using Labeled Loops in JavaScript12,495
javascript, loops
Turbo 8 Is Dropping TypeScript12,494
hotwire, release-notes, typescript
The Only CSS Layout Guide You’ll Ever Need12,493
videos, guides, css, layout, flexbox, grids, box-model
Release Notes for Safari Technology Preview 178 (jon/web)12,492
release-notes, browsers, apple, safari
Memories of Molly (mey)12,491
obituaries
Making Sense of React Server Components (jos)12,490
react, components
Long Live the Test Pyramid (sma)12,489
testing, quality, maintainability
Dear Molly (col)12,488
obituaries
Binary Search Algorithm in JavaScript (fro)12,487
javascript, algorithms, search
First, Do No Harm: Mistakes to Avoid in Creating Accessible User Experiences12,486
accessibility, user-experience, mistakes
“Good Commit” vs. “Your Commit”: How to Write a Perfect Git Commit Message (vic)12,485
how-tos, commit-messages, collaboration, version-control, git
Node.js vs. Deno vs. Bun: JavaScript Runtime Comparison12,484
nodejs, deno, bun, javascript, runtimes, comparisons
8 Micro Tips for Remarkably Better Typography12,483
typography, tips-and-tricks, readability
The Perpetual Circle of Accessibility (col)12,482
accessibility, learning
Progressively Enhanced Form Validation: Custom Validation Messages (ger/clo)12,481
forms, validation, progressive-enhancement, errors
Node.js Includes Built-In Support for .env Files (phi)12,480
nodejs, support, environments
Essential Metrics for Click Testing12,479
user-experience, metrics, testing
Equivalent Experience Can Cut Both Ways (eri)12,478
accessibility, user-experience
Compact HTML12,477
chtml
Browser Video Players Review (aar)12,476
html, multimedia, accessibility, browsers, screen-readers, support
Node v20.6.0 (nod)12,475
release-notes, nodejs
10 Things You Didn’t Know About HTML12,474
html
NODE_ENV Considered Harmful (cji)12,473
nodejs, environments
Web Components Don’t Need You (chr/cod)12,472
web-components
Understanding SSR, CSR, ISR, and SSG: A Comprehensive Guide12,471
guides, client-side-rendering, server-side-rendering, incremental-static-regeneration, static-site-generation
CSS Frameworks Comparison: Bootstrap vs. Foundation vs. Materialize12,470
css, frameworks, comparisons, bootstrap, foundation, materialize
Top Website Redesign Tips for 202312,469
redesigning, tips-and-tricks
Information Architecture vs. Sitemaps: What’s the Difference? (nng)12,468
information-architecture, navigation, sitemaps, comparisons
Style Is Consistent Constraint12,467
design, consistency
On Productivity Metrics and Management Consultants (nor)12,466
productivity, metrics
A Wide View of Automated Testing in React Apps12,465
react, testing, automation
Type Safe CSS Design Systems With “@property” (arg)12,464
design-systems, css, type-safety
Why I Switched From Sublime Text to Visual Studio Code12,463
code-editors, sublime-text, vs-code, microsoft
Three Dimensions of Developer Productivity12,462
research, developer-experience, productivity, quality
Small Details to Improve Your Website’s Experience (alv)12,461
user-experience, html, css, metadata
Selecting the Scoping Root (mat)12,460
css, scope
JetBrains Qodana Review12,459
jetbrains, qodana
Dialog Dilemmas and Modal Mischief: A Deep Dive Into Popovers and How to Build Them (hdv)12,458
slides, html, pop-overs, modals, deep-dives
Clocks and Countdowns: Timing in CSS and JavaScript (sto)12,457
time, css, javascript
A Beginner’s Guide to Eleventy (dza)12,456
guides, eleventy
An Introduction to the Laravel PHP Framework12,455
introductions, frameworks, laravel, php
Build a GraphQL Gateway: Combine, Stitch, or Merge Any Datasource12,454
data-fetching, graphql
Things That Jakob’s Law Is Not12,453
user-experience, usability, web
Understanding Feature Flags: Improving Feature Management12,452
videos, feature-management, optimization
The Role of Cloud Computing in Web Development12,451
cloud-computing
Is Atomic Design Dead? (bra)12,450
videos, design, atomic-design
How to Make Charts and Graphs More Accessible (pop)12,449
how-tos, information-design, images, accessibility
Decoding WCAG: “Alternative for Time-Based Media” and “Media Alternative for Text” (web)12,448
wcag, accessibility, multimedia
Why Do I Have Layout Shift? (una+)12,447
videos, performance, web-vitals
Guide to Using Template Engines (Such as Twig) With PHP12,446
guides, template-engines, php, twig
What Is the View Transitions API and How to Use It With Meta Frameworks12,445
view-transitions, apis, frameworks, support
What Is Inclusion Anyways? Lessons From the Disabled Community12,444
slides, lessons, dei, accessibility
Web Sustainability Guidelines (WSG) 1.0 (ale/w3c)12,443
guidelines, sustainability
Using “rem” Doesn’t Make Your Website Responsive—Here’s Why12,442
responsive-design, units, css
Tracking Errors in a Node.js Application (app)12,441
monitoring, errors, nodejs
Sustainable SEO: Processes and Practices12,440
seo, sustainability, processes, best-practices
Memorization and Learning to Code12,439
learning, productivity, career, programming
Let’s Make a Rubber Button With HTML, CSS, and SVG (tyl/clo)12,438
buttons, html, css, svg, images
Getting Started With htmx: A Comprehensive Guide for Beginners12,437
guides, introductions, htmx
CSS Loaders (css)12,436
websites, css, animations, effects
Connected Grid Layout Animation (cod)12,435
css, grids, layout, animations
Case Study: Rebuilding TechCrunch Layout With Modern CSS (sha)12,434
case-studies, refactoring, css
Astro 3.0 (ast)12,433
astro, release-notes
Accessibility Theater (tpg)12,432
accessibility
Hover Triangles (may)12,431
history, navigation, hover
How to Implement SSL/TLS Pinning in Node.js12,430
how-tos, security, ssl, tls, nodejs
How to Measure Developer Productivity the Right Way12,429
how-tos, productivity, processes
Why Are Websites Embarrassing? (fon)12,428
quality, craft
Web Apps Are Better Than No Apps (yur)12,427
web-apps
Measuring Developer Productivity? A Response to McKinsey (ger)12,426
productivity, metrics
Git Uncommit (ami)12,425
git, command-line
Five Optimization and Performance Tools That Enhance Website User Experience12,424
user-experience, performance, optimization, tooling, link-lists
Building Accessibility Into Your Company, Team, and Culture (swi)12,423
videos, accessibility, culture
Biome v1 (ema/bio)12,422
release-notes, biome
Benchmarks [for 24 CSV Parsing Approaches]12,421
csv, parsing, performance, comparisons
Announcing Cypress 13 With Test Replay12,420
cypress, release-notes
Navigating Web Accessibility Litigation: Advice From a General Counsel (lev)12,419
accessibility, legal
Code Splitting in React: Optimize Performance by Splitting Your Code12,418
code-splitting, react, performance, optimization
From User Needs to User Dreams: Find the Future of Your Product12,417
user-experience, design, outlooks
Six Reasons Not to Use React12,416
videos, react
Single-Page Applications: Ember vs. Angular12,415
single-page-apps, emberjs, angular, comparisons
Realistic CSS Animations and the “linear()” Timing Function12,414
css, animations, functions, time
How I Write Alt Text for Code Snippets on Social Media (ben)12,413
accessibility, alt-text, writing, images, social-media
Falling for OKLCH: A Love Story of Color Spaces, Gamuts, and CSS (geo/sma)12,412
colors, oklch, css
An Overview of Feature Flags (log)12,411
overviews, feature-management, releasing, testing, product-management
8 Habits That Hold Back Your Developer Potential12,410
career, productivity
State of CSS 2023 [Results] (sac+/dev)12,409
surveys, metrics, css
Biases in Design: Hiding in Plain Sight in a World Full of Visuals12,408
design
Package-Based Architecture—Let’s Deliver the Packages12,407
architecture, modules, flutter
Web UX: Study Guide (nng)12,406
guides, user-experience, training, link-lists
Dark Mode: How Users Think About It and Issues to Avoid (nng)12,405
dark-mode, user-experience, accessibility, best-practices
Co-Authoring Git Commits (cas)12,404
git, collaboration, documentation
Accessible Navigation12,403
accessibility, navigation
Visualizing Recursion With the Sierpinski Triangle12,402
algorithms, visualization, javascript
Browser Automation With Puppeteer12,401
puppeteer, automation, testing
Introducing the 100-Year Plan: Secure Your Online Legacy for a Century (pho/wor)12,400
introductions, wordpress, domains, outlooks
WTF Is a Vector Database: A Beginner’s Guide12,399
guides, databases, vector-databases
Where to Put Focus When Deleting a Thing (aar)12,398
accessibility, focus
Scope vs. Shadow DOM (kei)12,397
shadow-dom, dom, scope, css, javascript, comparisons
Catching Errors Thrown From “connectedCallback” (nol)12,396
javascript, web-components, errors
The Comedy of Errors (met)12,395
google, search, tooling, errors
Stakeholder Management for Design Systems (luk)12,394
design-systems, engineering-management, processes
What Is Alt Text and How to Write It (tpg)12,393
accessibility, images, alt-text, writing
What Are Exceptions to Section 508 Accessibility Requirements?12,392
accessibility, legal, section-508
TypeScript 5.3 First Look (mat)12,391
typescript
Main-ly Speaking (col)12,390
accessibility, html
European Accessibility Act: Article 32, and Why It Sucks (cra)12,389
accessibility, legal, eaa
Announcing TypeScript 5.2 (dan/typ)12,388
release-notes, typescript
A More Intelligent and Secure Web (ple/w3c)12,387
videos, w3c, standards, web, web-platform, security
To Test or Not to Test, a Technical Perspective12,386
testing, automation, best-practices
Use Web Components for What They’re Good At (nol)12,385
web-components
The Art of UX Writing (web)12,384
user-experience, writing, craft
Pros and Cons of Using Shadow DOM and Style Encapsulation (mat)12,383
web-components, dom, shadow-dom
How to Get 12% More LinkedIn Followers, Impressions, and Clicks—Practical Accessibility Tips and Tricks (mni)12,382
how-tos, accessibility, tips-and-tricks, social-media, best-practices
How Organisations Respond to Accessibility Monitoring12,381
accessibility, monitoring
Headless Architecture: What Is It, and Why Is It the Future?12,380
headless, architecture
Google August 2023 Broad Core Update Is Live—What We Are Seeing Now (rus/ser)12,379
google, seo
Block the Bots That Feed “AI” Models by Scraping Your Website (cla)12,378
robotstxt, scraping, ai
A Few Interesting Ways to Use CSS Shadows for More Than Depth (pre/sma)12,377
css, shadows, effects
A Guide to Migrating From Webpack to Vite12,376
guides, migrating, webpack, vite
A Quick Introduction to CSS “@scope” (bra)12,375
introductions, css, scope, cascade
Debugging Speculation Rules (tun)12,374
performance, speculation, debugging
WebGlossary.info (j9t)12,373
websites, learning, training, concepts, terminology
View Transitions Break Incremental Rendering (eee)12,372
view-transitions, apis, rendering
Release Notes for Safari Technology Preview 177 (jon/web)12,371
release-notes, browsers, apple, safari
No One Actually Wants Simplicity12,370
complexity, simplicity
Can We Truly “Create” Value?12,369
user-experience, economics
Migrating From Color Styles to Local Variables in Figma12,368
figma, colors, variables, migrating
Writing Component Specs12,367
components, documentation, writing
Two Important New Roles for UX Designers in the Era of AI (uxm)12,366
user-experience, design, career, ai
The Ideal Viewport Doesn’t Exist (bel+)12,365
viewport, responsive-design, user-experience
Progressively Enhanced Form Validation: Validating a Checkbox Group (ger/clo)12,364
forms, validation, progressive-enhancement
Please Size Your Inline SVGs (aar)12,363
svg, images
Patterns for Reactivity With Modern Vanilla JavaScript (fro)12,362
reactivity, javascript
Changes Over the Last 25 Years of UX Research (uxm)12,361
user-experience, research, history
Bézier Curves12,360
animations
All 12 “useState” and “useEffect” Mistakes Junior React Developers Still Make in 202412,359
videos, react, hooks, mistakes
10 Essential VS Code Tips and Tricks for Greater Productivity12,358
vs-code, microsoft, code-editors, tips-and-tricks, productivity
“We’re All Just Temporarily Abled” (jim)12,357
accessibility
The Definitive Guide to Web Personalization: Strategies, Tools, and More to Know12,356
guides, personalization, strategies
How to Make an Impact as a Developer Advocate (bla)12,355
how-tos, developer-relations, advocacy, career
7 Reasons to Replace Advanced Search With Filters So Users Can Easily Find What They Need (ada)12,354
design, usability, user-experience, searching
Why htmx Does Not Have a Build Step (htm)12,353
htmx, building
Styling Links and Buttons (aar)12,352
links, buttons, css, usability
Let’s Build a Website Using XML (ede)12,351
xml, css
Getting Started With SCSS—the CSS Preprocessor With Superpowers12,350
introductions, preprocessors, sass
Combining “:placeholder-shown” and “:has” (cri)12,349
css, selectors, forms
Scroll Shadows With “animation-timeline” (dav)12,348
scrolling, shadows, css
React Props: A Visual Guide12,347
guides, react, props
React JSX12,346
react, jsx
Identifying, Fixing, and Preventing Cannibalization (moz)12,345
seo
How to Use Headless Chrome in Serverless Functions With a 50 MB Limit (ste)12,344
how-tos, headless, serverless, functions, browsers, google, chrome
Demystifying CORS: Understanding How Cross-Origin Resource Sharing Works12,343
security, cors, javascript
Being “Polite” Does Not Ensure Access12,342
accessibility, legal
Adding a “Share to Mastodon” Link to Any Web Site (cod)12,341
social-media, links, mastodon, community, javascript
A Beginner’s Guide to Using Pico CSS12,340
guides, pico
How to Use the CSS “gap” Property12,339
how-tos, css, layout
Why Do Users Prefer Certain Design? Insights From the Landscape Theory12,338
design
System Design Introduction12,337
introductions, system-design, architecture
XUL and HTML (moz)12,336
xul, html, comparisons
The New CSS Math: “round()” (dan)12,335
css, math
Tabs Are Objectively Better Than Spaces (cfe)12,334
formatting, developer-experience, accessibility
“aria-haspopup” and Screen Readers (mat)12,333
aria, support, screen-readers
A Deep Dive Into CSS “color-mix()” (kev)12,332
videos, css, colors, deep-dives
Thinking on Ways to Solve Adaptive Typography (arg)12,331
videos, typography, css, fonts
Four New CSS Features for Smooth Entry and Exit Animations (una)12,330
css, animations, browsers, google, chrome, support
Towards HTTPS by Default (jde)12,329
browsers, google, chrome, http, tls, security
Getting Started in a New Codebase12,328
onboarding, career, processes
CSS-Only Syntax Highlighting… With a Single Element and Gradients12,327
css, gradients, syntax-highlighting
BEM Methodology Is Not About CSS (vit)12,326
css, bem, conventions
Accessibility Is Not Inclusive Design or Disability Rights—It’s a Part of It (yat)12,325
accessibility, dei, legal
A Better “setTimeout()” in JavaScript (ami)12,324
javascript, time
A Guide to Optimizing JavaScript Files12,323
guides, javascript, performance, optimization, minification, compression
A Beginner’s Guide to SvelteKit12,322
guides, sveltekit
CSS Selectors: A Visual Guide12,321
guides, css, selectors
New in Chrome 116: Document Picture-in-Picture API, “notRestoredReasons” Property, and More (tro)12,320
videos, release-notes, browsers, google, chrome
How Layout Position Impacts Three Big Web Performance Levers (sia)12,319
performance, web-vitals
An Intro to the “dialog” Element (cfe)12,318
introductions, modals, html, semantics
How to Test Mobile Apps on a Real Device Cloud12,317
how-tos, testing, mobile
WebAssembly: Byte-Code of the Future12,316
webassembly
Useable12,315
accessibility, community
Progressively Enhanced Form Validation: Layering in JavaScript (ger/clo)12,314
forms, validation, progressive-enhancement, javascript
Enhance vs. Lit vs. WebC… or, How to Server-Render a Web Component (jar/van)12,313
web-components, server-side-rendering, lit, webc
Why Inclusive Language Matters in Coding12,312
dei, terminology, processes, documentation
Unveiling the Power of Code-Splitting With Webpack for React and Redux Applications12,311
code-splitting, webpack, react, redux
Testing Your Animation Refresh Rate With CSS Crimes?12,310
discussions, css, animations
An “alt” Decision Tree Using Only “:has()” (aar)12,309
accessibility, css, alt-text, images
Sophisticated, Highly-Targeted Attacks Continue to Plague npm12,308
npm, security
Write About What You Learn—It Pushes You to Understand Topics Better (add)12,307
learning, writing, processes, career
dependency-time-machine12,306
packages, npm, dependencies, maintenance, automation
Debugging Rules: Understand the System12,305
debugging
Balance in UX Design: Symmetry, Asymmetry, and Radial Balance (nng)12,304
videos, design, user-experience
The Spectrum of Openness12,303
foss, legal, examples
Supercharge Your HTML With WebC12,302
videos, html, webc
Nostalgia in UX Design12,301
user-experience, design, history
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources II (sma)12,300
accessibility, content, images, best-practices, techniques
Deprecating the “unload” Event (tun)12,299
browsers, google, chrome, deprecation, events, support
WCAG 3.0: Further on Up the Road (ons/tpg)12,298
accessibility, wcag, standards
OKLCH in CSS: Consistent, Accessible Color Palettes (its/log)12,297
css, oklch, color-palettes, accessibility, consistency
Google Tag Manager Performance: 9 Tips for Faster Site Speed12,296
google, tag-management, performance, tips-and-tricks
Create Direction-Aware Effects Using Modern CSS (kev)12,295
videos, css, internationalization
Browsers Barely Care What HTTP Status Code Your Web Pages Are Served With (cks)12,294
browsers, http, support
A Beginner’s Guide to CSS Grid Layout12,293
guides, css, grids, layout
An Introduction to the esbuild Bundler (cra)12,292
introductions, bundling, esbuild
It’s Time to End Damaging Website Design Practices That May Harm Your Users12,291
user-experience, usability, design, privacy, best-practices
Defining Test Cases and Priorities12,290
testing
Simple APIs Are Elegant APIs (rya)12,289
apis, simplicity
Progressively Enhanced HTML Accordion (aar)12,288
html, accordions, semantics, accessibility, progressive-enhancement
Node.js’s Config Hell Problem (den)12,287
nodejs, configuration, maintainability, productivity, developer-experience
An Introduction to htmx, the HTML-Focused Dynamic UI Library12,286
introductions, htmx
User-Adaptive Interfaces With “AccentColor” (oll)12,285
forms, css
Lean UX and Agile: Study Guide (nng)12,284
guides, user-experience, agile, processes, training, link-lists
What Happens When You Select “count(*)” in MySQL (ami)12,283
databases, mysql
What Does It Mean for Web Browsers to Have a Baseline (mar)12,282
browsers, support, web-platform
UX Is Not Dead, It’s Just Misunderstood12,281
user-experience
OpenAI Launches Web Crawling GPTBot, Sparking Blocking Effort by Website Owners and Creators (ven)12,280
ai, openai, crawling, scraping, robotstxt
My Experience Modernizing Packages to ESM12,279
dependencies, modernization, esm
Micro Benevolences (est/ope)12,278
community, dei, communication, foss
Definition of Done vs. Acceptance Criteria: What’s the Difference?12,277
videos, agile, processes, comparisons
An Update on Chrome Security Updates—Shipping Security Fixes to You Faster12,276
browsers, google, chrome, security
An Intro to State-Based UI With JavaScript (cfe)12,275
introductions, javascript, state-management
8 Common Heading Questions (pop)12,274
accessibility, html, headings
200 Web-Based, Must-Try Web Design and Development Tools (j9t)12,273
link-lists, tooling
You Don’t Need a Mentor: Embracing the Power of Community (bek/ope)12,272
career, community, learning
The Death of Jamstack, the Rise of htmx, and Another AI Assistant (fro)12,271
podcasts, jamstack, htmx, ai
Top 7 Things That Kill Developer Productivity12,270
productivity, technical-debt, code-reviews, documentation, processes, developer-experience
The Risks of Micro-Frontends12,269
podcasts, micro-frontends
Some Tactics for Writing in Public (b0r)12,268
writing, communication, community
Progressively Enhanced Form Validation: HTML and CSS (ger/clo)12,267
forms, validation, progressive-enhancement, html, css
OpenAI’s ChatGPT New Web Crawler—GPTBot (rus/ser)12,266
crawling, ai, openai, chatgpt, seo
Migrating My Blog From Gatsby to Astro (sap)12,265
migrating, gatsby, astro
JSX Without React (chr)12,264
jsx, react
How to Improve Performance of Your Database by Indexing Large Tables12,263
how-tos, performance, databases, optimization
Blog SEO: 8 Tips to Optimize Your Posts (wpr)12,262
blogging, seo, wordpress, tips-and-tricks
Alt Text Hall of Fame (ste/alt)12,261
websites, accessibility, writing, alt-text, images
A Guide to Single-Page Application Performance12,260
guides, single-page-apps, developer-experience, performance, monitoring
Optimizing Speed on ebay.com (add)12,259
performance, optimization, web-vitals, case-studies
Responsive Images: DIY Implementation in 6 Steps12,258
images, html, responsive-design
Scrolljacking 101 (nng)12,257
scrolling, user-experience
Beautify Your Git Log With a Single Command12,256
git, command-line
A Compilation of Outstanding Testing Articles (With JavaScript)12,255
link-lists, testing, javascript
Nobody Cares About Your “Perfect” Code: Change Your Perspective12,254
quality, product-management
Assistive Technology Shouldn’t Be a Mystery Box (cod)12,253
browsers, assistive-tech, accessibility, web-platform, foss, support
How to Set Up Git Hooks (“pre-commit”, “commit-msg”) in My Project? (kis)12,252
how-tos, git, git-hooks
Implementing Design Tokens: Colors12,251
design-tokens, colors
Things You Forgot (or Never Knew) Because of React (col)12,250
react, frameworks, learning
The Next Generation of Web Layouts (zel)12,249
web-platform, design, layout
The Easy Intro to the APCA Contrast Method (myn)12,248
introductions, accessibility, colors, contrast, apca
Route-Based Code Splitting With React12,247
code-splitting, routing, react
Insertion Sort: A Deep Dive12,246
algorithms, sorting, deep-dives
How Google Measures Developer Productivity12,245
interviews, google, productivity, developer-experience, metrics
Finding My Blogging Path: Lessons From My Journey12,244
lessons, blogging, writing, career, community
Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (sma)12,243
accessibility, content, images, best-practices, techniques
An Overview of CSS Sizing Units (web)12,242
overviews, css, units
New DOJ Web Accessibility Regulation Is a Disaster12,241
accessibility, legal
Prepare to Spy on a Method Added Dynamically (bah)12,240
videos, javascript, cypress, testing, debugging
How We Optimized Performance to Serve a Global Audience (sma)12,239
case-studies, performance, optimization
How Does Reflowing Content Affect People With Screen Magnification? (tpg)12,238
accessibility, reflow, assistive-tech, screen-magnification
Contextual Form Errors and ARIA (mar)12,237
accessibility, forms, html, aria
A Blog Post With Every HTML Element (pat)12,236
html, semantics
How to Use the CSS Grid “repeat()” Function12,235
how-tos, css, grids, functions, layout
No Exit—Every Feed Is a Traffic Jam (mus)12,234
social-media, scrolling, user-experience
Why Isn’t “z-index” Working? (una+)12,233
videos, css, positioning
PHP Isn’t That Bad, So Why the Hate? (pur)12,232
php, frameworks, myths
Understanding React Server Components12,231
react, components
What’s New in Svelte: August 2023 (sve)12,230
release-notes, svelte, sveltekit
Splitting the Web (plo)12,229
web
Mixing Colors to Create Variants in CSS (ami)12,228
colors, css
Midori Browser Will Change Its Engine to Gecko12,227
browsers, gecko, browser-engines
I’m Betting on HTML12,226
html, semantics
Evading JavaScript Anti-Debugging Techniques (voi)12,225
javascript, debugging
CSS and Accessibility: Inclusion Through User Choice (car/sma)12,224
css, accessibility, dei, user-experience
Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (mic/mdn)12,223
css, functions, animations
Accessibility of the Button: Should We Fix It or the Root Cause Problem? (deq)12,222
accessibility, buttons, processes
New to the Web Platform in July (rac)12,221
release-notes, web-platform, browsers, google, chrome, mozilla, firefox, apple, safari
SECURITY.md: Should I Have It? (mry/ecl)12,220
security, documentation
Why I No Longer Believe in Content Design12,219
content, design, writing
What Happens When Developers Are Liable for Accessibility?12,218
accessibility, legal
Tuesday, August 8, 2023 Security Releases (raf/nod)12,217
release-notes, nodejs, security
The Virtual Keyboard API (sha)12,216
apis
The Curious Case of “iff” and Overriding Screenreader Pronunciations (ben)12,215
screen-readers, accessibility, pronunciation
Start by Writing Messy Code12,214
processes, learning
Randomness in CSS Using Trigonometry12,213
css, randomness
How to Earn High-Authority Links That Drive Rankings (moz)12,212
how-tos, seo, links
Front End Practice: Top 25+ JavaScript Code Best Practices for Development12,211
javascript, best-practices
Contrast Checker Bookmarklet (web)12,210
bookmarklets, accessibility, colors, contrast
Accessibility Represents Maturity (tem)12,209
accessibility, culture
A Future of Themes With CSS Container Style Queries (chr)12,208
css, style-queries, theming
Should New Developers Use AI Coding Tools?12,207
ai, productivity, tooling, career, learning
Resume and Pause Animations in CSS (ami)12,206
css, animations
An Update on Site Names12,205
domains, google, search
Toggles Suck!12,204
toggles, design, usability, user-experience
Run JavaScript/Wasm in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey12,203
javascript, webassembly, python, spidermonkey
Mastering Git Shortcuts: A Guide to Git Aliases12,202
guides, git, aliases, productivity
If Web Components Are So Great, Why Am I Not Using Them? (dav)12,201
web-components
How to Define an Array of Colors With CSS (css/sma)12,200
how-tos, css, arrays, colors
How “position: absolute” Works in CSS Grid (zor/css)12,199
videos, css, grids, layout
Do We Need WCAG 3 (Now)? (yat)12,198
accessibility, wcag, standards
Design Systems Management From Bottom–Up12,197
design-systems, processes
Adapting Typography to User Preferences With CSS (arg)12,196
typography, css, customization
Speeding Up V8 Heap Snapshots (jda)12,195
javascript, javascript-engines, v8, performance, memory
Complete Guide to Human–Computer Interaction (HCI)12,194
guides, hci
You Probably Don’t Need “http-equiv” Meta Tags (rvi)12,193
html, metadata, http, performance
What Is Platform Engineering (and What Is It Not)?12,192
platform-engineering
The Web Development Glossary 3K (j9t/fro)12,191
books, frontend-dogma, learning, training, concepts, terminology
The Future of Design Systems Is Semantic (fig)12,190
design-systems, design-tokens, processes
Release Notes for Safari Technology Preview 175 (jon/web)12,189
release-notes, browsers, apple, safari
How to Make Your Captions and Audio Descriptions WCAG-Compliant12,188
how-tos, multimedia, captions, compliance, wcag, accessibility
How to Use CSS “aspect-ratio”12,187
how-tos, css, aspect-ratio
Publishing With npm Provenance From Private Source Repositories Is No Longer Supported12,186
github, npm, provenance, security, foss
How I Name and Arrange My Color Variables in Figma12,185
colors, variables, figma, conventions
Be an Active Ally for Those Living With Disabilities (wom)12,184
accessibility, dei
CrBug Release Indicator (bra)12,183
browsers, chromium, tooling
The Joy of Simplicity in Web Development (cfe)12,182
simplicity, processes
Testing a Component’s Accessibility12,181
videos, accessibility, testing, components
Tailwind, and the Death of Web Craftsmanship12,180
tailwind, craft, quality
Is Jamstack Officially Finished? (rem)12,179
tech-stacks, jamstack, community
Help Design the Inaugural “State of HTML” Survey (lea)12,178
html, community
Fetching Data From an HTTP API With Python (sil)12,177
data-fetching, apis, python
Solving the Accessibility Palette Riddle12,176
accessibility, colors, color-palettes
Application State Management With Angular Signals12,175
state-management, angular, signals
What to Do When Your Developers Don’t Collaborate12,174
processes, collaboration
Web Accessibility in High-Risk Segments (kar)12,173
accessibility, compliance, legal
Vision for W3C (cdu/w3c)12,172
outlooks, web, web-platform, standards, w3c
The Rise of Minimalism in Web Design: Less Is More12,171
minimalism, design
The Excellent Arc Browser Is Now Available for Anyone to Download (dav/ver)12,170
browsers, arc, the-browser-company
Social Engineering Campaign Targeting Tech Employees Spreading Through npm Malware (soc)12,169
security, malware, npm
Promises Training12,168
javascript, promises, training, courses
Microservices vs. Micro Frontends: What’s the Difference?12,167
microservices, micro-frontends, comparisons
Combining Data With Multiple Fetch Requests (ste)12,166
javascript, arrays, data-fetching
Blockquotes in Screen Readers (aar)12,165
accessibility, screen-readers, support, html
10 Simple CSS and JavaScript Micro-Interactions for Buttons12,164
css, javascript, buttons, effects
WebKit Features in Safari 16.6 (jen/web)12,163
release-notes, browsers, apple, safari, webkit
Understanding the WCAG 3 Working Draft Update12,162
accessibility, wcag
The Problem With Auto-Generated Alternative Texts for Images (dni)12,161
accessibility, ai, writing
The New “X” Button Doesn’t Close the Website12,160
user-experience, community, social-media
SVG Gradients: Solving Curved Challenges12,159
svg, images, gradients
Securing the Web Forward: Addressing Developer Concerns in Web Security (tor/w3c)12,158
security, web, surveys
I Blame the W3C’s HTML Standard for Ordered Lists (sid)12,157
html, lists, semantics
Getting Started With Pico CSS (log)12,156
introductions, pico
Eleventy SMACSS (jus)12,155
eleventy, smacss, css
Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (css)12,154
performance, web-vitals, seo
Benefits of Integrating UX Into Your Overall Business Strategy (uxm)12,153
user-experience, strategies
6 Ways ChatGPT Can Improve Your SEO (moz)12,152
ai, chatgpt, seo, metadata, code-generation
A Comprehensive Comparison of Bootstrap, Tailwind CSS, Windi CSS, and UnoCSS: Features, Pros, and Cons12,151
comparisons, bootstrap, tailwind, unocss
Using Imagery in Visual Design (nng)12,150
design, images, content
Good Code Is— (j9t)12,149
quality, terminology
Effective Code Reviews (add)12,148
code-reviews, processes, learning, career
Installing Multiple Versions of Node.js Using nvm12,147
nodejs, nvm
Enable Hover Conditionally in CSS (ami)12,146
css, hover
Why Learning to Program Is Easier Now, but Also Way Harder Than Before12,145
programming, learning, productivity, developer-experience
The Art of Looking Back: A Critical Reflection for Individual Contributors (sma)12,144
processes, career, productivity
How SEOs and UX Designers Can Work Better Together (moz)12,143
seo, user-experience, design, collaboration
CSP Testing Using Cypress (bah)12,142
csp, testing, cypress
Accessible Animated GIF Alternatives (tyl/clo)12,141
accessibility, animations, gif, multimedia, comparisons
How to Use CSS “object-fit” and “object-position”12,140
how-tos, css, images
What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) (jec)12,139
videos, dev-tools, browsers, google, chrome, network, webassembly, release-notes
Web Content Accessibility Guidelines (WCAG) 2.2 (w3c)12,138
accessibility, guidelines, wcag, standards
We Deleted More Than 5,000 Pages From Our College Website—Here’s Why12,137
accessibility, quality, maintenance
Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (add)12,136
programming, quality, maintainability, communication
From Mid to Senior: Time Management and Prioritization12,135
career, productivity, prioritization
Ember JS Essentials: A Beginner’s Guide12,134
fundamentals, guides, emberjs
DX in the Frontend Developer Ecosystem (ste)12,133
videos, developer-experience
Design Systems: Avoiding Common Pitfalls (vig)12,132
design-systems
CSS Cascade Layers (odd)12,131
videos, css, cascade
A Guide to Perfecting Pull Requests12,130
git, code-reviews, collaboration, foss
Encoding: A Brief History and Its Role in Cybersecurity12,129
encoding, unicode, security, history
SvelteKit in 100 Seconds (fir)12,128
videos, introductions, sveltekit
What Is the Bento UI Trend, and How Can You Get Started? (web)12,127
design, trends
Visually Hidden Links With 0 Dimensions (mat)12,126
hiding, accessibility, links, focus, apple, safari
User Input Sanitization and Validation: Securing Your App12,125
security, sanitization, validation, conformance
How to Build and Deploy a Modern Day Next.js Application12,124
how-tos, nextjs, building, deploying
How Platform Teams Get Stuff Done (ph1/mfo)12,123
productivity, processes, platform-engineering
11ty: Index All The Things! (lea)12,122
eleventy, pagination
An Introduction to LangChain, Python, and OpenAI12,121
introductions, langchain, python, openai, ai
Figma Now Supports “rem” Units: Understanding the Use and Benefits12,120
figma, css, units, support
Signals Make Angular Much Easier12,119
angular, signals
Getting Started With CSS Nesting (kev)12,118
videos, introductions, css, nesting
Getting Instant Return From Your Accessibility Testing (kar)12,117
accessibility, testing
Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately?12,116
discussions, javascript, frameworks
Upgrading an Ancient React Application12,115
react, maintenance
The Power of Git: A Guide to Collaborative Version Control (bek/ope)12,114
guides, git, collaboration
The 10 Commitments of an Agile Leader12,113
agile, processes, collaboration, leadership, engineering-management
O “dialog” Focus, Where Art Thou? (mat)12,112
accessibility, modals, html, focus
Node.js Security Progress Report—17 Reports Closed (ope)12,111
nodejs, security
Fluid vs. Responsive Typography With CSS Clamp (its/log)12,110
css, functions, typography, responsive-design
Advanced Positioning in CSS Grid (zor/css)12,109
videos, css, grids, positioning, layout
5 Inconvenient Truths About TypeScript (dea)12,108
typescript, javascript, complexity
Using Emoji on the Web (oll)12,107
emoji, fonts, support, unicode
What Is TanStack12,106
tanstack, vercel
It’s All About Complexity (max)12,105
complexity
Stick to Boring Architecture for as Long as Possible (add)12,104
architecture
How I Structured My Design System Using Figma’s New Variables12,103
design-systems, design-tokens, figma, variables
Lightweight JavaScript Framework Review (for Django Developers)12,102
javascript, frameworks, comparisons, link-lists, django
WordPress 6.3 to Introduce a Development Mode (sar)12,101
wordpress
React-ing to Accessibility: Building Accessible Forms That Everyone Can Use12,100
accessibility, forms, react, testing
Writing CSS in 2023: Is It Any Different Than a Few Years Ago? (geo/sma)12,099
css
Scroll Progress Animations in CSS (mic/mdn)12,098
css, scrolling, animations, progress-indicators
Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” (kar)12,097
accessibility, interoperability, screen-readers, assistive-tech, jaws
Figma Typography Secrets—Seven Pro Tips Revealed (pim)12,096
typography, figma
Down-and-Across Highlighting (mey)12,095
code-pens, css, tables, effects
A Comprehensive Beginner’s Guide to npm: Simplifying Package Management12,094
guides, npm, dependencies
15 Advanced TypeScript Tips for Development12,093
typescript, tips-and-tricks
Why Design Systems Fail12,092
design-systems, lessons
[WebKit] Standards Positions (web)12,091
webkit, standards, support
Useful Functions for [an] HTTP Server12,090
deno, servers, http, functions
Mock JSON API Endpoints for Testing (ami)12,089
json, apis, testing
Implementing Responsive Grids With Tailwind CSS: An In-Depth Guide12,088
guides, tailwind, responsive-design, grids, layout
Getting Started With Tailwind CSS: A Quick-Start Guide12,087
introductions, guides, tailwind
CSS Findings From the Threads App (sha)12,086
css, case-studies, facebook+meta
Building a Responsive Table With Tailwind CSS: A Comprehensive Guide12,085
guides, tables, tailwind
Better Roadmaps12,084
project-management, processes
A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II (dbo)12,083
leadership, dei, accessibility
A Case Study on Scroll-Driven Animations Performance12,082
animations, scrolling, performance, css, javascript
3 Common Types of Test Automation12,081
testing, automation
How to Use Your Intuition in Your Product Design Process12,080
how-tos, design, product-management, processes
Preload vs. Early Hints vs. Fetch Priority12,079
videos, performance, html, http, hints, comparisons, preloading
Top 20 Must-Know Tips for Web Accessibility12,078
accessibility, tips-and-tricks
The Magic of Empty Git Commit12,077
git, command-line
The alt-text.org Project Is Moving Forward (han)12,076
accessibility, writing
Release Notes for Safari Technology Preview 174 (mar/web)12,075
release-notes, browsers, apple, safari
Recent Design12,074
websites, design, link-lists
JPEG XL: How It Started, How It’s Going12,073
images, compression, jpeg-xl
How AI Is Making Web Design More Efficient (web)12,072
ai, design, efficiency
From Nunjucks to Liquid (mor)12,071
template-engines, nunjucks, liquid, migrating