Life is about deciding who you 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

News and Tools for Web Developers (14)

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

Entry (Sources) and TopicsDate#
How to Lazy-Load CodePen and CanIUse Embeds13,753
how-tos, embed-code, performance, codepen, caniuse
Here Lies the Internet, Murdered by Generative AI13,752
web, content, ai
AI and Design Systems (bra)13,751
ai, design-systems
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)13,750
videos, mistakes, dark-mode, css
A Guide to CSS Cursor Types13,749
guides, css, cursors
A Fun Line of Code (dbu)13,748
javascript, apis, multimedia
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)13,747
open-letters, apple, web-apps
Advanced Figma Tips and Tricks 2024: Little Gems We Love (uxd)13,746
figma, tips-and-tricks
CSS Foundations: What Is IACVT? (bra)13,745
css, fundamentals
Why I Use Firefox (sim)13,744
browsers, mozilla, firefox
What Is a Single-Page Application? (hey)13,743
single-page-apps, javascript, performance, user-experience
The CSS Cascade—a (Re)Introduction (mat)13,742
videos, css, cascade
Speaker Spotlight: Michelle Barker (mic)13,741
interviews, css, sustainability
No Outer Margin13,740
css, margins, spacing, components
How to Build a Newthing13,739
how-tos, processes, creativity, maintenance
CSS-Only Bottom-Anchored Scrolling Area (kit)13,738
css, scrolling
A Web Designer’s Accessibility Advocacy Toolkit (sma)13,737
accessibility, advocacy, strategies
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)13,736
accessibility, screen-readers
Home Screen Advantage (sli)13,735
browsers, apple, mobile, support, web-apps, web-platform
The Power of Patterns and Playbooks in Content Design (kat/uxd)13,734
design, content, design-patterns
WebAIM Screen Reader User Survey 10 (den)13,733
accessibility, screen-readers
Understanding Event-Driven Architecture13,732
architecture, events
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization13,731
react, hooks, signals
My WebAIM 10th SR User Survey Takeaways (aar)13,730
accessibility, screen-readers
JSDoc as an Alternative TypeScript Syntax13,729
typescript, documentation, jsdoc
CSS “:has()” Interactive Guide (sha)13,728
guides, css, selectors
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)13,727
accessibility, web, captcha
Why My Code Isn’t in TypeScript (rem)13,726
typescript
Proposal: CSS Variable Groups (lea)13,725
css, variables
A Developer’s Guide for Web Accessibility13,724
guides, accessibility
Navbar Gallery13,723
websites, navigation, design-patterns, examples
JavaScript Bloat in 2024 (nik)13,722
javascript, performance
UX Leadership Is Failing (and What We Can Do About It) (uxd)13,721
user-experience, leadership
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)13,720
javascript, libraries, client-side-rendering, state-management
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)13,719
jsr, deno, dependencies, javascript
htmx vs. React: A Complete Comparison13,718
htmx, react, comparisons
Filling Gaps With a Polyfill (jay)13,717
polyfills, html, css, javascript, history
Difference Between the Accessibility Page and the Accessibility Statement13,716
accessibility, documentation, comparisons
Building Dynamic Progress Bars Using Only CSS (ami)13,715
css, progress-indicators
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)13,714
videos, accessibility, aria, html, user-experience
Discovering Web Automation and Scraping (gli)13,713
scraping, automation, tooling
The One Trick Every Flutter Web Dev Needs to Know13,712
tips-and-tricks, flutter, performance
Making of True Multi-Brand Design System (uxd)13,711
design-systems, theming
CSS “::backdrop” Now Inherits From Its Originating Element (bra)13,710
css, selectors
View Transitions: Handling Aspect Ratio Changes (jaf)13,709
css, view-transitions, aspect-ratio
Syntax Highlighting With No Spans?! (chr/fro)13,708
css, apis, syntax-highlighting
Release Notes for Safari Technology Preview 189 (jon/web)13,707
release-notes, browsers, apple, safari
Parallax Effect With CSS Custom Properties (fro)13,706
css, custom-properties, effects, parallax
Node.js 2023 Year in an Article (raf)13,705
nodejs, retrospectives
Next.js vs. Remix—a Developer’s Dilemma13,704
nextjs, remix, comparisons
My Favourite Animation Trick: Exponential Smoothing (lis)13,703
animations, tips-and-tricks
How to Optimize the Web for the Worst User Conditions?13,702
how-tos, user-experience, responsive-design, performance, optimization
10 Best “Create React App” Alternatives for Different Use Cases13,701
react, frameworks, tech-stacks, comparisons, link-lists
How to Make a Cursor Image Hover Effect With CSS and JS13,700
how-tos, css, javascript, images, cursors, hover
Design Patterns That Encourage Junk Data (mic)13,699
design-patterns, sustainability, economics, storage, email
Preventing SQL Injection Attacks in Node.js13,698
security, nodejs, databases, sql
My Design System Journey: Building the Plane While Flying (uxd)13,697
design-systems, collaboration, processes
Why Is JavaScript Fragile? (cfe)13,696
javascript
“random()” Distribution Visualizer13,695
javascript, randomness, visualization
Okay, Color Spaces (eee)13,694
colors, oklch
How to Use Local Storage in JavaScript (fre)13,693
how-tos, browser-storage, javascript
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js13,692
how-tos, nodejs, worker-threads
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)13,691
videos, accessibility, wcag, guidelines, compliance
CSS-Only Radial Progress Bars Using Conic Gradients13,690
videos, css, gradients, progress-indicators
Control Lazy Load, Infinite Scroll, and Animations in React13,689
react, lazy-loading, scrolling, animations, javascript
A Practical Guide to Using Shadow DOM (may)13,688
guides, dom, shadow-dom
A Practical Guide to Designing for Colorblind People (vit/sma)13,687
guides, accessibility, design, colors, color-blindness
Responsive Web Design: 3 Key Fundamentals (nng)13,686
videos, responsive-design, fundamentals
What Is Utility-First CSS? (hey)13,685
css, presentational-html, principles
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)13,684
content, design, design-debt, technical-debt, maintenance, processes, visualization
[Web Accessibility] Survey Results13,683
accessibility, surveys
The Fifty-Fifty Split and Overflow (hex)13,682
css, overflow, layout
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)13,681
how-tos, accessibility, dei, user-experience, colors, contrast, readability
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)13,680
collaboration, onboarding, user-experience
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)13,679
user-experience, product-management, processes
17 Equations That Changed the World—Rewritten in JavaScript13,678
javascript, math
100 Things You Can Do on Your Personal Website (cap)13,677
blogging, writing, indieweb
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)13,676
apis, javascript, css, syntax-highlighting
Tailwind Marketing and Misinformation Engine13,675
tailwind, css, semantics, principles, maintainability, marketing
Don’t Care About Accessibility? Resistance Is Futile! (cer)13,674
accessibility
Understanding React “useEffect”13,673
react, hooks
JavaScript Workers13,672
videos, javascript, web-workers
JavaScript on Demand: How Qwik Differs From React Hydration (the)13,671
javascript, qwik, react, hydration, comparisons
A Manifesto for Small, Static, Web Apps (ros)13,670
manifestos, web-apps, principles
UI = ƒ(statesⁿ) (dav)13,669
design, state-management
Popular Git Config Options (b0r)13,668
git, configuration
It’s Official, Apple Kills Web Apps in the EU (owa)13,667
web-apps, apple
How to Set Up a Node Server With TypeScript in 2024 (jle)13,666
how-tos, nodejs, servers, typescript
Frontend Application Security: Tips and Tricks13,665
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
Be a Better Developer With These Git Good Practices13,664
git, best-practices, conventions, consistency, code-reviews
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)13,663
javascript
React Labs: What We’ve Been Working On—February 2024 (rea)13,662
react
Playing With Infinity in CSS (lon)13,661
css, math
Making the Most of Ligatures (man)13,660
css, typography
How I Developed the 10 Usability Heuristics13,659
usability, heuristics, history
Getting to an Accessibility Strategy13,658
accessibility, strategies, processes
Future of CSS: Functions and Mixins13,657
css, functions, mixins
Full Guide on How to Hire Front-End Developers Effectively13,656
guides, how-tos, hiring, career
CSS “:is(.awesome)” (mar/cfe)13,655
videos, css, selectors, techniques
ARIA “note” (aar)13,654
accessibility, aria, browsers, screen-readers, support
A Dozen Thoughts About AI (dav)13,653
ai
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)13,652
css, overflow, scrolling, animations
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)13,651
accessibility, aria, naming
What Is the Difference Between ASP and ASP.NET?13,650
asp, asp-net, comparisons
What Is Lighthouse Speed Index (SI) and How to Reduce It13,649
performance, metrics, lighthouse, google
Wednesday, February 14, 2024 Security Releases (raf+/nod)13,648
release-notes, nodejs, security
The Text File That Runs the Internet (dav/ver)13,647
robotstxt, crawling, scraping, ai, web
Reasonable WCAG Additions (a11)13,646
accessibility, wcag
Input Type “date”: The Accessibility of HTML Date Picker13,645
accessibility, forms
How Accessibility Standards Can Empower Better Chart Visual Design (sma)13,644
accessibility, contrast, colors, information-design
Selenium Automation Testing: A Step-by-Step Beginners Guide13,643
guides, selenium, testing, automation
Building htmx and Go Web Apps With Gemini Advanced13,642
videos, web-apps, htmx, go, ai, gemini
Why I Like Scrumban (j9t)13,641
processes, agile, scrum, kanban
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)13,640
css, functions, math
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)13,639
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)13,638
how-tos, browsers, mobile, scrolling, css
How to Center a Div (jos)13,637
how-tos, css, centering
CSS Color Module Level 4 (tab+/w3c)13,636
standards, css, colors
Be Aware of Arrays—V8 Engine Advice13,635
javascript, javascript-engines, v8, arrays
An Introduction to Node.js Multithreading (cra)13,634
introductions, nodejs, multithreading
Advanced Architecture for AI Application (aka AAAA) (aus)13,633
ai, architecture, edge-computing, optimization
A Practical Guide to Designing for Children (vit/sma)13,632
guides, design, link-lists
You Want to Make It Easy to Feature Your Content (fro)13,631
frontend-dogma, content, community
The ü/ü Conundrum13,630
javascript, unicode, encoding
The Anatomy of Addictive Content (moz)13,629
content, writing, seo
React, Solid, htmx13,628
react, solidjs, htmx, comparisons
Learn TypeScript (jad)13,627
websites, courses, typescript
How to Choose the Best Static Site Generator in 202413,626
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
How to Boost WordPress Security and Protect Your SEO Ranking13,625
how-tos, wordpress, security, seo
Can Generative AI Help Write Accessible Code? (tin/tet)13,624
accessibility, code-generation, ai
A CSS Project Boilerplate (bel/pic)13,623
css, tailwind, templates
Using Recursive CSS to Change Styles Based on Depth (cri)13,622
css, selectors
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)13,621
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)13,620
css, svg, filters, colors, contrast
CSS Mixins and Functions Explainer (mia/odd)13,619
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)13,618
project-management, prioritization, processes
Don’t Disable Form Controls (aar)13,617
accessibility, usability, forms, buttons
The Front-End Development We’re Used to Is Dying13,616
career, simplicity, complexity
HTML as the Baseline (cfe)13,615
html, progressive-enhancement
Have We Forgotten How to Build Ethical Things for the Web? (nic)13,614
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)13,613
images, jpeg, png, gif, webp, avif, pdf, svg
Accelerating Code Reviews With Nudges13,612
research, code-reviews, productivity, experiments, facebook+meta
Format Nunjucks Files With Prettier (san)13,611
nunjucks, prettier
What Is a Descriptive Transcript?13,610
accessibility, multimedia
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)13,609
videos, accessibility
So You Think You Know Git13,608
videos, git
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)13,607
nodejs, corepack, npm, yarn, pnpm, dependencies
Is [“* { min-width: 0; }”] a Good Idea? (kev)13,606
videos, css
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)13,605
web-apps, browsers, apple, mobile
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)13,604
viewport, css, units
Git Tips: Really Large Repositories13,603
git, monorepos, tips-and-tricks
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)13,602
learning, career
Patterns in Design Systems (ikn)13,601
design-systems, design-patterns, components
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)13,600
web-platform, frameworks, tech-stacks, complexity
Release Notes for Safari Technology Preview 188 (jon/web)13,599
release-notes, browsers, apple, safari
Opportunities for AI in Accessibility (aar/ali)13,598
accessibility, ai
Offloading JavaScript With Custom Properties (hey)13,597
javascript, css, custom-properties
CSS Is Logical (geo)13,596
css
10 Best Automated AI Code Review Tools 202413,595
ai, automation, code-reviews, tooling, comparisons, link-lists
UI Elements Are Not So Elementary (uxd)13,594
design, design-patterns
Designing User Onboarding: Lessons From Figma, Duolingo, and More (uxd)13,593
lessons, onboarding, design, user-experience, figma
A Beginner’s Guide to Seamless Open-Source Contributions (wom)13,592
guides, foss
When to Use the “min()” or “max()” Function (css)13,591
css, functions, tips-and-tricks
Remix Takes on Next.js in Battle of the React Frameworks (ric/the)13,590
frameworks, react, remix, nextjs
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)13,589
npm, dependencies, security
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)13,588
metrics, quality, efficiency, productivity
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)13,587
videos, lessons, eleventy, commonjs, esm, refactoring
jQuery 4.0.0 Beta (tim/jqu)13,586
release-notes, jquery
JavaScript vs. Python: Which One Should You Learn First?13,585
javascript, python, comparisons
JavaScript Promises Demystified13,584
javascript, promises
In Praise of the “switch” Statement (chi)13,583
javascript
Immutable Array Updates With “Array.prototype.with” (jad/dev)13,582
javascript, arrays, prototypes, browsers, support
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)13,581
accessibility, usability, forms, errors
Detect Caps Lock With JavaScript (dav)13,580
javascript
A Guide to Designing for Older Adults (vit/sma)13,579
guides, design, accessibility
You Won’t Scale (cfe)13,578
maintainability, scalability
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)13,577
user-experience, design, hierarchy
Thoughts on a Global Design System (chr)13,576
design-systems
The Most Demanded Frontend Frameworks in 202313,575
frameworks, comparisons, react, angular, vuejs
The Decision to Leave Tech (col)13,574
career, retrospectives
Revolutionizing Usability Testing With Machine Learning (uxm)13,573
usability, testing, ai
It’s the Hope That Kills You (yat)13,572
accessibility, career, community
How to Create Rounded Gradient Borders With Any Background in CSS (ben)13,571
how-tos, css, borders, gradients, backgrounds
Getting Into Web Components—an Intro (uti)13,570
introductions, web-components
Exciting New Tools for Designers, February 2024 (web)13,569
design, tooling, link-lists
Everything You Need to Know About Git13,568
git, command-line
Bookmarklet: Load All GitHub Comments (mey)13,567
bookmarklets, github, code-reviews
13 Best Books, Courses, and Communities for Learning React13,566
react, books, courses, link-lists
HTML Attributes That Every Web Developer Should Know13,565
html, attributes, pop-overs, forms, custom-data
“X” Marks the Spot: Landmark Elements (stv)13,564
html, semantics, accessibility, assistive-tech, aria
Why Disabled People’s Needs Aren’t “Special”13,563
accessibility
The Importance of Web Performance to Information Equity (sch/fos)13,562
videos, performance, accessibility
htmx Deep Dive With Carson Gross13,561
videos, htmx, deep-dives
The SEO Starter Guide Got a Makeover (liz+)13,560
guides, seo, search, google
What Is WAP?13,559
wap, mobile
SOLID Principles: They’re Rock-Solid for Good Reason13,558
programming, principles, solid
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)13,557
images, svg, css, masking, performance
From Many to One: Moving Our JavaScript Code Into a Monorepo13,556
migrating, monorepos, javascript, git
All Art Is a Copy of Something (chr)13,555
art
5 Hidden Risks of Your Inaccessible Website (deq)13,554
accessibility
What’s the Difference Between “localhost” and “127.0.0.1”?13,553
network, ip, testing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?13,552
ai, quality, technical-debt
Tracking Your Interviews Is Extremely Important13,551
career, interviewing
The Web Just Gets Better With Interop 2024 (jen/web)13,550
web-platform, interoperability, browsers, support
Interop 2024 (rac/dev)13,549
interoperability, web-platform, browsers, support
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)13,548
videos, frameworks, svelte
Everyone’s a Sellout Now13,547
career, culture
Dynamically Adding Text Alternatives to Images With AI (kar)13,546
automation, ai, accessibility, images, alt-text
Drupal Creator: Websites Needed More Than Ever in the AI Era (ric/the)13,545
web, ai, complexity
Career Retrospective13,544
career, retrospectives
A Look at the New WAI–ARIA 1.3 Draft (cra)13,543
accessibility, aria, standards
A Complete Guide to Open Source—100× Simpler13,542
guides, foss
PurePWA—a Radical U-Turn in Web Development13,541
web-apps, progressive-web-apps, simplicity, tooling
Why Not htmx? (cfe)13,540
htmx
The Good, the Bad, the Web Components (zac)13,539
web-components, shadow-dom, dom
The Art and Science of Annotations in Dev Mode (fig)13,538
figma, annotations
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization13,537
testing, flakiness, cypress, playwright, network
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)13,536
html, dom, shadow-dom, apis, security
Making VPATs and ACRs More Effective in Procurement (web)13,535
accessibility, vpat-acr, processes
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+/dev)13,534
performance, web-vitals, metrics
Implementing User Authentication in React Apps With Appwrite13,533
react, authentication, tooling
How to Stream Files From Next.js Route Handlers (eri)13,532
how-tos, nextjs, routing, streaming
GitLab vs. GitHub: Which Is Better in 2024?13,531
version-control, gitlab, github, comparisons
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)13,530
guides, accessibility, colors, color-palettes, figma
Be Purposeful About Your Content13,529
accessibility, content, writing
5 Essential DevTools Console Hacks for Every Web Developer13,528
videos, browsers, dev-tools
Why Do Rubber Ducks Work?13,527
processes, productivity, creativity
Web Platform Design Principles (lea/w3c)13,526
web-platform, software-design, principles, standards, w3c
Use CSS “accent-color” to Style Your Inputs (cas)13,525
css, forms
Understanding Signals in Django13,524
signals, django
Tuesday, February 6, 2024 Security Releases (raf/nod)13,523
release-notes, nodejs, security
The Psychology of Site Speed and Human Happiness (tam/spe)13,522
performance, usability
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)13,521
guides, foss, collaboration
Onboarding (mfo)13,520
processes, onboarding, productivity, engineering-management
New to the Web Platform in January (rac/dev)13,519
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Learn Testing (dev)13,518
courses, testing
Is Generated Code Harder to Maintain?13,517
discussions, ai, maintainability, maintenance
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)13,516
css, units, fonts
“field-sizing” Just Works! (kil/pol)13,515
css, forms, comparisons
Celebrate a More Interoperable Web With Interop 2023 (rac/dev)13,514
web-platform, interoperability, browsers, support
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)13,513
html, css
ESG and DEI Policies Were Always Luxury Goods (blo)13,512
dei, sustainability, policies
The Loss of the Process in the Name of Progress (uxd)13,511
design, creativity, productivity, processes
Practical Guide to Destructuring: TypeScript vs. Dart13,510
guides, typescript, dart, comparisons
The Web Component Success Story (jak)13,509
web-components
The EU Forces Open Apple’s Walled Garden13,508
legal, apple, browsers, mobile
Next.js App Router Migration: The Good, Bad, and Ugly13,507
nextjs, routing, migrating
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)13,506
how-tos, images, favicons
Git: The Basics of “git bisect” (ada)13,505
fundamentals, git
Express Forward13,504
discussions, outlooks, express
Dynamic README Image Based on GitHub Activity13,503
readme, github
Debunking 10 Common Objections to Incremental Delivery for Software Teams13,502
agile, processes
At Last, Browser Choice * (dav)13,501
legal, browsers, apple, mobile
Nicer Text Wrapping With CSS “text-wrap” (lon)13,500
css, typography
Design Systems Burnout (fon)13,499
design-systems
A Guide to Styling Tables (sto)13,498
css, tables, responsive-design
Futuring With Design (uxd)13,497
design, creativity, processes
Please, Don’t Force Me to Log In (ham)13,496
web, authentication, user-experience
Gold Text Effect With CSS (man)13,495
css, effects
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)13,494
css, selectors, focus
Apple, the DMA, and Malicious Compliance (bru)13,493
legal, browsers, apple, mobile
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)13,492
legal, browsers, apple, mobile
The Impact of Developer Experience13,491
research, developer-experience, productivity, efficiency
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)13,490
accessibility, ethics, overlays, community
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)13,489
browsers, apple, mozilla, firefox, mobile
Introducing Our Updated [Green Web Hosting] Directory (mrc)13,488
introductions, release-notes, sustainability, hosting
Inside .git (b0r)13,487
git
HTML Web Components on the Server Are Great (sco)13,486
html, web-components
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)13,485
accessibility, tips-and-tricks, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)13,484
design, responsive-design, seo
Using Alternative Browser Engines in the European Union13,483
apple, browsers, browser-engines, mobile
This Web Page Is Best Viewed in the EU (gri/clo)13,482
legal, browsers, apple, mobile, web
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments13,481
studies, research, accessibility, ecommerce, legal
Should Links Open in a New Tab? (stv)13,480
links, usability, user-experience
One World, One Web, One Love (aar)13,479
web
JWT vs. Session Authentication13,478
security, authentication, json-web-tokens, comparisons
Deno 1.40: Temporal API (den)13,477
release-notes, deno, apis, time
CSS Blurry Shimmer Effect (sma)13,476
css, effects
Animating Font Palette (man)13,475
css, colors, fonts, effects
A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js13,474
functionality, databases, sql, nodejs, django, nextjs
The API That No One Dared Delete13,473
apis, infrastructure, documentation, maintenance, technical-debt
The Structure of User Experience (uxd)13,472
user-experience, processes
What Happened With the Web Monetization API? (chr)13,471
monetization, apis
What Can a Website Do? (dav)13,470
accessibility, usability, quality
Web Components in Earnest (dav)13,469
web-components, javascript
User Styles (mia)13,468
css, user-styles, browsers
The New CSS Color Format You Didn’t Know You Needed; “oklch()”13,467
css, colors, oklch, functions, tailwind
Take a Qwik Break From React With Astro (the)13,466
qwik, react, astro, frameworks, comparisons
Release Notes for Safari Technology Preview 187 (jon/web)13,465
release-notes, browsers, apple, safari
On Web Components (tmc)13,464
web-components
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware13,463
github, npm, security, malware, foss
Getting Started With Content Collections in Astro13,462
introductions, astro
Five Future Roles for Designers (jar)13,461
design, career, outlooks
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)13,460
design-systems, economics
An Introduction to the Liquid Template Language13,459
introductions, liquid, template-engines
14 Best SEO Tools in 2024 (web)13,458
seo, tooling, link-lists
Unit Testing With Jest and Integration With GitHub Actions13,457
testing, jest, github-actions, quality
The Web Is Unversioned (rhi/w3c)13,456
web-platform, versioning
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project13,455
javascript, typescript, documentation, jsdoc
What Has a Ceiling but No Floor? (mat)13,454
accessibility, apple, facebook+meta
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)13,453
html, modals
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)13,452
ai, design, typography
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development13,451
studies, research, ai, quality, technical-debt
Modern JavaScript Library Starter13,450
dependencies, npm, libraries
LCP and FCP on Single Page Application on Soft Navigations (dws)13,449
performance, web-vitals, single-page-apps, navigation
In Praise of Buttons13,448
buttons
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)13,447
css, scrolling, effects
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)13,446
ai, browsers, google, chrome
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)13,445
videos, interviews, tech-stacks, jamstack
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)13,444
bookmarklets, accessibility, html, aria, keyboard-shortcuts
Better Form UX With the CSS Property “field-sizing” (sea)13,443
forms, user-experience, css
Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build13,442
culture, engineering-management, processes, comparisons
What Is Jest and Why Should I Use It? (cod)13,441
jest
WebKit Features in Safari 17.3 (jen/web)13,440
release-notes, browsers, apple, safari, webkit
Use Tailwind CSS Prefixes for Shared Design System Components (sen)13,439
tailwind, design-systems, components
Repetition Avoidance (ste)13,438
code-pens, accessibility, user-experience, aria
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website13,437
pjpeg, jpeg, images, performance, comparisons
Layouts in Astro13,436
astro
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)13,435
accessibility, processes, testing
How a Web-Site Redesign Can Impact the Customer Journey (uxm)13,434
redesigning, user-experience
Handling Environment Variables in Node.js (mco/pla)13,433
environments, variables, nodejs
Could Local SEO Transform Your User Experience? (uxm)13,432
seo, user-experience
Continuous Accessibility: What, Why, How (ass)13,431
accessibility, processes, testing, tooling
Battle of the Browsers (zer)13,430
browsers, browser-engines, blink, chrome, google, edge, microsoft, brave, gecko, firefox, mozilla, webkit, safari, apple, comparisons
7 Mobile UX Design Tools to Supercharge Your Design Process (uxm)13,429
design, tooling, link-lists
What Is Our Design Intention? (uxd)13,428
design, processes
Vector Database Recommender System (ast)13,427
databases, vector-databases
Why I Don’t Care About Website/Blog Stats (nei)13,426
blogging, metrics, sem
What Is CSS Motion Path?13,425
css, svg, animations
The World’s Smallest PNG (eva)13,424
images, png, minimalism
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)13,423
accessibility, design, html, aria
The Bun Shell (jar/bun)13,422
bun, javascript, shells
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)13,421
javascript, security, debugging, firefox, mozilla, browsers
Mastering Node CSV13,420
nodejs, csv
A Call for Consensus on HTML Semantics (5t3)13,419
html, semantics
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)13,418
accessibility, legal
Why Do Reflows Negatively Affect Performance? (fro)13,417
performance, reflow
Making CSS View Transitions Easy With Velvette (nom/cod)13,416
css, view-transitions, tooling
How Core Web Vitals Affect SEO (ind)13,415
performance, web-vitals, lighthouse, google, seo
Under-Supported and Underpaid (aar)13,414
accessibility, career, economics, craft
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)13,413
css, gradients, transparency
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (jen+)13,412
videos, interviews, css, web, browsers, apple, safari
12 Modern CSS One-Line Upgrades (5t3)13,411
css
Node.js vs. Python: Which One to Choose for 202413,410
nodejs, python, comparisons
Deceptive Deprecation: The Truth About npm Deprecated Packages13,409
deprecation, security, npm, dependencies, research
The Color Input and the Color Picker (chr/fro)13,408
html, colors, usability
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript13,407
functionality, html, css, javascript
Astro 4.2 (eri+/ast)13,406
astro, release-notes
The Designer’s Guide to Social Computing (uxd)13,405
guides, design, social-media
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)13,404
notifications, errors, validation, usability
Safely Accessing the DOM With Angular SSR (dev)13,403
security, dom, javascript, angular, server-side-rendering
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)13,402
videos, javascript, arrays, sorting, comparisons
Fading Content Using Transparent Gradient in CSS (ami)13,401
css, gradients, transparency, effects
Dispatching an Event (chr/fro)13,400
javascript, events
Basic Accessibility Mistakes I Often See in Audits (cfe)13,399
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
AI Art Is the New Stock Image (ia)13,398
design, ai, images
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)13,397
introductions, scrolling, animations, css, functions
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience13,396
react, data-fetching, code-splitting, components, techniques
Are You Boring Your Interviewer by Over-Explaining Context? (uxd)13,395
career, interviewing, design
Is It Time to Switch From Docker to Podman?13,394
videos, docker, podman, tooling, comparisons
The Golden Rule of Assertions13,393
javascript, testing
The Complex but Awesome CSS “border-image” Property (css/sma)13,392
css, borders, techniques
Stop Trying to Recruit Unicorns With Acorns (cra)13,391
accessibility, career
Practical Guide to Usability Testing13,390
guides, usability, testing
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)13,389
nodejs, security
Measuring Developer Productivity: Real-World Examples (ger)13,388
productivity, metrics, developer-experience, google, microsoft
Guide to Fast Next.js13,387
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Git Lesson: How to Use .gitignore and .gitkeep?13,386
git, how-tos
Disillusioned With Deno (bal)13,385
deno
Difference Between “getElementByID” and “querySelector”13,384
javascript, css, selectors
APA-Style Titles in Laravel (ami)13,383
writing, conventions, laravel
14 Things to Check Before Deploying a Website13,382
deploying, quality, processes
Why I Use htmx (fla)13,381
htmx
Why I Use Alpine.js (fla)13,380
alpinejs
Web Standards: The Guidelines That Every Developer Should Know13,379
standards, history, w3c, html, css, xml, wcag
Design Is Not Really a Thing (uxd)13,378
design, user-experience
The Evolution of Page Speed (deb)13,377
videos, performance, metrics, optimization, history
The Building Blocks of a Greenfield Vue Application in 2024 (fad)13,376
vuejs, tooling, link-lists
React Libraries for 2024 (rwi)13,375
react, libraries, link-lists
Performance and Stay Questions in 1:1s (j9t)13,374
engineering-management, leadership, career, processes
Optimizing SQL Queries by 23×13,373
databases, sql, performance, optimization
Moving on From React (kel)13,372
migrating, react, stimulus
Combining “:has” and “:only-child” to Change Tab Containers (cri)13,371
css, selectors
Accessible Notifications With ARIA Live Regions (sar)13,370
accessibility, notifications, aria, live-regions
Accessible Notifications With ARIA Live Regions II (sar)13,369
accessibility, notifications, aria, live-regions
Hover Contrast Bookmarklet (joe)13,368
bookmarklets, hover, colors, contrast, focus, accessibility
Disable Browser Caching With “meta” HTML Tags13,367
html, metadata, caching
Creating a Markdown Preprocessor for Svelte13,366
svelte, sveltekit, markdown, functionality
Why Did Frontend Development Become So Complicated?13,365
processes, complexity, career
Igalia Chats: Browser Politics and You (jaf+/iga)13,364
podcasts, web-platform
I Hate CORS13,363
videos, cors, security
“import myModule from "./my-module.torrent"”: Requiring Node Modules From BitTorrent (eva)13,362
nodejs, modules
Building a Clean and Scalable Frontend Architecture13,361
architecture, scalability, simplicity, maintainability
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol)13,360
web-components, javascript, callbacks, comparisons
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor)13,359
accessibility, ai, content
Kind of Annoyed at React (cas)13,358
react
A Guide on Using Postman as a Frontend Developer in Web Development13,357
guides, postman, apis
Avoid These 5 Mistakes as a Web Developer13,356
career, mistakes, learning
Type in TypeScript13,355
typescript, types
Static Site Generators: A Growing Trend in Frontend Development13,354
static-site-generation, site-generators, trends
Power of WebRTC13,353
webrtc, apis
Options for “optgroup” Labeling of “options” (ste)13,352
accessibility, html, forms, browsers, screen-readers, support
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)13,351
podcasts, javascript, performance, nodejs, optimization
How to Use “data-nosnippet” to Block Specific Content From Being Used in a Google Search Snippet (Experiment)13,350
how-tos, seo, google, experiments
How to Get Started With Progressive Web Apps13,349
how-tos, web-apps, progressive-web-apps, comparisons
Eliminating Cookie Banners Is Hard (jef)13,348
cookies, consent-management, legal
Applying the SPACE Framework (lau)13,347
productivity, metrics
Chrome Alternative Browsers to Check Out in 202413,346
browsers, arc, the-browser-company, chromium, orion, kagi, firefox, mozilla
Creating a Color Ramp Using Color Modifiers in Tokens Studio (uxd)13,345
design-systems, design-tokens, colors, figma
Compatibility of Node.js Versions With Packages13,344
nodejs, versioning, dependencies
Node.js Mastery: Advanced Development and Performance Tips13,343
nodejs, servers, express, performance, testing, memory
Bringing Down the Digital Divide (uxd)13,342
accessibility, user-experience
What I Have Learned From Conducting Over 100 Website Migrations (moz)13,341
seo, migrating, testing
Using “abbr” Element With “title” Attribute (aar)13,340
html, attributes, accessibility, browsers, assistive-tech, support
Top Front-End Tools of 2023 (lou/sma)13,339
tooling, link-lists, retrospectives
The Stack I Used to Build My Blog in 202413,338
tech-stacks, functionality
If It’s Not Usable, It’s Not Accessible (tpg)13,337
interviews, accessibility, usability, history
console.delight (zac/fro)13,336
javascript, console, browsers, dev-tools, debugging
5 CSS Snippets Every Front-End Developer Should Know in 2024 (arg/dev)13,335
css
We Removed Advertising Cookies, Here’s What Happened (get)13,334
cookies, sem
Setting Up Renovate for GitHub Repositories13,333
renovate, github, installing, configuration
High-Level System Architecture of Booking.com13,332
architecture, microservices, case-studies
Using CSS Houdini to Extend Styling and Layout Capabilities (log)13,331
css, houdini, apis, javascript
Understanding WCAG SC 3.2.6 Consistent Help (Level A)13,330
accessibility, standards, wcag
The Best Web Framework Doesn’t Exist13,329
frameworks
Streaming HTML Out of Order Without JavaScript13,328
html, streaming
Release Notes for Safari Technology Preview 186 (jon/web)13,327
release-notes, browsers, apple, safari
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (soc)13,326
npm, retrospectives
Node v20.11.0 (LTS) (nod)13,325
release-notes, nodejs
Is htmx Just Another JavaScript Framework? (htm)13,324
htmx, frameworks
Introducing fsx: A Modern Filesystem API for JavaScript (nza)13,323
introductions, file-handling, apis, javascript
Dynamic Accessible Descriptions Reference (dar)13,322
accessibility, testing
Designing Better Target Sizes (sha)13,321
accessibility, design, best-practices
Buttons and Links—Common Misconceptions13,320
accessibility, html, semantics, buttons, links
AI for Web Devs: Deploying Your AI App to Production (aus)13,319
ai, deploying
Accounting for Internationalization With CSS and HTML13,318
html, css, internationalization
A 2024 Wishlist for Node’s Test Runner (cji)13,317
nodejs, testing
Understanding Immutability in JavaScript13,316
videos, javascript
The Change You Wish to See13,315
accessibility
How We Built Project IDX: A High-Level Overview (goo)13,314
overviews, project-idx, google, code-editors
Definition of Done (DoD) Explanation and Example13,313
agile, scrum, processes, quality, examples
An Alphabetized List of MIME Types13,312
mime-types
A Global Design System (bra)13,311
design-systems
SolidStart: A Different Breed of Meta-Framework (ati/sma)13,310
frameworks, tooling, solidjs
Introduction to Data Engineering: A Complete Beginner’s Guide13,309
guides, introductions, data-engineering
Vue 3—Dynamic Components13,308
vuejs, components
Why I Like Web Components13,307
web-components, html
Where Have All the Websites Gone? (fro)13,306
web, trends
What’s New in PHP 8.4 (ami)13,305
php
Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (and)13,304
css, scrolling, effects, progress-indicators
Top Pens of 2023 on CodePen (cod)13,303
codepen, code-pens, link-lists, retrospectives
Taking a Closer Look at “@ property” in CSS (uti)13,302
css
Let’s Make the IndieWeb Easier13,301
indieweb, tooling
htmx for React Developers in 10 Minutes13,300
videos, htmx, react
How Google Perfected the Web (ver)13,299
google, web, seo
Declaring Globals Isn’t That Hard (mat)13,298
videos, javascript, typescript
CRUD and SQL—the Basics13,297
fundamentals, databases, sql
2024 Resolution: Be More Open-Source Centric13,296
foss, tooling, link-lists
Embracing the Absurd in Your Design Practices (uxd)13,295
design, processes
Becoming a Senior Frontend Engineer (tec)13,294
career
Notes on Using Logical Properties and Values (kiz)13,293
css, logical-properties
Nested Dark Mode via CSS Proximity (doc)13,292
css, dark-mode
My Web Development Wishlist 2024 (j9t)13,291
community, user-experience, developer-experience, quality, conformance, wish-lists
How I’m Writing CSS in 202413,290
css, tooling, developer-experience
Figma Is Not Forever13,289
design, tooling, figma
Your MVP Must Be Accessible (den)13,288
accessibility
Weird Things Engineers Believe About Web Development13,287
standards, web-apps, javascript, building, web-platform
Simplifying Deployment: Using GitHub Actions and SSH for Quick and Easy Updates13,286
deploying, github-actions, ssh
Mastering Promises: 8 Advanced Tips and Techniques13,285
javascript, promises, asynchronicity, techniques, tips-and-tricks
When “Everything” Becomes Too Much: The npm Package Chaos of 2024 (soc)13,284
npm, foss
Under the Radar CSS Features for Your CSS Reset (kev)13,283
videos, css, resets
The Bulma CSS Framework: What It Is and How to Get Started13,282
introductions, bulma
Software Quality13,281
research, quality
How to Use Template Literals in JavaScript (fre)13,280
how-tos, javascript
Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? (b0r)13,279
git, concepts, comparisons
CSS in 2024, Am I Right? (jhe)13,278
videos, css
A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript (cfe)13,277
react, javascript, simplicity
7 Front-End Web Development Trends for 202413,276
trends, outlooks, libraries, frameworks, ai
20+ Tools for Node.js Development in 202413,275
nodejs, tooling, link-lists
AI Vertigo: Where Do We Go From Here as Designers? (uxd)13,274
design, ai, career
Notes on MathML (w3c)13,273
mathml
The World of Web Browsers Is in a Bad Way (jen)13,272
browsers, browser-engines, chromium, google
The Two Reacts (dan)13,271
react, components, state-management
My CSS Resets (kei)13,270
css, resets
Is CSS Alive? (css)13,269
css
Building Multiple Progressive Web Apps on the Same Domain (dev)13,268
videos, web-apps, progressive-web-apps, architecture, security
16 Lesser Known Accessibility Issues13,267
accessibility
Design Better Pagination13,266
design, navigation, pagination
Getting Started With Vuetify: Building Beautiful Vue.js Apps13,265
introductions, vuetify, vuejs
Accessibility Options for Floating Action Buttons13,264
accessibility, floats, buttons
Tyler’s CSS Wish List for 2024 (tyl/clo)13,263
css, wish-lists
The Website vs. Web App Dichotomy Doesn’t Exist (jak)13,262
concepts, terminology, comparisons
The Popular Vote of Interop 2024 (chr/fro)13,261
interoperability, web-platform
The AHA Stack (fla)13,260
websites, tech-stacks, astro, htmx, alpinejs
Stop Closing Void Elements (j9t)13,259
html
Oh Shit Banners (eri)13,258
design, history
European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying (tec)13,257
cookies, consent-management, legal
2024 Predictions by JavaScript Frontend Framework Maintainers (low/the)13,256
outlooks, javascript, frameworks, angular, nextjs, react, solidjs
Worker Threads: Multitasking in NodeJS13,255
nodejs, worker-threads, multithreading, link-lists
The View Transitions API and Delightful UI Animations II (cod/sma)13,254
css, animations, view-transitions, apis