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#
5 Hidden Risks of Your Inaccessible Website (deq)13,405
accessibility
What’s the Difference Between “localhost” and “127.0.0.1”?13,404
network, ip, testing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?13,403
ai, quality, technical-debt
Tracking Your Interviews Is Extremely Important13,402
career, interviewing
The Web Just Gets Better With Interop 2024 (jen/web)13,401
web-platform, interoperability, browsers, support
Interop 2024 (rac/dev)13,400
interoperability, web-platform, browsers, support
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)13,399
videos, frameworks, svelte
Everyone’s a Sellout Now13,398
career, culture
Dynamically Adding Text Alternatives to Images With AI (kar)13,397
automation, ai, accessibility, images, alt-text
Drupal Creator: Websites Needed More Than Ever in the AI Era (ric/the)13,396
web, ai, complexity
Career Retrospective13,395
career, retrospectives
A Look at the New WAI–ARIA 1.3 Draft (cra)13,394
accessibility, aria, standards
A Complete Guide to Open Source—100× Simpler13,393
guides, foss
PurePWA—a Radical U-Turn in Web Development13,392
web-apps, progressive-web-apps, simplicity, tooling
Why Not htmx? (cfe)13,391
htmx
The Good, the Bad, the Web Components (zac)13,390
web-components, shadow-dom, dom
The Art and Science of Annotations in Dev Mode (fig)13,389
figma, annotations
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization13,388
testing, flakiness, cypress, playwright, network
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)13,387
html, dom, shadow-dom, apis, security
Making VPATs and ACRs More Effective in Procurement (web)13,386
accessibility, vpat-acr, processes
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+/dev)13,385
performance, web-vitals, metrics
Implementing User Authentication in React Apps With Appwrite13,384
react, authentication, tooling
How to Stream Files From Next.js Route Handlers (eri)13,383
how-tos, nextjs, routing, streaming
GitLab vs. GitHub: Which Is Better in 2024?13,382
version-control, gitlab, github, comparisons
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)13,381
guides, accessibility, colors, color-palettes, figma
Be Purposeful About Your Content13,380
accessibility, content, writing
5 Essential DevTools Console Hacks for Every Web Developer13,379
videos, browsers, dev-tools
Why Do Rubber Ducks Work?13,378
processes, productivity, creativity
Web Platform Design Principles (lea/w3c)13,377
web-platform, software-design, principles, standards, w3c
Use CSS “accent-color” to Style Your Inputs (cas)13,376
css, forms
Understanding Signals in Django13,375
signals, django
Tuesday, February 6, 2024 Security Releases (raf/nod)13,374
release-notes, nodejs, security
The Psychology of Site Speed and Human Happiness (tam/spe)13,373
performance, usability
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)13,372
guides, foss, collaboration
Onboarding (mfo)13,371
processes, onboarding, productivity, engineering-management
New to the Web Platform in January (rac/dev)13,370
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Learn Testing (dev)13,369
courses, testing
Is Generated Code Harder to Maintain?13,368
discussions, ai, maintainability, maintenance
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)13,367
css, units, fonts
“field-sizing” Just Works! (kil/pol)13,366
css, forms, comparisons
Celebrate a More Interoperable Web With Interop 2023 (rac/dev)13,365
web-platform, interoperability, browsers, support
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)13,364
html, css
ESG and DEI Policies Were Always Luxury Goods (blo)13,363
dei, sustainability, policies
The Loss of the Process in the Name of Progress (uxd)13,362
design, creativity, productivity, processes
Practical Guide to Destructuring: TypeScript vs. Dart13,361
guides, typescript, dart, comparisons
The Web Component Success Story (jak)13,360
web-components
The EU Forces Open Apple’s Walled Garden13,359
legal, apple, browsers, mobile
Next.js App Router Migration: The Good, Bad, and Ugly13,358
nextjs, routing, migrating
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)13,357
how-tos, images, favicons
Git: The Basics of “git bisect” (ada)13,356
fundamentals, git
Express Forward13,355
discussions, outlooks, express
Dynamic README Image Based on GitHub Activity13,354
readme, github
Debunking 10 Common Objections to Incremental Delivery for Software Teams13,353
agile, processes
At Last, Browser Choice * (dav)13,352
legal, browsers, apple, mobile
Nicer Text Wrapping With CSS “text-wrap” (lon)13,351
css, typography
Design Systems Burnout (fon)13,350
design-systems
A Guide to Styling Tables (sto)13,349
css, tables, responsive-design
Futuring With Design (uxd)13,348
design, creativity, processes
Please, Don’t Force Me to Log In (ham)13,347
web, authentication, user-experience
Gold Text Effect With CSS (man)13,346
css, effects
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)13,345
css, selectors, focus
Apple, the DMA, and Malicious Compliance (bru)13,344
legal, browsers, apple, mobile
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)13,343
legal, browsers, apple, mobile
The Impact of Developer Experience13,342
research, developer-experience, productivity, efficiency
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)13,341
accessibility, ethics, overlays, community
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)13,340
browsers, apple, mozilla, firefox, mobile
Introducing Our Updated [Green Web Hosting] Directory (mrc)13,339
introductions, release-notes, sustainability, hosting
Inside .git (b0r)13,338
git
HTML Web Components on the Server Are Great (sco)13,337
html, web-components
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)13,336
accessibility, tips-and-tricks, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)13,335
design, responsive-design, seo
Using Alternative Browser Engines in the European Union13,334
apple, browsers, browser-engines, mobile
This Web Page Is Best Viewed in the EU (gri/clo)13,333
legal, browsers, apple, mobile, web
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments13,332
studies, research, accessibility, ecommerce, legal
Should Links Open in a New Tab? (stv)13,331
links, usability, user-experience
One World, One Web, One Love (aar)13,330
web
JWT vs. Session Authentication13,329
security, authentication, json-web-tokens, comparisons
Deno 1.40: Temporal API (den)13,328
release-notes, deno, apis, time
CSS Blurry Shimmer Effect (sma)13,327
css, effects
Animating Font Palette (man)13,326
css, colors, fonts, effects
A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js13,325
functionality, databases, sql, nodejs, django, nextjs
The API That No One Dared Delete13,324
apis, infrastructure, documentation, maintenance, technical-debt
The Structure of User Experience (uxd)13,323
user-experience, processes
What Happened With the Web Monetization API? (chr)13,322
monetization, apis
What Can a Website Do? (dav)13,321
accessibility, usability, quality
Web Components in Earnest (dav)13,320
web-components, javascript
User Styles (mia)13,319
css, user-styles, browsers
The New CSS Color Format You Didn’t Know You Needed; “oklch()”13,318
css, colors, oklch, functions, tailwind
Take a Qwik Break From React With Astro (the)13,317
qwik, react, astro, frameworks, comparisons
Release Notes for Safari Technology Preview 187 (jon/web)13,316
release-notes, browsers, apple, safari
On Web Components (tmc)13,315
web-components
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware13,314
github, npm, security, malware, foss
Getting Started With Content Collections in Astro13,313
introductions, astro
Five Future Roles for Designers (jar)13,312
design, career, outlooks
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)13,311
design-systems, economics
An Introduction to the Liquid Template Language13,310
introductions, liquid, template-engines
14 Best SEO Tools in 2024 (web)13,309
seo, tooling, link-lists
Unit Testing With Jest and Integration With GitHub Actions13,308
testing, jest, github-actions, quality
The Web Is Unversioned (rhi/w3c)13,307
web-platform, versioning
What Is JSDoc and Why You May Not Need TypeScript for Your Next Project13,306
javascript, typescript, documentation, jsdoc
What Has a Ceiling but No Floor? (mat)13,305
accessibility, apple, facebook+meta
Unlocking the Power of HTML’s Native Browser “dialog” Element (ope)13,304
html, modals
The AI Dilemma in Graphic Design: Steering Towards Excellence in Typography and Beyond (sma)13,303
ai, design, typography
New Study on Coding Behavior Raises Questions About Impact of AI on Software Development13,302
studies, research, ai, quality, technical-debt
Modern JavaScript Library Starter13,301
dependencies, npm, libraries
LCP and FCP on Single Page Application on Soft Navigations (dws)13,300
performance, web-vitals, single-page-apps, navigation
In Praise of Buttons13,299
buttons
Highlight Text When a User Scrolls Down to That Piece of Text (chr/fro)13,298
css, scrolling, effects
Google Is Using AI to Organize and Customize Your Chrome Browser (dav/ver)13,297
ai, browsers, google, chrome
Exploring the Bounds of Jamstack With Zach Leatherman (zac+)13,296
videos, interviews, tech-stacks, jamstack
Check for “accesskey” and “aria-keyshortcuts” Bookmarklet (ste)13,295
bookmarklets, accessibility, html, aria, keyboard-shortcuts
Better Form UX With the CSS Property “field-sizing” (sea)13,294
forms, user-experience, css
Balancing Engineering Cultures: Debate Everything vs. Just Tell Me What to Build13,293
culture, engineering-management, processes, comparisons
What Is Jest and Why Should I Use It? (cod)13,292
jest
WebKit Features in Safari 17.3 (jen/web)13,291
release-notes, browsers, apple, safari, webkit
Use Tailwind CSS Prefixes for Shared Design System Components (sen)13,290
tailwind, design-systems, components
Repetition Avoidance (ste)13,289
code-pens, accessibility, user-experience, aria
Progressive JPEGs (PJPEG): The Key to Loading Images Faster on Your Website13,288
pjpeg, jpeg, images, performance, comparisons
Layouts in Astro13,287
astro
How End-to-End Testing Moves Us Closer to Continuous Accessibility (ass)13,286
accessibility, processes, testing
How a Web-Site Redesign Can Impact the Customer Journey (uxm)13,285
redesigning, user-experience
Handling Environment Variables in Node.js (mco/pla)13,284
environments, variables, nodejs
Could Local SEO Transform Your User Experience? (uxm)13,283
seo, user-experience
Continuous Accessibility: What, Why, How (ass)13,282
accessibility, processes, testing, tooling
Battle of the Browsers (zer)13,281
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,280
design, tooling, link-lists
What Is Our Design Intention? (uxd)13,279
design, processes
Vector Database Recommender System (ast)13,278
databases, vector-databases
Why I Don’t Care About Website/Blog Stats (nei)13,277
blogging, metrics, sem
What Is CSS Motion Path?13,276
css, svg, animations
The World’s Smallest PNG (eva)13,275
images, png, minimalism
Mind the Accessibility Gaps—Most of Accessibility Issues Originate in Design and How to Fix That (cer)13,274
accessibility, design, html, aria
The Bun Shell (jar/bun)13,273
bun, javascript, shells
Navigating JavaScript Security: Recompiling Firefox to Bypass Anti-Debugger Techniques (gli)13,272
javascript, security, debugging, firefox, mozilla, browsers
Mastering Node CSV13,271
nodejs, csv
A Call for Consensus on HTML Semantics (5t3)13,270
html, semantics
Understanding the Stanca Act, Italy’s Digital Accessibility Law (tpg)13,269
accessibility, legal
Why Do Reflows Negatively Affect Performance? (fro)13,268
performance, reflow
Making CSS View Transitions Easy With Velvette (nom/cod)13,267
css, view-transitions, tooling
How Core Web Vitals Affect SEO (ind)13,266
performance, web-vitals, lighthouse, google, seo
Under-Supported and Underpaid (aar)13,265
accessibility, career, economics, craft
My Take on Fading Content Using Transparent Gradients in CSS (kil/pol)13,264
css, gradients, transparency
Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (jen+)13,263
videos, interviews, css, web, browsers, apple, safari
12 Modern CSS One-Line Upgrades (5t3)13,262
css
Node.js vs. Python: Which One to Choose for 202413,261
nodejs, python, comparisons
Deceptive Deprecation: The Truth About npm Deprecated Packages13,260
deprecation, security, npm, dependencies, research
The Color Input and the Color Picker (chr/fro)13,259
html, colors, usability
Create a Currency Converter With HTML, CSS, and Vanilla JavaScript13,258
functionality, html, css, javascript
Astro 4.2 (eri+/ast)13,257
astro, release-notes
The Designer’s Guide to Social Computing (uxd)13,256
guides, design, social-media
Indicators, Validations, and Notifications: Pick the Correct Communication Option (nng)13,255
notifications, errors, validation, usability
Safely Accessing the DOM With Angular SSR (dev)13,254
security, dom, javascript, angular, server-side-rendering
JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023)13,253
videos, javascript, arrays, sorting, comparisons
Fading Content Using Transparent Gradient in CSS (ami)13,252
css, gradients, transparency, effects
Dispatching an Event (chr/fro)13,251
javascript, events
Basic Accessibility Mistakes I Often See in Audits (cfe)13,250
accessibility, mistakes, auditing, html, semantics, focus, links, buttons
AI Art Is the New Stock Image (ia)13,249
design, ai, images
A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (arg/cod)13,248
introductions, scrolling, animations, css, functions
5 Advanced Data-Fetching Techniques in React for Enhanced User Experience13,247
react, data-fetching, code-splitting, components, techniques
Are You Boring Your Interviewer by Over-Explaining Context? (uxd)13,246
career, interviewing, design
Is It Time to Switch From Docker to Podman?13,245
videos, docker, podman, tooling, comparisons
The Golden Rule of Assertions13,244
javascript, testing
The Complex but Awesome CSS “border-image” Property (css/sma)13,243
css, borders, techniques
Stop Trying to Recruit Unicorns With Acorns (cra)13,242
accessibility, career
Practical Guide to Usability Testing13,241
guides, usability, testing
Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (ope)13,240
nodejs, security
Measuring Developer Productivity: Real-World Examples (ger)13,239
productivity, metrics, developer-experience, google, microsoft
Guide to Fast Next.js13,238
guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
Git Lesson: How to Use .gitignore and .gitkeep?13,237
git, how-tos
Disillusioned With Deno (bal)13,236
deno
Difference Between “getElementByID” and “querySelector”13,235
javascript, css, selectors
APA-Style Titles in Laravel (ami)13,234
writing, conventions, laravel
14 Things to Check Before Deploying a Website13,233
deploying, quality, processes
Web Standards: The Guidelines That Every Developer Should Know13,232
standards, history, w3c, html, css, xml, wcag
Design Is Not Really a Thing (uxd)13,231
design, user-experience
The Evolution of Page Speed (deb)13,230
videos, performance, metrics, optimization, history
The Building Blocks of a Greenfield Vue Application in 2024 (fad)13,229
vuejs, tooling, link-lists
React Libraries for 2024 (rwi)13,228
react, libraries, link-lists
Performance and Stay Questions in 1:1s (j9t)13,227
engineering-management, leadership, career, processes
Optimizing SQL Queries by 23×13,226
databases, sql, performance, optimization
Moving on From React (kel)13,225
migrating, react, stimulus
Combining “:has” and “:only-child” to Change Tab Containers (cri)13,224
css, selectors
Accessible Notifications With ARIA Live Regions (sar)13,223
accessibility, notifications, aria, live-regions
Accessible Notifications With ARIA Live Regions II (sar)13,222
accessibility, notifications, aria, live-regions
Hover Contrast Bookmarklet (joe)13,221
bookmarklets, hover, colors, contrast, focus, accessibility
Disable Browser Caching With “meta” HTML Tags13,220
html, metadata, caching
Creating a Markdown Preprocessor for Svelte13,219
svelte, sveltekit, markdown, functionality
Why Did Frontend Development Become So Complicated?13,218
processes, complexity, career
Igalia Chats: Browser Politics and You (jaf+/iga)13,217
podcasts, web-platform
I Hate CORS13,216
videos, cors, security
“import myModule from "./my-module.torrent"”: Requiring Node Modules From BitTorrent (eva)13,215
nodejs, modules
Building a Clean and Scalable Frontend Architecture13,214
architecture, scalability, simplicity, maintainability
Web Component Gotcha: “constructor” vs. “connectedCallback” (nol)13,213
web-components, javascript, callbacks, comparisons
Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (mor)13,212
accessibility, ai, content
Kind of Annoyed at React (cas)13,211
react
A Guide on Using Postman as a Frontend Developer in Web Development13,210
guides, postman, apis
Avoid These 5 Mistakes as a Web Developer13,209
career, mistakes, learning
Type in TypeScript13,208
typescript, types
Static Site Generators: A Growing Trend in Frontend Development13,207
static-site-generation, site-generators, trends
Power of WebRTC13,206
webrtc, apis
Options for “optgroup” Labeling of “options” (ste)13,205
accessibility, html, forms, browsers, screen-readers, support
JS Perf Wins and New Node.js Features With Yagiz Nizipli (wes+/syn)13,204
podcasts, javascript, performance, nodejs, optimization
How to Use “data-nosnippet” to Block Specific Content From Being Used in a Google Search Snippet (Experiment)13,203
how-tos, seo, google, experiments
How to Get Started With Progressive Web Apps13,202
how-tos, web-apps, progressive-web-apps, comparisons
Eliminating Cookie Banners Is Hard (jef)13,201
cookies, consent-management, legal
Applying the SPACE Framework (lau)13,200
productivity, metrics
Chrome Alternative Browsers to Check Out in 202413,199
browsers, arc, the-browser-company, chromium, orion, kagi, firefox, mozilla
Creating a Color Ramp Using Color Modifiers in Tokens Studio (uxd)13,198
design-systems, design-tokens, colors, figma
Compatibility of Node.js Versions With Packages13,197
nodejs, versioning, dependencies
Node.js Mastery: Advanced Development and Performance Tips13,196
nodejs, servers, express, performance, testing, memory
Bringing Down the Digital Divide (uxd)13,195
accessibility, user-experience
What I Have Learned From Conducting Over 100 Website Migrations (moz)13,194
seo, migrating, testing
Using “abbr” Element With “title” Attribute (aar)13,193
html, attributes, accessibility, browsers, assistive-tech, support
Top Front-End Tools of 2023 (lou/sma)13,192
tooling, link-lists, retrospectives
The Stack I Used to Build My Blog in 202413,191
tech-stacks, functionality
If It’s Not Usable, It’s Not Accessible (tpg)13,190
interviews, accessibility, usability, history
console.delight (zac/fro)13,189
javascript, console, browsers, dev-tools, debugging
5 CSS Snippets Every Front-End Developer Should Know in 2024 (arg/dev)13,188
css
Setting Up Renovate for GitHub Repositories13,187
renovate, github, installing, configuration
High-Level System Architecture of Booking.com13,186
architecture, microservices, case-studies
We Removed Advertising Cookies, Here’s What Happened (sen)13,185
cookies, sem
Using CSS Houdini to Extend Styling and Layout Capabilities (log)13,184
css, houdini, apis, javascript
Understanding WCAG SC 3.2.6 Consistent Help (Level A)13,183
accessibility, standards, wcag
The Best Web Framework Doesn’t Exist13,182
frameworks
Streaming HTML Out of Order Without JavaScript13,181
html, streaming
Release Notes for Safari Technology Preview 186 (jon/web)13,180
release-notes, browsers, apple, safari
npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (soc)13,179
npm, retrospectives
Node v20.11.0 (LTS) (nod)13,178
release-notes, nodejs
Is htmx Just Another JavaScript Framework? (htm)13,177
htmx, frameworks
Introducing fsx: A Modern Filesystem API for JavaScript (nza)13,176
introductions, file-handling, apis, javascript
Dynamic Accessible Descriptions Reference (dar)13,175
accessibility, testing
Designing Better Target Sizes (sha)13,174
accessibility, design, best-practices
Buttons and Links—Common Misconceptions13,173
accessibility, html, semantics, buttons, links
AI for Web Devs: Deploying Your AI App to Production (aus)13,172
ai, deploying
Accounting for Internationalization With CSS and HTML13,171
html, css, internationalization
A 2024 Wishlist for Node’s Test Runner (cji)13,170
nodejs, testing
Understanding Immutability in JavaScript13,169
videos, javascript
The Change You Wish to See13,168
accessibility
How We Built Project IDX: A High-Level Overview (goo)13,167
overviews, project-idx, google, code-editors
Definition of Done (DoD) Explanation and Example13,166
agile, scrum, processes, quality, examples
An Alphabetized List of MIME Types13,165
mime-types
A Global Design System (bra)13,164
design-systems
SolidStart: A Different Breed of Meta-Framework (ati/sma)13,163
frameworks, tooling, solidjs
Introduction to Data Engineering: A Complete Beginner’s Guide13,162
guides, introductions, data-engineering
Vue 3—Dynamic Components13,161
vuejs, components
Why I Like Web Components13,160
web-components, html
Where Have All the Websites Gone? (fro)13,159
web, trends
What’s New in PHP 8.4 (ami)13,158
php
Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (and)13,157
css, scrolling, effects, progress-indicators
Top Pens of 2023 on CodePen (cod)13,156
codepen, code-pens, link-lists, retrospectives
Taking a Closer Look at “@ property” in CSS (uti)13,155
css
Let’s Make the IndieWeb Easier13,154
indieweb, tooling
htmx for React Developers in 10 Minutes13,153
videos, htmx, react
How Google Perfected the Web (ver)13,152
google, web, seo
Declaring Globals Isn’t That Hard (mat)13,151
videos, javascript, typescript
CRUD and SQL—the Basics13,150
fundamentals, databases, sql
2024 Resolution: Be More Open-Source Centric13,149
foss, tooling, link-lists
Embracing the Absurd in Your Design Practices (uxd)13,148
design, processes
Becoming a Senior Frontend Engineer (tec)13,147
career
Notes on Using Logical Properties and Values (kiz)13,146
css, logical-properties
Nested Dark Mode via CSS Proximity (doc)13,145
css, dark-mode
My Web Development Wishlist 2024 (j9t)13,144
community, user-experience, developer-experience, quality, conformance, wish-lists
How I’m Writing CSS in 202413,143
css, tooling, developer-experience
Figma Is Not Forever13,142
design, tooling, figma
Your MVP Must Be Accessible (den)13,141
accessibility
Weird Things Engineers Believe About Web Development13,140
standards, web-apps, javascript, building, web-platform
Simplifying Deployment: Using GitHub Actions and SSH for Quick and Easy Updates13,139
deploying, github-actions, ssh
Mastering Promises: 8 Advanced Tips and Techniques13,138
javascript, promises, asynchronicity, techniques, tips-and-tricks
When “Everything” Becomes Too Much: The npm Package Chaos of 2024 (soc)13,137
npm, foss
Under the Radar CSS Features for Your CSS Reset (kev)13,136
videos, css, resets
The Bulma CSS Framework: What It Is and How to Get Started13,135
introductions, bulma
Software Quality13,134
research, quality
How to Use Template Literals in JavaScript (fre)13,133
how-tos, javascript
Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? (b0r)13,132
git, concepts, comparisons
CSS in 2024, Am I Right? (jhe)13,131
videos, css
A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript (cfe)13,130
react, javascript, simplicity
7 Front-End Web Development Trends for 202413,129
trends, outlooks, libraries, frameworks, ai
20+ Tools for Node.js Development in 202413,128
nodejs, tooling, link-lists
AI Vertigo: Where Do We Go From Here as Designers? (uxd)13,127
design, ai, career
Notes on MathML (w3c)13,126
mathml
The World of Web Browsers Is in a Bad Way (jen)13,125
browsers, browser-engines, chromium, google
The Two Reacts (dan)13,124
react, components, state-management
My CSS Resets (kei)13,123
css, resets
Is CSS Alive? (css)13,122
css
Building Multiple Progressive Web Apps on the Same Domain (dev)13,121
videos, web-apps, progressive-web-apps, architecture, security
16 Lesser Known Accessibility Issues13,120
accessibility
Design Better Pagination13,119
design, navigation, pagination
Getting Started With Vuetify: Building Beautiful Vue.js Apps13,118
introductions, vuetify, vuejs
Accessibility Options for Floating Action Buttons13,117
accessibility, floats, buttons
Tyler’s CSS Wish List for 2024 (tyl/clo)13,116
css, wish-lists
The Website vs. Web App Dichotomy Doesn’t Exist (jak)13,115
concepts, terminology, comparisons
The Popular Vote of Interop 2024 (chr/fro)13,114
interoperability, web-platform
The AHA Stack (fla)13,113
websites, tech-stacks, astro, htmx, alpinejs
Stop Closing Void Elements (j9t)13,112
html
Oh Shit Banners (eri)13,111
design, history
European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying (tec)13,110
cookies, consent-management, legal
2024 Predictions by JavaScript Frontend Framework Maintainers (low/the)13,109
outlooks, javascript, frameworks, angular, nextjs, react, solidjs
Worker Threads: Multitasking in NodeJS13,108
nodejs, worker-threads, multithreading, link-lists
The View Transitions API and Delightful UI Animations II (cod/sma)13,107
css, animations, view-transitions, apis
Stop Using Express.js13,106
express
Not All Automated Testing Tools Support Shadow DOM in Web Components (mat)13,105
accessibility, testing, automation, tooling, shadow-dom, dom, web-components
How to Set a Default Post Author in WordPress13,104
how-tos, wordpress
How to Make External Links Accessible (pop)13,103
how-tos, links, accessibility
BCD Watch (mey+/iga)13,102
websites, browsers, support, interoperability, web-platform
Are You Ignoring These 8 DevTools Features?13,101
videos, browsers, google, chrome, dev-tools, auditing, debugging
Agile Anti-Patterns That Can Harm UX13,100
agile, anti-patterns, user-experience, processes
Top 30 JavaScript Interview Questions and Answers for 202513,099
javascript, interviewing
Top 30 JavaScript Interview Questions and Answers for 202413,098
javascript, interviewing
Mastering TypeScript: Looping With Types (ale)13,097
typescript
Understanding the Most Important HTTP Status Codes13,096
protocols, http
The Best React Chart Libraries for Data Visualization in 202413,095
react, libraries, visualization, comparisons, link-lists
7 Predictions for Web Design in 2024 (web)13,094
design, outlooks
10 Interview Questions Every JavaScript Developer Should Know in 2024 (eri)13,093
interviewing, javascript, career, concepts, terminology
My Perspective: Digital Accessibility and Overlays13,092
accessibility, overlays
3 Terminal Commands to Increase Your Productivity13,091
command-line, productivity
Make Your Linux Terminal Enjoyable to Use13,090
unix-like, command-line, shells, oh-my-zsh
A Comprehensive Guide to npm Workspaces and Monorepos13,089
guides, monorepos, npm, yarn, dependencies
What Are Types in TypeScript13,088
typescript, types
The Internet Is About to Get Weird Again (rol)13,087
web, social-media
Shadow DOM and the Problem of Encapsulation (nol)13,086
web-components, shadow-dom, dom, maintainability
React Is Slow, What to Do Now?13,085
react, performance
Installing Google Fonts as npm Packages (ami)13,084
installing, tooling, dependencies, google, fonts
WCAG 2: Guidelines and Guardrails (yat)13,083
accessibility, wcag, guidelines
Top 7 CSS Frameworks in 2024 (wea)13,082
css, frameworks, tailwind, bootstrap, materialize, foundation, bulma, skeleton
Tools to Make Your Developer Experience Better in PHP (ami)13,081
tooling, developer-experience, php, link-lists
React Server Components: The Good, the Bad, and the Ugly (may)13,080
react, components
Making a Weblog With Eleventy13,079
eleventy, blogging
Let’s Bring Back JavaScript’s “with()” Statement (mac)13,078
javascript
2.5.8: Adversarial Conformance (aar)13,077
accessibility, wcag, compliance
What the Heck Is a Homomorphic Mapped Type?13,076
typescript
Privacy Sandbox: Preparing for the End of 3rd-Party Cookies (dev)13,075
privacy, cookies, support, google
Making Sense of “Senseless” JavaScript Features (mon)13,074
javascript
Inspecting WCAG 2.2: Accessible Authentication13,073
videos, accessibility, wcag, standards, authentication
Incident, Mitigate, Learn (j9t)13,072
processes, incident-response, learning, quality
Government Not Meeting Minimum Accessibility Standards on Federal Websites, GSA Report Finds13,071
accessibility, compliance, legal
Announcing Vue 3.4 (eva/vue)13,070
vuejs, release-notes
CSS-in-JS Approach: Advantages, Disadvantages, and Use Cases13,069
css-in-js, css, javascript
The New Old: Jamstack and MACH’s Journey Towards Traditional CMS Concepts (dri)13,068
tech-stacks, jamstack, content-management
Server and Client Component—Next.js (fro)13,067
nextjs, react, components
I Made JSX for Lua (Because I Hate Static Sites)13,066
jsx, lua
HTML Validation—Pros and Cons13,065
html, conformance
Future of Storybook in 2024 (shi/sto)13,064
outlooks, storybook
Frontend Predictions for 2024 (shi)13,063
retrospectives, outlooks
Everything You Need to Know About Responsive Logo Design (web)13,062
design, branding, images, logos, responsive-design
Every Container Queries Demo Is a Card (chr)13,061
css, container-queries
JS Design Patterns: A Comprehensive Guide13,060
guides, javascript, software-design-patterns
I Built the Same App 7 Times: Which JS Framework Is Best?13,059
javascript, frameworks, comparisons
CSS Wishlist13,058
css, wish-lists
Coding Challenges 2024: What’s Your New Year’s Resolution? (the)13,057
discussions, community
Measuring, Monitoring, and Optimizing TTFB With Server Timing (per)13,056
performance, monitoring, optimization, apis, time
Container Style Queries (mat/5t3)13,055
css, container-queries, style-queries
Never Underestimate HTML (lar/mat)13,054
html, user-experience, developer-experience
Why AI Is a Disaster for the Climate (the)13,053
ai, sustainability
The Devil Is in the Details: A Look Into a Disclosure Widget Markup (its/mat)13,052
html, disclosure-widgets, css, javascript
Session-Based vs. Token-Based Authentication: Which Is Better?13,051
authentication, json-web-tokens, comparisons, security
Responsive SVGs (nil/5t3)13,050
svg, images, responsive-design
Polypane Review: Best Browser for Web Developers?13,049
polypane, browsers, tooling
CSS-Based State Management (may)13,048
css, state-management
Custom Mouse Hover Effect With JavaScript13,047
javascript, effects, hover
WCAG 2.1 Developer Tips: Character Key Shortcuts and Label in Name (mni)13,046
accessibility, tips-and-tricks, wcag, keyboard-navigation, keyboard-shortcuts, labels
The View Transitions API and Delightful UI Animations (cod/sma)13,045
css, animations, view-transitions, apis
GitHub Copilot: Tips and Tricks for Flutter Devs13,044
github-copilot, ai, flutter, dart, tips-and-tricks
FileReader API (cla/5t3)13,043
apis, javascript, file-handling
Best Practices for Coding With AI in 202413,042
ai, best-practices
ARIA Live Regions (mat)13,041
aria, live-regions, accessibility
Cool Wiggly Hover Animation With CSS (ami)13,040
css, animations, effects, hover
Debugging Fetch Priority (jec+/dev)13,039
videos, debugging, performance, web-vitals, apis
Turn Your Vue App Into an Offline-Ready Progressive Web App13,038
vuejs, refactoring, offline, progressive-web-apps
The Top Accessibility Errors Found in 2023 (tpg)13,037
accessibility, conformance, quality, errors, retrospectives
The State of Benchmarking in Node.js13,036
nodejs, performance, metrics
The Implied Web (hws/mat)13,035
html, accessibility, semantics
The Complete Playwright Cheatsheet13,034
cheat-sheets, playwright, testing
Scroll-Driven Animations (mic/5t3)13,033
animations, scrolling, css
Screen Reader Users and the Tab Key (tem)13,032
accessibility, screen-readers, keyboard-navigation, testing
Recapturing Early-Internet Whimsy With HTML (tec)13,031
html, trends, design, art, decoration
JavaScript Frameworks—Heading Into 2024 (rya/thi)13,030
javascript, frameworks, outlooks
“HTML First” Is Not HTML First (j9t)13,029
html, principles, quality, craft
CSS Scope Issues (kiz)13,028
css, scope
Container Queries and Units (zac/fro)13,027
css, container-queries, units
2023 Digital Accessibility Year in Review (tpg)13,026
accessibility, retrospectives
The Golden Rule of Web Performance and Different Performance Engineering Specializations (per)13,025
principles, performance
10 Best Practices for Secure Code Review of Node.js Code13,024
best-practices, security, code-reviews, nodejs
Release Notes for Safari Technology Preview 185 (jon/web)13,023
release-notes, browsers, apple, safari
New CSS Viewport Units Do Not Solve the Classic Scrollbar Problem (sim/sma)13,022
viewport, css, units, scrolling
Locking Scroll With “:has()” (rob)13,021
css, selectors, scrolling
CSS Nesting (kil/5t3)13,020
css, nesting
Clean Architecture: Theming With Tailwind and CSS Variables13,019
theming, tailwind, custom-properties, css
Classes vs. Prototypes in JavaScript (cfe)13,018
javascript, prototypes, comparisons
Are We Too Pedantic With Semantic13,017
design, design-tokens, semantics
Using the CSS “contain” Property: A Deep Dive (log)13,016
deep-dives, css, containment
See What’s New in Firefox [121.0] (moz)13,015
release-notes, browsers, mozilla, firefox
We Can :has It All (hex)13,014
css, selectors, browsers, support
View Transitions (hui/5t3)13,013
css, javascript, view-transitions
Reflow Red Flags (tpg)13,012
accessibility, reflow, testing
Practical “img” Element Defaults (zor/css)13,011
videos, css, images
New to the Web Platform in December (rac/dev)13,010
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Experimental Chromium Web Platform Features (pol)13,009
overviews, experiments, web-platform, standards, chromium
Eigensolutions: Composability as the Antidote to Overfit (lea)13,008
product-management, processes
Border Images in CSS: A Key Focus Area for Interop 2023 (dip/mdn)13,007
images, borders, css, browsers, web-platform, interoperability
“align-content” in Block Layout (rac)13,006
css, layout, support, browsers
10 Ways to Speed Up JavaScript Loading13,005
javascript, performance, lazy-loading, minification, bundling, code-splitting, tree-shaking, modules, content-delivery, caching, compression, auditing
RLI (Recently Logged-In) Browser Cache Bypassing (tim/per)13,004
performance, caching, optimization
Good Design Is Subjective, Contextual, and Intentional (uxd)13,003
design, processes
Think About Your Future Self13,002
accessibility
The Goldilocks Principle for Prototyping (nng)13,001
videos, principles, prototyping, usability
New JS Array Methods (cfe/5t3)13,000
javascript, arrays, methods
Zustand—Complete Tutorial (cos)12,999
videos, tutorials, zustand, state-management, libraries, react
The Road to HTMHell Is Paved With Semantics (pep/mat)12,998
html, semantics, quality
Thank You to Those Who Helped Me to Be the CSS Developer I Am Today12,997
career, community
React Props Explained With Examples12,996
react, props, examples
Making Data Visualizations Accessible (ons/tpg)12,995
accessibility, information-design
How to Center an Element in CSS Without Adding a Wrapper in HTML12,994
how-tos, centering, css, techniques
Building Components for Consumption, Not Complexity II (dis/sma)12,993
design-systems, components, figma
AI for Web Devs: AI Image Generation (aus)12,992
ai, tooling, images, automation
A Checklist for CLS Scenarios (per)12,991
checklists, performance, web-vitals
Revisiting Fundamentals—Semantic Lists for Improved Accessibility (mis/mat)12,990
fundamentals, semantics, html, accessibility
CSS “animation-composition” (tyl/5t3)12,989
css, animations
How GitHub Actions Versioning System Works (rob)12,988
github-actions, versioning, semver
Sharing a State Between Windows Without a Server12,987
web-workers, apis, state-management, effects, javascript
Naming Design Tokens: The Art of Clarity and Consistency (uxd)12,986
design-tokens, naming, consistency
Web Components (may/5t3)12,985
web-components, html, shadow-dom, dom
Swallowing Camels (kol/mat)12,984
accessibility
HTML Can Do This?12,983
html
Baseline Does Not Really Cover Baseline Support (aar)12,982
browsers, support, web-platform, accessibility
Who Stole My Largest Contentful Paint? (per)12,981
performance, web-vitals, optimization
The WordPress Showcase and Accessibility (joe)12,980
accessibility, wordpress
The Ghosts of Markup Past (tho/mat)12,979
html, web, history
Stop Normalizing Unprofessional Behaviour in the Name of Agility12,978
agile, processes, communication, community, professionalism
Managing Node.js Processes12,977
nodejs, tooling
Introducing JavaScript Support in MySQL12,976
introductions, databases, mysql, javascript, support
How We Reduced CSS Size and Improved Performance Across GOV.UK12,975
case-studies, css, performance, optimization
CSS “@ scope” (mia/5t3)12,974
css, scope
Crafting Effective Documentation12,973
documentation
Christmas Tree Animations Made With CSS and JS12,972
css, javascript, animations, effects, link-lists
Ten Optimisation Tips for an Initial Web Performance Audit (acc/per)12,971
tips-and-tricks, optimization, performance, auditing
Addressing Unconscious Bias in Developer Relations: Strategies for Creating Fair and Inclusive Experiences12,970
developer-relations, dei, community, strategies
The Unspoken Struggle of Aging in a Tech-Driven World (uxd)12,969
accessibility, user-experience, web
V8 Is Faster and Safer Than Ever12,968
javascript-engines, v8, javascript, webassembly
The Financial Argument for Using an Outside Firm for Accessibility Remediation (kar)12,967
accessibility, economics
HTTP Keanu (sue)12,966
websites, http, protocols
How to Use ESM on the Web and in Node.js12,965
how-tos, esm, commonjs, modules, nodejs
Getting Started With Web Performance (acc/mat)12,964
introductions, performance, web-vitals, testing
Developer Toolkit12,963
websites, tooling, conversion, link-lists
Design Systems Teams: Understand Your Users So They Can Serve Theirs (deq)12,962
design-systems, leadership, collaboration, accessibility, user-experience
Announcing SvelteKit 2 (sve)12,961
release-notes, sveltekit
Anchor Positioning (kiz/5t3)12,960
css, anchor-positioning
Competing Against Internally Developed Tools12,959
tooling, processes
What Vue’s Creator Learned the Hard Way With Vue 3 (low/the)12,958
vuejs, lessons
What Really Is Technical Debt?12,957
technical-debt, terminology, quality
The Best Go Tools to Use for Your Frontend Projects (fre)12,956
go, tooling, link-lists
Popover API (mrt/5t3)12,955
pop-overs, apis, css
My Accessibility Journey (web)12,954
accessibility, career
HTML: The Bad Parts (may/mat)12,953
html
How to Get Good at Competitive Programming12,952
how-tos, programming
CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study (uti/sma)12,951
sliders, css, scrolling, layout, case-studies
Add a Sitemap (sitemap.xml) for Your Eleventy Website (w3t)12,950
eleventy, sitemaps
6 Techniques for Conditional Rendering in React, With Examples12,949
techniques, react
Extending Responsive Video With HTML Web Components (sco/per)12,948
multimedia, responsive-design, web-components, javascript
Can UX Design Actually Be Ethical? (uxd)12,947
user-experience, design, ethics
Embrace the Platform (bra)12,946
web-platform, html, css, javascript, resilience, progressive-enhancement, craft
Using Nodemon and Watch in Node.js for Live Restarts (cra)12,945
nodejs, tooling
Using Date-Based CSS to Make Old Web Pages Look Old (ede)12,944
css, history
Three Modern CSS Properties Your Website Must Have12,943
css
Test-Driven HTML and Accessibility (mat)12,942
html, accessibility, testing, javascript
Engineering Progression for Humans (sop)12,941
career, engineering-management
Baseline 2023 (rac/dev)12,940
browsers, support, web-platform
Accessibility Overlays (eu)12,939
accessibility, overlays, metrics
Why Designers Quit (2023 Report) (uxd)12,938
design, career
WebKit Features in Safari 17.2 (jen+/web)12,937
release-notes, browsers, apple, safari, webkit
Video Subtitles, Captions, Audio Descriptions, and Transcripts (dar)12,936
accessibility, multimedia, captions
The “hidden” Attribute in HTML (mat)12,935
html, attributes
The “await” Event Horizon in JavaScript (fro)12,934
javascript, events
Screen Reader User Survey #10 (web)12,933
surveys, accessibility, screen-readers
Quantity Queries Are Very Easy With CSS “:has()” (chr/fro)12,932
css, selectors
Node.js, TypeScript, and ESM: It Doesn’t Have to Be Painful12,931
nodejs, typescript, esm
“innerHTML” vs. “innerText” vs. “textContent”—What's the Difference? (fre)12,930
dom, javascript, html, comparisons
Improve App Performance With Angular 17 “defer”12,929
videos, angular, performance, optimization
How to Enable Experimental CSS and JS Features in Chrome, Firefox, and Safari (zor/css)12,928
videos, how-tos, experiments, browsers, google, chrome, mozilla, firefox, apple, safari
Everything Is Chrome (val)12,927
browsers, history, browser-wars, chrome, google, browser-extensions, amp, link-lists
Developer Relations Is an All-Company Effort (bla)12,926
developer-relations, foss, community
Decoding Compound Tokens12,925
design-tokens, terminology
Chrome Enables Desktop Mode by Default on Premium Tablets (pau/dev)12,924
browsers, google, chrome, desktop
Building Components for Consumption, Not Complexity (dis/sma)12,923
design-systems, components, figma
Behavior Belongs in the HTML12,922
html, javascript, principles
Asynchronous JavaScript—How to Use Promises in Your JS Code (fre)12,921
how-tos, javascript, promises, asynchronicity
ARIA, the Good Parts (hdv/par)12,920
videos, accessibility, aria
A Perfectly Normal Amount of Tech Debt (max)12,919
technical-debt, maintenance
Template for Accessibility Guidelines (stv/mat)12,918
templates, accessibility, guidelines
Task Automation and Debugging With AI-Powered Tools12,917
automation, debugging, tooling, ai
Signals of Interface Quality12,916
design, quality
Potential Problems With Accessibility Audits and What to Do About Them (cer)12,915
accessibility, auditing, testing
How I Brought LCP Down to Under 350 ms for Google-Referred Users on My Website (paw)12,914
performance, web-vitals, optimization, case-studies
A List of JavaScript Engines, Runtimes, Interpreters12,913
javascript, javascript-engines, runtimes, link-lists
What the Slot? (dut/mat)12,912
web-components, dom, shadow-dom, html
Media Queries in HTML Video (aar)12,911
html, multimedia, css, media-queries, accessibility
Scroll Fading 101 (nng)12,910
scrolling, interaction-design, usability
Oh No! My JSON! (ton)12,909
css
Incorporating “Skip to Main Content” Links for Better Website Accessibility (a11)12,908
accessibility, skip-links
Audit Your Site for Third-Party Cookies (dev)12,907
videos, auditing, cookies, privacy
All Technical Debt Is a Risk to the Product and to Your Business12,906
technical-debt, quality, product-management, processes