Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s occupation, destruction, and ethnic cleansing of Palestine (history) 🇵🇸 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#
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)13,530
naming, design, case-studies
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)13,529
css, svg, filters, colors, contrast
CSS Mixins and Functions Explainer (mia/odd)13,528
css, mixins, functions
Navigating Prioritization: Four Approaches (cwo)13,527
project-management, prioritization, processes
Don’t Disable Form Controls (aar)13,526
accessibility, usability, forms, buttons
The Front-End Development We’re Used to Is Dying13,525
career, simplicity, complexity
HTML as the Baseline (cfe)13,524
html, progressive-enhancement
Have We Forgotten How to Build Ethical Things for the Web? (nic)13,523
web, ethics
Everything You Need to Know About Image Formats in 2024 (web)13,522
images, jpeg, png, gif, webp, avif, pdf, svg
Accelerating Code Reviews With Nudges13,521
research, code-reviews, productivity, experiments, facebook+meta
Format Nunjucks Files With Prettier (san)13,520
nunjucks, prettier
What Is a Descriptive Transcript?13,519
accessibility, multimedia
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)13,518
videos, accessibility
So You Think You Know Git13,517
videos, git
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)13,516
nodejs, corepack, npm, yarn, pnpm, dependencies
Is [“* { min-width: 0; }”] a Good Idea? (kev)13,515
videos, css
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)13,514
web-apps, browsers, apple, mobile
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)13,513
viewport, css, units
Git Tips: Really Large Repositories13,512
git, monorepos, tips-and-tricks
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)13,511
learning, career
Patterns in Design Systems (ikn)13,510
design-systems, design-patterns, components
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)13,509
web-platform, frameworks, tech-stacks, complexity
Release Notes for Safari Technology Preview 188 (jon/web)13,508
release-notes, browsers, apple, safari
Opportunities for AI in Accessibility (aar/ali)13,507
accessibility, ai
Offloading JavaScript With Custom Properties (hey)13,506
javascript, css, custom-properties
CSS Is Logical (geo)13,505
css
10 Best Automated AI Code Review Tools 202413,504
ai, automation, code-reviews, tooling, comparisons, link-lists
UI Elements Are Not So Elementary (uxd)13,503
design, design-patterns
Designing User Onboarding: Lessons From Figma, Duolingo, and More (uxd)13,502
lessons, onboarding, design, user-experience, figma
A Beginner’s Guide to Seamless Open-Source Contributions (wom)13,501
guides, foss
When to Use the “min()” or “max()” Function (css)13,500
css, functions, tips-and-tricks
Remix Takes on Next.js in Battle of the React Frameworks (ric/the)13,499
frameworks, react, remix, nextjs
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)13,498
npm, dependencies, security
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)13,497
metrics, quality, efficiency, productivity
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)13,496
videos, lessons, eleventy, commonjs, esm, refactoring
jQuery 4.0.0 Beta (tim/jqu)13,495
release-notes, jquery
JavaScript vs. Python: Which One Should You Learn First?13,494
javascript, python, comparisons
JavaScript Promises Demystified13,493
javascript, promises
In Praise of the “switch” Statement (chi)13,492
javascript
Immutable Array Updates With “Array.prototype.with” (jad/dev)13,491
javascript, arrays, prototypes, browsers, support
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)13,490
accessibility, usability, forms, errors
Detect Caps Lock With JavaScript (dav)13,489
javascript
A Guide to Designing for Older Adults (vit/sma)13,488
guides, design, accessibility
You Won’t Scale (cfe)13,487
maintainability, scalability
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)13,486
user-experience, design, hierarchy
Thoughts on a Global Design System (chr)13,485
design-systems
The Most Demanded Frontend Frameworks in 202313,484
frameworks, comparisons, react, angular, vuejs
The Decision to Leave Tech (col)13,483
career, retrospectives
Revolutionizing Usability Testing With Machine Learning (uxm)13,482
usability, testing, ai
It’s the Hope That Kills You (yat)13,481
accessibility, career, community
How to Create Rounded Gradient Borders With Any Background in CSS (ben)13,480
how-tos, css, borders, gradients, backgrounds
Getting Into Web Components—an Intro (uti)13,479
introductions, web-components
Exciting New Tools for Designers, February 2024 (web)13,478
design, tooling, link-lists
Everything You Need to Know About Git13,477
git, command-line
Bookmarklet: Load All GitHub Comments (mey)13,476
bookmarklets, github, code-reviews
13 Best Books, Courses, and Communities for Learning React13,475
react, books, courses, link-lists
HTML Attributes That Every Web Developer Should Know13,474
html, attributes, pop-overs, forms, custom-data
“X” Marks the Spot: Landmark Elements (stv)13,473
html, semantics, accessibility, assistive-tech, aria
Why Disabled People’s Needs Aren’t “Special”13,472
accessibility
The Importance of Web Performance to Information Equity (sch/fos)13,471
videos, performance, accessibility
htmx Deep Dive With Carson Gross13,470
videos, htmx, deep-dives
The SEO Starter Guide Got a Makeover (liz+)13,469
guides, seo, search, google
What Is WAP?13,468
wap, mobile
SOLID Principles: They’re Rock-Solid for Good Reason13,467
programming, principles, solid
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)13,466
images, svg, css, masking, performance
From Many to One: Moving Our JavaScript Code Into a Monorepo13,465
migrating, monorepos, javascript, git
All Art Is a Copy of Something (chr)13,464
art
5 Hidden Risks of Your Inaccessible Website (deq)13,463
accessibility
What’s the Difference Between “localhost” and “127.0.0.1”?13,462
network, ip, testing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?13,461
ai, quality, technical-debt
Tracking Your Interviews Is Extremely Important13,460
career, interviewing
The Web Just Gets Better With Interop 2024 (jen/web)13,459
web-platform, interoperability, browsers, support
Interop 2024 (rac/dev)13,458
interoperability, web-platform, browsers, support
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)13,457
videos, frameworks, svelte
Everyone’s a Sellout Now13,456
career, culture
Dynamically Adding Text Alternatives to Images With AI (kar)13,455
automation, ai, accessibility, images, alt-text
Drupal Creator: Websites Needed More Than Ever in the AI Era (ric/the)13,454
web, ai, complexity
Career Retrospective13,453
career, retrospectives
A Look at the New WAI–ARIA 1.3 Draft (cra)13,452
accessibility, aria, standards
A Complete Guide to Open Source—100× Simpler13,451
guides, foss
PurePWA—a Radical U-Turn in Web Development13,450
web-apps, progressive-web-apps, simplicity, tooling
Why Not htmx? (cfe)13,449
htmx
The Good, the Bad, the Web Components (zac)13,448
web-components, shadow-dom, dom
The Art and Science of Annotations in Dev Mode (fig)13,447
figma, annotations
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization13,446
testing, flakiness, cypress, playwright, network
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)13,445
html, dom, shadow-dom, apis, security
Making VPATs and ACRs More Effective in Procurement (web)13,444
accessibility, vpat-acr, processes
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+/dev)13,443
performance, web-vitals, metrics
Implementing User Authentication in React Apps With Appwrite13,442
react, authentication, tooling
How to Stream Files From Next.js Route Handlers (eri)13,441
how-tos, nextjs, routing, streaming
GitLab vs. GitHub: Which Is Better in 2024?13,440
version-control, gitlab, github, comparisons
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)13,439
guides, accessibility, colors, color-palettes, figma
Be Purposeful About Your Content13,438
accessibility, content, writing
5 Essential DevTools Console Hacks for Every Web Developer13,437
videos, browsers, dev-tools
Why Do Rubber Ducks Work?13,436
processes, productivity, creativity
Web Platform Design Principles (lea/w3c)13,435
web-platform, software-design, principles, standards, w3c
Use CSS “accent-color” to Style Your Inputs (cas)13,434
css, forms
Understanding Signals in Django13,433
signals, django
Tuesday, February 6, 2024 Security Releases (raf/nod)13,432
release-notes, nodejs, security
The Psychology of Site Speed and Human Happiness (tam/spe)13,431
performance, usability
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)13,430
guides, foss, collaboration
Onboarding (mfo)13,429
processes, onboarding, productivity, engineering-management
New to the Web Platform in January (rac/dev)13,428
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Learn Testing (dev)13,427
courses, testing
Is Generated Code Harder to Maintain?13,426
discussions, ai, maintainability, maintenance
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)13,425
css, units, fonts
“field-sizing” Just Works! (kil/pol)13,424
css, forms, comparisons
Celebrate a More Interoperable Web With Interop 2023 (rac/dev)13,423
web-platform, interoperability, browsers, support
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)13,422
html, css
ESG and DEI Policies Were Always Luxury Goods (blo)13,421
dei, sustainability, policies
The Loss of the Process in the Name of Progress (uxd)13,420
design, creativity, productivity, processes
Practical Guide to Destructuring: TypeScript vs. Dart13,419
guides, typescript, dart, comparisons
The Web Component Success Story (jak)13,418
web-components
The EU Forces Open Apple’s Walled Garden13,417
legal, apple, browsers, mobile
Next.js App Router Migration: The Good, Bad, and Ugly13,416
nextjs, routing, migrating
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)13,415
how-tos, images, favicons
Git: The Basics of “git bisect” (ada)13,414
fundamentals, git
Express Forward13,413
discussions, outlooks, express
Dynamic README Image Based on GitHub Activity13,412
readme, github
Debunking 10 Common Objections to Incremental Delivery for Software Teams13,411
agile, processes
At Last, Browser Choice * (dav)13,410
legal, browsers, apple, mobile
Nicer Text Wrapping With CSS “text-wrap” (lon)13,409
css, typography
Design Systems Burnout (fon)13,408
design-systems
A Guide to Styling Tables (sto)13,407
css, tables, responsive-design
Futuring With Design (uxd)13,406
design, creativity, processes
Please, Don’t Force Me to Log In (ham)13,405
web, authentication, user-experience
Gold Text Effect With CSS (man)13,404
css, effects
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)13,403
css, selectors, focus
Apple, the DMA, and Malicious Compliance (bru)13,402
legal, browsers, apple, mobile
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)13,401
legal, browsers, apple, mobile
The Impact of Developer Experience13,400
research, developer-experience, productivity, efficiency
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)13,399
accessibility, ethics, overlays, community
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)13,398
browsers, apple, mozilla, firefox, mobile
Introducing Our Updated [Green Web Hosting] Directory (mrc)13,397
introductions, release-notes, sustainability, hosting
Inside .git (b0r)13,396
git
HTML Web Components on the Server Are Great (sco)13,395
html, web-components
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)13,394
accessibility, tips-and-tricks, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)13,393
design, responsive-design, seo
Using Alternative Browser Engines in the European Union13,392
apple, browsers, browser-engines, mobile
This Web Page Is Best Viewed in the EU (gri/clo)13,391
legal, browsers, apple, mobile, web
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments13,390
studies, research, accessibility, ecommerce, legal
Should Links Open in a New Tab? (stv)13,389
links, usability, user-experience
One World, One Web, One Love (aar)13,388
web
JWT vs. Session Authentication13,387
security, authentication, json-web-tokens, comparisons
Deno 1.40: Temporal API (den)13,386
release-notes, deno, apis, time
CSS Blurry Shimmer Effect (sma)13,385
css, effects
Animating Font Palette (man)13,384
css, colors, fonts, effects
A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js13,383
functionality, databases, sql, nodejs, django, nextjs
The API That No One Dared Delete13,382
apis, infrastructure, documentation, maintenance, technical-debt
The Structure of User Experience (uxd)13,381
user-experience, processes
What Happened With the Web Monetization API? (chr)13,380
monetization, apis
What Can a Website Do? (dav)13,379
accessibility, usability, quality
Web Components in Earnest (dav)13,378
web-components, javascript
User Styles (mia)13,377
css, user-styles, browsers
The New CSS Color Format You Didn’t Know You Needed; “oklch()”13,376
css, colors, oklch, functions, tailwind
Take a Qwik Break From React With Astro (the)13,375
qwik, react, astro, frameworks, comparisons
Release Notes for Safari Technology Preview 187 (jon/web)13,374
release-notes, browsers, apple, safari
On Web Components (tmc)13,373
web-components
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware13,372
github, npm, security, malware, foss
Getting Started With Content Collections in Astro13,371
introductions, astro
Five Future Roles for Designers (jar)13,370
design, career, outlooks
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)13,369
design-systems, economics
An Introduction to the Liquid Template Language13,368
introductions, liquid, template-engines
14 Best SEO Tools in 2024 (web)13,367
seo, tooling, link-lists
Unit Testing With Jest and Integration With GitHub Actions13,366
testing, jest, github-actions, quality
The Web Is Unversioned (rhi/w3c)13,365
web-platform, versioning
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project13,364
javascript, typescript, documentation, jsdoc
What Has a Ceiling but No Floor? (mat)13,363
accessibility, apple, facebook+meta
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)13,362
html, modals
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)13,361
ai, design, typography
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development13,360
studies, research, ai, quality, technical-debt
Modern JavaScript Library Starter13,359
dependencies, npm, libraries
LCP and FCP on Single Page Application on Soft Navigations (dws)13,358
performance, web-vitals, single-page-apps, navigation
In Praise of Buttons13,357
buttons
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)13,356
css, scrolling, effects
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)13,355
ai, browsers, google, chrome
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)13,354
videos, interviews, tech-stacks, jamstack
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)13,353
bookmarklets, accessibility, html, aria, keyboard-shortcuts
Better Form UX With the CSS Property “field-sizing” (sea)13,352
forms, user-experience, css
Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build13,351
culture, engineering-management, processes, comparisons
What Is Jest and Why Should I Use It? (cod)13,350
jest
WebKit Features in Safari 17.3 (jen/web)13,349
release-notes, browsers, apple, safari, webkit
Use Tailwind CSS Prefixes for Shared Design System Components (sen)13,348
tailwind, design-systems, components
Repetition Avoidance (ste)13,347
code-pens, accessibility, user-experience, aria
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website13,346
pjpeg, jpeg, images, performance, comparisons
Layouts in Astro13,345
astro
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)13,344
accessibility, processes, testing
How a Web-Site Redesign Can Impact the Customer Journey (uxm)13,343
redesigning, user-experience
Handling Environment Variables in Node.js (mco/pla)13,342
environments, variables, nodejs
Could Local SEO Transform Your User Experience? (uxm)13,341
seo, user-experience
Continuous Accessibility: What, Why, How (ass)13,340
accessibility, processes, testing, tooling
Battle of the Browsers (zer)13,339
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,338
design, tooling, link-lists
What Is Our Design Intention? (uxd)13,337
design, processes
Vector Database Recommender System (ast)13,336
databases, vector-databases
Why I Don’t Care About Website/Blog Stats (nei)13,335
blogging, metrics, sem
What Is CSS Motion Path?13,334
css, svg, animations
The World’s Smallest PNG (eva)13,333
images, png, minimalism
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)13,332
accessibility, design, html, aria
The Bun Shell (jar/bun)13,331
bun, javascript, shells
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)13,330
javascript, security, debugging, firefox, mozilla, browsers
Mastering Node CSV13,329
nodejs, csv
A Call for Consensus on HTML Semantics (5t3)13,328
html, semantics
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)13,327
accessibility, legal
Why Do Reflows Negatively Affect Performance? (fro)13,326
performance, reflow
Making CSS View Transitions Easy With Velvette (nom/cod)13,325
css, view-transitions, tooling
How Core Web Vitals Affect SEO (ind)13,324
performance, web-vitals, lighthouse, google, seo
Under-Supported and Underpaid (aar)13,323
accessibility, career, economics, craft
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)13,322
css, gradients, transparency
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (jen+)13,321
videos, interviews, css, web, browsers, apple, safari
12 Modern CSS One-Line Upgrades (5t3)13,320
css
Node.js vs. Python: Which One to Choose for 202413,319
nodejs, python, comparisons
Deceptive Deprecation: The Truth About npm Deprecated Packages13,318
deprecation, security, npm, dependencies, research
The Color Input and the Color Picker (chr/fro)13,317
html, colors, usability
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript13,316
functionality, html, css, javascript
Astro 4.2 (eri+/ast)13,315
astro, release-notes
The Designer’s Guide to Social Computing (uxd)13,314
guides, design, social-media
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)13,313
notifications, errors, validation, usability
Safely Accessing the DOM With Angular SSR (dev)13,312
security, dom, javascript, angular, server-side-rendering
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)13,311
videos, javascript, arrays, sorting, comparisons
Fading Content Using Transparent Gradient in CSS (ami)13,310
css, gradients, transparency, effects
Dispatching an Event (chr/fro)13,309
javascript, events
Basic Accessibility Mistakes I Often See in Audits (cfe)13,308
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
AI Art Is the New Stock Image (ia)13,307
design, ai, images
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)13,306
introductions, scrolling, animations, css, functions
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience13,305
react, data-fetching, code-splitting, components, techniques
Are You Boring Your Interviewer by Over-Explaining Context? (uxd)13,304
career, interviewing, design
Is It Time to Switch From Docker to Podman?13,303
videos, docker, podman, tooling, comparisons
The Golden Rule of Assertions13,302
javascript, testing
The Complex but Awesome CSS “border-image” Property (css/sma)13,301
css, borders, techniques
Stop Trying to Recruit Unicorns With Acorns (cra)13,300
accessibility, career
Practical Guide to Usability Testing13,299
guides, usability, testing
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)13,298
nodejs, security
Measuring Developer Productivity: Real-World Examples (ger)13,297
productivity, metrics, developer-experience, google, microsoft
Guide to Fast Next.js13,296
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Git Lesson: How to Use .gitignore and .gitkeep?13,295
git, how-tos
Disillusioned With Deno (bal)13,294
deno
Difference Between “getElementByID” and “querySelector”13,293
javascript, css, selectors
APA-Style Titles in Laravel (ami)13,292
writing, conventions, laravel
14 Things to Check Before Deploying a Website13,291
deploying, quality, processes
Web Standards: The Guidelines That Every Developer Should Know13,290
standards, history, w3c, html, css, xml, wcag
Design Is Not Really a Thing (uxd)13,289
design, user-experience
The Evolution of Page Speed (deb)13,288
videos, performance, metrics, optimization, history
The Building Blocks of a Greenfield Vue Application in 2024 (fad)13,287
vuejs, tooling, link-lists
React Libraries for 2024 (rwi)13,286
react, libraries, link-lists
Performance and Stay Questions in 1:1s (j9t)13,285
engineering-management, leadership, career, processes
Optimizing SQL Queries by 23×13,284
databases, sql, performance, optimization
Moving on From React (kel)13,283
migrating, react, stimulus
Combining “:has” and “:only-child” to Change Tab Containers (cri)13,282
css, selectors
Accessible Notifications With ARIA Live Regions (sar)13,281
accessibility, notifications, aria, live-regions
Accessible Notifications With ARIA Live Regions II (sar)13,280
accessibility, notifications, aria, live-regions
Hover Contrast Bookmarklet (joe)13,279
bookmarklets, hover, colors, contrast, focus, accessibility
Disable Browser Caching With “meta” HTML Tags13,278
html, metadata, caching
Creating a Markdown Preprocessor for Svelte13,277
svelte, sveltekit, markdown, functionality
Why Did Frontend Development Become So Complicated?13,276
processes, complexity, career
Igalia Chats: Browser Politics and You (jaf+/iga)13,275
podcasts, web-platform
I Hate CORS13,274
videos, cors, security
“import myModule from "./my-module.torrent"”: Requiring Node Modules From BitTorrent (eva)13,273
nodejs, modules
Building a Clean and Scalable Frontend Architecture13,272
architecture, scalability, simplicity, maintainability
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol)13,271
web-components, javascript, callbacks, comparisons
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor)13,270
accessibility, ai, content
Kind of Annoyed at React (cas)13,269
react
A Guide on Using Postman as a Frontend Developer in Web Development13,268
guides, postman, apis
Avoid These 5 Mistakes as a Web Developer13,267
career, mistakes, learning
Type in TypeScript13,266
typescript, types
Static Site Generators: A Growing Trend in Frontend Development13,265
static-site-generation, site-generators, trends
Power of WebRTC13,264
webrtc, apis
Options for “optgroup” Labeling of “options” (ste)13,263
accessibility, html, forms, browsers, screen-readers, support
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)13,262
podcasts, javascript, performance, nodejs, optimization
How to Use “data-nosnippet” to Block Specific Content From Being Used in a Google Search Snippet (Experiment)13,261
how-tos, seo, google, experiments
How to Get Started With Progressive Web Apps13,260
how-tos, web-apps, progressive-web-apps, comparisons
Eliminating Cookie Banners Is Hard (jef)13,259
cookies, consent-management, legal
Applying the SPACE Framework (lau)13,258
productivity, metrics
Chrome Alternative Browsers to Check Out in 202413,257
browsers, arc, the-browser-company, chromium, orion, kagi, firefox, mozilla
Creating a Color Ramp Using Color Modifiers in Tokens Studio (uxd)13,256
design-systems, design-tokens, colors, figma
Compatibility of Node.js Versions With Packages13,255
nodejs, versioning, dependencies
Node.js Mastery: Advanced Development and Performance Tips13,254
nodejs, servers, express, performance, testing, memory
Bringing Down the Digital Divide (uxd)13,253
accessibility, user-experience
What I Have Learned From Conducting Over 100 Website Migrations (moz)13,252
seo, migrating, testing
Using “abbr” Element With “title” Attribute (aar)13,251
html, attributes, accessibility, browsers, assistive-tech, support
Top Front-End Tools of 2023 (lou/sma)13,250
tooling, link-lists, retrospectives
The Stack I Used to Build My Blog in 202413,249
tech-stacks, functionality
If It’s Not Usable, It’s Not Accessible (tpg)13,248
interviews, accessibility, usability, history
console.delight (zac/fro)13,247
javascript, console, browsers, dev-tools, debugging
5 CSS Snippets Every Front-End Developer Should Know in 2024 (arg/dev)13,246
css
Setting Up Renovate for GitHub Repositories13,245
renovate, github, installing, configuration
High-Level System Architecture of Booking.com13,244
architecture, microservices, case-studies
We Removed Advertising Cookies, Here’s What Happened (sen)13,243
cookies, sem
Using CSS Houdini to Extend Styling and Layout Capabilities (log)13,242
css, houdini, apis, javascript
Understanding WCAG SC 3.2.6 Consistent Help (Level A)13,241
accessibility, standards, wcag
The Best Web Framework Doesn’t Exist13,240
frameworks
Streaming HTML Out of Order Without JavaScript13,239
html, streaming
Release Notes for Safari Technology Preview 186 (jon/web)13,238
release-notes, browsers, apple, safari
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (soc)13,237
npm, retrospectives
Node v20.11.0 (LTS) (nod)13,236
release-notes, nodejs
Is htmx Just Another JavaScript Framework? (htm)13,235
htmx, frameworks
Introducing fsx: A Modern Filesystem API for JavaScript (nza)13,234
introductions, file-handling, apis, javascript
Dynamic Accessible Descriptions Reference (dar)13,233
accessibility, testing
Designing Better Target Sizes (sha)13,232
accessibility, design, best-practices
Buttons and Links—Common Misconceptions13,231
accessibility, html, semantics, buttons, links
AI for Web Devs: Deploying Your AI App to Production (aus)13,230
ai, deploying
Accounting for Internationalization With CSS and HTML13,229
html, css, internationalization
A 2024 Wishlist for Node’s Test Runner (cji)13,228
nodejs, testing
Understanding Immutability in JavaScript13,227
videos, javascript
The Change You Wish to See13,226
accessibility
How We Built Project IDX: A High-Level Overview (goo)13,225
overviews, project-idx, google, code-editors
Definition of Done (DoD) Explanation and Example13,224
agile, scrum, processes, quality, examples
An Alphabetized List of MIME Types13,223
mime-types
A Global Design System (bra)13,222
design-systems
SolidStart: A Different Breed of Meta-Framework (ati/sma)13,221
frameworks, tooling, solidjs
Introduction to Data Engineering: A Complete Beginner’s Guide13,220
guides, introductions, data-engineering
Vue 3—Dynamic Components13,219
vuejs, components
Why I Like Web Components13,218
web-components, html
Where Have All the Websites Gone? (fro)13,217
web, trends
What’s New in PHP 8.4 (ami)13,216
php
Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (and)13,215
css, scrolling, effects, progress-indicators
Top Pens of 2023 on CodePen (cod)13,214
codepen, code-pens, link-lists, retrospectives
Taking a Closer Look at “@ property” in CSS (uti)13,213
css
Let’s Make the IndieWeb Easier13,212
indieweb, tooling
htmx for React Developers in 10 Minutes13,211
videos, htmx, react
How Google Perfected the Web (ver)13,210
google, web, seo
Declaring Globals Isn’t That Hard (mat)13,209
videos, javascript, typescript
CRUD and SQL—the Basics13,208
fundamentals, databases, sql
2024 Resolution: Be More Open-Source Centric13,207
foss, tooling, link-lists
Embracing the Absurd in Your Design Practices (uxd)13,206
design, processes
Becoming a Senior Frontend Engineer (tec)13,205
career
Notes on Using Logical Properties and Values (kiz)13,204
css, logical-properties
Nested Dark Mode via CSS Proximity (doc)13,203
css, dark-mode
My Web Development Wishlist 2024 (j9t)13,202
community, user-experience, developer-experience, quality, conformance, wish-lists
How I’m Writing CSS in 202413,201
css, tooling, developer-experience
Figma Is Not Forever13,200
design, tooling, figma
Your MVP Must Be Accessible (den)13,199
accessibility
Weird Things Engineers Believe About Web Development13,198
standards, web-apps, javascript, building, web-platform
Simplifying Deployment: Using GitHub Actions and SSH for Quick and Easy Updates13,197
deploying, github-actions, ssh
Mastering Promises: 8 Advanced Tips and Techniques13,196
javascript, promises, asynchronicity, techniques, tips-and-tricks
When “Everything” Becomes Too Much: The npm Package Chaos of 2024 (soc)13,195
npm, foss
Under the Radar CSS Features for Your CSS Reset (kev)13,194
videos, css, resets
The Bulma CSS Framework: What It Is and How to Get Started13,193
introductions, bulma
Software Quality13,192
research, quality
How to Use Template Literals in JavaScript (fre)13,191
how-tos, javascript
Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? (b0r)13,190
git, concepts, comparisons
CSS in 2024, Am I Right? (jhe)13,189
videos, css
A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript (cfe)13,188
react, javascript, simplicity
7 Front-End Web Development Trends for 202413,187
trends, outlooks, libraries, frameworks, ai
20+ Tools for Node.js Development in 202413,186
nodejs, tooling, link-lists
AI Vertigo: Where Do We Go From Here as Designers? (uxd)13,185
design, ai, career
Notes on MathML (w3c)13,184
mathml
The World of Web Browsers Is in a Bad Way (jen)13,183
browsers, browser-engines, chromium, google
The Two Reacts (dan)13,182
react, components, state-management
My CSS Resets (kei)13,181
css, resets
Is CSS Alive? (css)13,180
css
Building Multiple Progressive Web Apps on the Same Domain (dev)13,179
videos, web-apps, progressive-web-apps, architecture, security
16 Lesser Known Accessibility Issues13,178
accessibility
Design Better Pagination13,177
design, navigation, pagination
Getting Started With Vuetify: Building Beautiful Vue.js Apps13,176
introductions, vuetify, vuejs
Accessibility Options for Floating Action Buttons13,175
accessibility, floats, buttons
Tyler’s CSS Wish List for 2024 (tyl/clo)13,174
css, wish-lists
The Website vs. Web App Dichotomy Doesn’t Exist (jak)13,173
concepts, terminology, comparisons
The Popular Vote of Interop 2024 (chr/fro)13,172
interoperability, web-platform
The AHA Stack (fla)13,171
websites, tech-stacks, astro, htmx, alpinejs
Stop Closing Void Elements (j9t)13,170
html
Oh Shit Banners (eri)13,169
design, history
European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying (tec)13,168
cookies, consent-management, legal
2024 Predictions by JavaScript Frontend Framework Maintainers (low/the)13,167
outlooks, javascript, frameworks, angular, nextjs, react, solidjs
Worker Threads: Multitasking in NodeJS13,166
nodejs, worker-threads, multithreading, link-lists
The View Transitions API and Delightful UI Animations II (cod/sma)13,165
css, animations, view-transitions, apis
Stop Using Express.js13,164
express
Not All Automated Testing Tools Support Shadow DOM in Web Components (mat)13,163
accessibility, testing, automation, tooling, shadow-dom, dom, web-components
How to Set a Default Post Author in WordPress13,162
how-tos, wordpress
How to Make External Links Accessible (pop)13,161
how-tos, links, accessibility
BCD Watch (mey+/iga)13,160
websites, browsers, support, interoperability, web-platform
Are You Ignoring These 8 DevTools Features?13,159
videos, browsers, google, chrome, dev-tools, auditing, debugging
Agile Anti-Patterns That Can Harm UX13,158
agile, anti-patterns, user-experience, processes
Top 30 JavaScript Interview Questions and Answers for 202513,157
javascript, interviewing
Top 30 JavaScript Interview Questions and Answers for 202413,156
javascript, interviewing
Mastering TypeScript: Looping With Types (ale)13,155
typescript
Understanding the Most Important HTTP Status Codes13,154
protocols, http
The Best React Chart Libraries for Data Visualization in 202413,153
react, libraries, visualization, comparisons, link-lists
7 Predictions for Web Design in 2024 (web)13,152
design, outlooks
10 Interview Questions Every JavaScript Developer Should Know in 2024 (eri)13,151
interviewing, javascript, career, concepts, terminology
My Perspective: Digital Accessibility and Overlays13,150
accessibility, overlays
3 Terminal Commands to Increase Your Productivity13,149
command-line, productivity
Make Your Linux Terminal Enjoyable to Use13,148
unix-like, command-line, shells, oh-my-zsh
A Comprehensive Guide to npm Workspaces and Monorepos13,147
guides, monorepos, npm, yarn, dependencies
What Are Types in TypeScript13,146
typescript, types
The Internet Is About to Get Weird Again (rol)13,145
web, social-media
Shadow DOM and the Problem of Encapsulation (nol)13,144
web-components, shadow-dom, dom, maintainability
React Is Slow, What to Do Now?13,143
react, performance
Installing Google Fonts as npm Packages (ami)13,142
installing, tooling, dependencies, google, fonts
WCAG 2: Guidelines and Guardrails (yat)13,141
accessibility, wcag, guidelines
Top 7 CSS Frameworks in 2024 (wea)13,140
css, frameworks, tailwind, bootstrap, materialize, foundation, bulma, skeleton
Tools to Make Your Developer Experience Better in PHP (ami)13,139
tooling, developer-experience, php, link-lists
React Server Components: The Good, the Bad, and the Ugly (may)13,138
react, components
Making a Weblog With Eleventy13,137
eleventy, blogging
Let’s Bring Back JavaScript’s “with()” Statement (mac)13,136
javascript
2.5.8: Adversarial Conformance (aar)13,135
accessibility, wcag, compliance
What the Heck Is a Homomorphic Mapped Type?13,134
typescript
Privacy Sandbox: Preparing for the End of 3rd-Party Cookies (dev)13,133
privacy, cookies, support, google
Making Sense of “Senseless” JavaScript Features (mon)13,132
javascript
Inspecting WCAG 2.2: Accessible Authentication13,131
videos, accessibility, wcag, standards, authentication
Incident, Mitigate, Learn (j9t)13,130
processes, incident-response, learning, quality
Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds13,129
accessibility, compliance, legal
Announcing Vue 3.4 (eva/vue)13,128
vuejs, release-notes
CSS-in-JS Approach: Advantages, Disadvantages, and Use Cases13,127
css-in-js, css, javascript
The New Old: Jamstack and MACH’s Journey Towards Traditional CMS Concepts (dri)13,126
tech-stacks, jamstack, content-management
Server and Client Component—Next.js (fro)13,125
nextjs, react, components
I Made JSX for Lua (Because I Hate Static Sites)13,124
jsx, lua
HTML Validation—Pros and Cons13,123
html, conformance
Future of Storybook in 2024 (shi/sto)13,122
outlooks, storybook
Frontend Predictions for 2024 (shi)13,121
retrospectives, outlooks
Everything You Need to Know About Responsive Logo Design (web)13,120
design, branding, images, logos, responsive-design
Every Container Queries Demo Is a Card (chr)13,119
css, container-queries
JS Design Patterns: A Comprehensive Guide13,118
guides, javascript, software-design-patterns
I Built the Same App 7 Times: Which JS Framework Is Best?13,117
javascript, frameworks, comparisons
CSS Wishlist13,116
css, wish-lists
Coding Challenges 2024: What’s Your New Year’s Resolution? (the)13,115
discussions, community
Measuring, Monitoring, and Optimizing TTFB With Server Timing (per)13,114
performance, monitoring, optimization, apis, time
Container Style Queries (mat/5t3)13,113
css, container-queries, style-queries
Never Underestimate HTML (lar/mat)13,112
html, user-experience, developer-experience
Why AI Is a Disaster for the Climate (the)13,111
ai, sustainability
The Devil Is in the Details: A Look Into a Disclosure Widget Markup (its/mat)13,110
html, disclosure-widgets, css, javascript
Session-Based vs. Token-Based Authentication: Which Is Better?13,109
authentication, json-web-tokens, comparisons, security
Responsive SVGs (nil/5t3)13,108
svg, images, responsive-design
Polypane Review: Best Browser for Web Developers?13,107
polypane, browsers, tooling
CSS-Based State Management (may)13,106
css, state-management
Custom Mouse Hover Effect With JavaScript13,105
javascript, effects, hover
WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name (mni)13,104
accessibility, tips-and-tricks, wcag, keyboard-navigation, keyboard-shortcuts, labels
The View Transitions API and Delightful UI Animations (cod/sma)13,103
css, animations, view-transitions, apis
GitHub Copilot: Tips and Tricks for Flutter Devs13,102
github-copilot, ai, flutter, dart, tips-and-tricks
FileReader API (cla/5t3)13,101
apis, javascript, file-handling
Best Practices for Coding With AI in 202413,100
ai, best-practices
ARIA Live Regions (mat)13,099
aria, live-regions, accessibility
Cool Wiggly Hover Animation With CSS (ami)13,098
css, animations, effects, hover
Debugging Fetch Priority (jec+/dev)13,097
videos, debugging, performance, web-vitals, apis
Turn Your Vue App Into an Offline-Ready Progressive Web App13,096
vuejs, refactoring, offline, progressive-web-apps
The Top Accessibility Errors Found in 2023 (tpg)13,095
accessibility, conformance, quality, errors, retrospectives
The State of Benchmarking in Node.js13,094
nodejs, performance, metrics
The Implied Web (hws/mat)13,093
html, accessibility, semantics
The Complete Playwright Cheatsheet13,092
cheat-sheets, playwright, testing
Scroll-Driven Animations (mic/5t3)13,091
animations, scrolling, css
Screen Reader Users and the Tab Key (tem)13,090
accessibility, screen-readers, keyboard-navigation, testing
Recapturing Early-Internet Whimsy With HTML (tec)13,089
html, trends, design, art, decoration
JavaScript Frameworks—Heading Into 2024 (rya/thi)13,088
javascript, frameworks, outlooks
“HTML First” Is Not HTML First (j9t)13,087
html, principles, quality, craft
CSS Scope Issues (kiz)13,086
css, scope
Container Queries and Units (zac/fro)13,085
css, container-queries, units
2023 Digital Accessibility Year in Review (tpg)13,084
accessibility, retrospectives
The Golden Rule of Web Performance and Different Performance Engineering Specializations (per)13,083
principles, performance
10 Best Practices for Secure Code Review of Node.js Code13,082
best-practices, security, code-reviews, nodejs
Release Notes for Safari Technology Preview 185 (jon/web)13,081
release-notes, browsers, apple, safari
New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem (sim/sma)13,080
viewport, css, units, scrolling
Locking Scroll With “:has()” (rob)13,079
css, selectors, scrolling
CSS Nesting (kil/5t3)13,078
css, nesting
Clean Architecture: Theming With Tailwind and CSS Variables13,077
theming, tailwind, custom-properties, css
Classes vs. Prototypes in JavaScript (cfe)13,076
javascript, prototypes, comparisons
Are We Too Pedantic With Semantic13,075
design, design-tokens, semantics
Using the CSS “contain” Property: A Deep Dive (log)13,074
deep-dives, css, containment
See What’s New in Firefox [121.0] (moz)13,073
release-notes, browsers, mozilla, firefox
We Can :has It All (hex)13,072
css, selectors, browsers, support
View Transitions (hui/5t3)13,071
css, javascript, view-transitions
Reflow Red Flags (tpg)13,070
accessibility, reflow, testing
Practical “img” Element Defaults (zor/css)13,069
videos, css, images
New to the Web Platform in December (rac/dev)13,068
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Experimental Chromium Web Platform Features (pol)13,067
overviews, experiments, web-platform, standards, chromium
Eigensolutions: Composability as the Antidote to Overfit (lea)13,066
product-management, processes
Border Images in CSS: A Key Focus Area for Interop 2023 (dip/mdn)13,065
images, borders, css, browsers, web-platform, interoperability
“align-content” in Block Layout (rac)13,064
css, layout, support, browsers
10 Ways to Speed Up JavaScript Loading13,063
javascript, performance, lazy-loading, minification, bundling, code-splitting, tree-shaking, modules, content-delivery, caching, compression, auditing
You Might Be Looking for HTML “article”, Not “section” (san)13,062
html, semantics
RLI (Recently Logged-In) Browser Cache Bypassing (tim/per)13,061
performance, caching, optimization
Good Design Is Subjective, Contextual, and Intentional (uxd)13,060
design, processes
Think About Your Future Self13,059
accessibility
The Goldilocks Principle for Prototyping (nng)13,058
videos, principles, prototyping, usability
New JS Array Methods (cfe/5t3)13,057
javascript, arrays, methods
Zustand—Complete Tutorial (cos)13,056
videos, tutorials, zustand, state-management, libraries, react
The Road to HTMHell Is Paved With Semantics (pep/mat)13,055
html, semantics, quality
Thank You to Those Who Helped Me to Be the CSS Developer I Am Today13,054
career, community
React Props Explained With Examples13,053
react, props, examples
Making Data Visualizations Accessible (ons/tpg)13,052
accessibility, information-design
How to Center an Element in CSS Without Adding a Wrapper in HTML13,051
how-tos, centering, css, techniques
Building Components for Consumption, Not Complexity II (dis/sma)13,050
design-systems, components, figma
AI for Web Devs: AI Image Generation (aus)13,049
ai, tooling, images, automation
A Checklist for CLS Scenarios (per)13,048
checklists, performance, web-vitals
Revisiting Fundamentals—Semantic Lists for Improved Accessibility (mis/mat)13,047
fundamentals, semantics, html, accessibility
CSS “animation-composition” (tyl/5t3)13,046
css, animations
How GitHub Actions Versioning System Works (rob)13,045
github-actions, versioning, semver
Sharing a State Between Windows Without a Server13,044
web-workers, apis, state-management, effects, javascript
Naming Design Tokens: The Art of Clarity and Consistency (uxd)13,043
design-tokens, naming, consistency
Web Components (may/5t3)13,042
web-components, html, shadow-dom, dom
Swallowing Camels (kol/mat)13,041
accessibility
HTML Can Do This?13,040
html
Baseline Does Not Really Cover Baseline Support (aar)13,039
browsers, support, web-platform, accessibility
Who Stole My Largest Contentful Paint? (per)13,038
performance, web-vitals, optimization
The WordPress Showcase and Accessibility (joe)13,037
accessibility, wordpress
The Ghosts of Markup Past (tho/mat)13,036
html, web, history
Stop Normalizing Unprofessional Behaviour in the Name of Agility13,035
agile, processes, communication, community, professionalism
Managing Node.js Processes13,034
nodejs, tooling
Introducing JavaScript Support in MySQL13,033
introductions, databases, mysql, javascript, support
How We Reduced CSS Size and Improved Performance Across GOV.UK13,032
case-studies, css, performance, optimization
CSS “@ scope” (mia/5t3)13,031
css, scope