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

“2024” News Archive (6)

Entry (Sources) and Other Related TopicsDate#
The Cost of Interrupted Work: More Speed and Stress722
research, productivity, processes
The “Current Branch” in Git (b0r)721
git
12 Figma Tips to Work More Efficiently (uxd)720
figma, tips-and-tricks, efficiency
Building a Micro htmx SSR Framework (mco/pla)719
frameworks, htmx, examples
[Bulma] 1.0.0718
release-notes, bulma
“__dirname” Is Back in Node.js With ES Modules (phi)717
nodejs, esm
How to Test 3.3.8 Accessible Authentication (Minimum) (sib/tpg)716
how-tos, accessibility, testing, authentication
Node.js: The Documentary (isa+)715
videos, nodejs, history
On Popover Accessibility: What the Browser Does and Doesn’t Do (hdv+)714
accessibility, pop-overs, html
On the Gift of OKR for Company Culture (j9t)713
processes, okr, culture
Optimizing JavaScript for Fun and for Profit712
javascript, optimization
Relicensing and Rug Pulls711
foss, licensing, history
This Pattern Will Wreck Your React App’s TS Performance (mat)710
design-patterns, react, typescript, performance
Welcome to Future of Web Accessibility Based on Predictors (jar+)709
videos, accessibility, outlooks
Avoid These Design System Traps708
design-systems
Microservices Promised Freedom but Delivered Dependencies (pur)707
microservices, dependencies
Aesthetic Layouts: 2 Column Magazine With “shape-outside” (jhe)706
code-pens, layout, css
Folder Structures in React Projects705
react, architecture
How to Create a Website and a PDF From the Same Codebase (spa/clo)704
how-tos, code-generation, pdf, functionality
How to Plan Your First Successful Website (web)703
how-tos, processes, project-management
Progressive Disclosure Defaults (ada)702
css, forms, interaction-design
Psychology and UX: Decoding the Science Behind User Clicks701
user-experience, design, principles
The Box Model and Box Sizing (bel/pic)700
css, box-model, concepts
Understanding Memory Heap and Memory Leaks—How the JS Engine Works (fro)699
javascript-engines, memory, garbage-collection, asynchronicity
Angular Signals: Best Practices698
angular, signals, best-practices
Build a Full-Stack App With Node.js and htmx697
web-apps, nodejs, htmx
Chill Scroll Snapping: Article Headers (chr/fro)696
css, scrolling
Using Relative Colors (chr/mdn)695
css, colors
How to Assess Your Fit for a Job Description: A Guide for Technologists (wom)694
how-tos, guides, interviewing, career
A Comparison of JavaScript CRDTs (alm)693
javascript, types, comparisons
Accessibility Foundations (tpg)692
accessibility, fundamentals, link-lists
Build a Node App With TypeScript (mat)691
nodejs, typescript, pnpm, esm
Comparing ECMAScript Modules and CommonJS690
comparisons, esm, commonjs
Empowering the User Experience Through Microinteractions: 7 Best Practices (uxm)689
user-experience, interaction-design, best-practices
Every React Concept Explained in 12 Minutes688
videos, react, concepts
How to Kill the Cascade (fon)687
css, cascade, resets, scope
How Web-Site Design and Social Media Work Together (uxm)686
design, content, social-media
I’m So Old: Web Edition (dav)685
web, history
Make a Web Browser: Beginner’s Guide (nim)684
guides, browsers, browser-engines
Oh Sh*t, My App Is Successful and I Didn’t Think About Accessibility683
accessibility
The Power of Textual Content in UX Design (uxm)682
content, user-experience
The Ultimate Guide to Understanding npx vs. npm681
guides, npx, npm, nodejs
“require(esm)” in Node.js (joy)680
nodejs, ecmascript, esm, commonjs
How Meta Improved Their Cache Consistency to 99.99999999679
facebook+meta, caching
A Designer’s Role Is Not “at the Table” (uxd)678
design, career
Observability Is an Illusion (pur)677
observability, logging, monitoring, alerting
2024 Cheat Sheet Collection676
cheat-sheets, link-lists
Time to Ditch Analytics? Tracking Scripts and Web Sustainability (mic)675
embed-code, google, analytics, sustainability, performance, compliance
Why UI Designers Should Understand Flexbox and CSS Grid (uxd)674
design, layout, flexbox, grids, css
Copy Objects Ways in JavaScript673
javascript, objects
How Web Bloat Impacts Users With Slow Devices672
performance, metrics, comparisons, web
Migrating Away From Jest and Achieving Over 90% Reduction in Running Time (pat)671
migrating, jest, testing, memory, performance
Accessibility in Design Systems: A Comprehensive Approach Through Documentation and Assets670
accessibility, design-systems, documentation, dei
Deploying Remix to GitHub Pages669
videos, deploying, remix, github-pages
How (In)Efficient Are Engineering Organizations?668
efficiency, processes, engineering-management
How to Optimize Cumulative Layout Shift (CLS) on Shopify Sites (sia)667
how-tos, performance, web-vitals, optimization, shopify
Quick Tip: Creating a Date Picker in React666
tips-and-tricks, react, functionality
Homepage Design: 5 Fundamental Principles (nng)665
design, homepages, principles
Skeuomorphism (nng)664
design, terminology
Webflow 101: A Guide for Beginners663
introductions, guides, webflow, low-and-no-code
Arguments for Opening Links in a New Tab or Window (gri/clo)662
links, usability
Make Your Functions More Reusable With Generics (mat)661
typescript, functions, generics, maintainability
Performance Tooling in 2024 and Beyond (dev)660
performance, tooling, browsers, dev-tools, lighthouse, google
Qwik vs. Next.js: Which Framework Is Right for Your Next Web Project?659
frameworks, comparisons, qwik, nextjs
The Golden Age of Accessibility658
accessibility
There Is No EU Cookie Banner Law657
consent-management, cookies, legal
What Is Safe Alignment in CSS? (chr/fro)656
css, layout, user-experience
When “Semantic Tokens” Are No Longer Semantic655
design-tokens, semantics
25 Unnoticeable Features of JavaScript654
javascript
A Beginner’s Guide to Node.js Worker Threads (bet)653
guides, nodejs, worker-threads
Another JS Registry—Seriously?! (den)652
videos, jsr, dependencies, javascript
How to Avoid Flaky Tests in Playwright651
how-tos, testing, flakiness, playwright
How to Design Icons in Figma650
how-tos, images, icons, figma, design
My New Favorite CSS Trick: “will-change”649
css, animations, transitions, tips-and-tricks
Refactoring My Ugliest Code With Signal View Queries648
videos, refactoring, angular
Ruby Is Complicated647
html
The Problem With AI (cfe)646
ai
The Problem With Data Attributes for Text Effects (man)645
html, custom-data, css, typography, effects
There Are No Standards Police (mno)644
standards, policies, processes
WCAG 2.2 Detective Skills643
accessibility, standards, wcag
What’s Next for a Global Design System (bra)642
design-systems
You Want “border-color: transparent”, Not “border: none” (dav/fro)641
css, borders, transparency, accessibility, contrast
HTML Performance Optimization: Tips for Faster Loading Pages640
html, landing-pages, performance, optimization, tips-and-tricks
5 Exciting New JavaScript Features in 2024639
javascript
A Letter to My Younger Self, as an Accessibility Advocate (hbu)638
accessibility, advocacy, retrospectives
Building Websites and Building Websites Well (j9t)637
quality, craft, community
How to Read Files Quickly in JavaScript (lem)636
how-tos, javascript, file-handling
Interaction to Next Paint Is Officially a Core Web Vital (rvi/dev)635
performance, web-vitals
Marking the Web’s 35th Birthday: An Open Letter (tim)634
web, history, anniversaries
Runtime Compatibility (asc+)633
websites, runtimes, interoperability, comparisons, bun, deno, netlify, nodejs
Spread vs. Rest Operators in JavaScript632
javascript, operators, comparisons
The “10× Engineer”: 50 Years Ago and Now (ger)631
productivity, processes, career, history
The Essential Guide to Microcopy and Becoming a More Literate Designer630
guides, design, microcontent, content, writing
Thoughts on Embedding Alternative Text Metadata Into Images (eri)629
accessibility, images, metadata
Why Your Microservices Architecture Is Probably Overkill (and How I Learned to Love the Monolith Again) (pur)628
architecture, microservices, monoliths
A Gentle Introduction to Generics in TypeScript627
introductions, typescript, generics
Accessibility: Implementing Focus Traps626
accessibility, focus, keyboard-navigation
Alt Text for CSS Generated Content (tem)625
css, generated-content, alt-text, accessibility
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness624
performance, tooling, metrics
Are We Watching the Internet Die? (edz)623
web
Comparing JavaScript Frameworks: Templates622
javascript, frameworks, templates, comparisons
Distinguishing Between ARIA and Native HTML Attributes (deq)621
html, aria, attributes, accessibility, comparisons
Express.js With TypeScript—Setup, Examples, Testing620
videos, express, typescript, testing, examples
Have You Optimized for INP?619
performance, web-vitals, optimization
IDEs vs. Code Editors: Everything You Need to Know (jet)618
code-editors, comparisons, concepts
JSON Canvas617
websites, standards, json, canvas
Streaming HTML (chr/fro)616
html, php, streaming
What Is INP and Why You Should Care (whi/sen)615
performance, web-vitals, monitoring
CSS Button Styles You Might Not Know (dbu)614
html, css, buttons
Things I Learned While Building My JS Library613
javascript, libraries, lessons
Optimising Your Design System With Figma’s Variables (uxd)612
design-systems, optimization, variables, figma
Access by a Thousand Curb Cuts (yat)611
accessibility
eslint-plugin-depend610
packages, npm, maintenance, simplicity
How to Invert the Colors Using CSS (ron)609
css, colors, filters, images
Jakob Has Jumped the Shark (aar)608
accessibility, link-lists
Replace ESLint and Prettier With Biome.js607
biome, eslint, prettier, comparisons, tooling, remix
Asking Users for Their Pronouns: A Guide for UX Designers606
guides, user-experience, communication
Creating Color Palettes With the CSS “color-mix()” Function (mic)605
css, functions, colors, color-palettes
Dissecting Layered Architecture (yok)604
architecture
How “HEAD” Works in Git (b0r)603
git
Modern CSS Tooltips and Speech Bubbles II (css/sma)602
tooltips, css, techniques
Navigating the Future of Frontend601
frameworks, web-platform, outlooks
Add Superpowers to Your CSS Variables With Style Queries (jar/van)600
css, style-queries, custom-properties
How to Test 2.5.8 Target Size (Minimum) (sib/tpg)599
how-tos, accessibility, testing
Managing Static Files in Django: A Comprehensive Guide598
guides, django, file-handling
Some Little Ways I’m Using CSS “:has()” in the Real World (bel/pic)597
css, selectors, examples
The Quiet, Pervasive Devaluation of Frontend (col)596
html, css, craft, career, community
AVIF Is the Future of Web Images595
images, avif, performance, outlooks
How to Check and Set the “NODE_ENV” Environment Variable and Its Use in a Project594
how-tos, nodejs, environments
10 Figma Keyboard Shortcuts: A Cheat Sheet for UX Designers593
figma, keyboard-shortcuts, cheat-sheets, design
5 Ways Productivity Culture Kills Business Agility592
productivity, agile, economics, culture
Announcing TypeScript 5.4 (dan/typ)591
release-notes, typescript
Exploring the Creative Power of CSS Filters and Blending590
css, blend-modes, filters, effects
Internationalization With Remix (rem)589
remix, internationalization
Making Room for Long List Markers With Subgrid (nol)588
html, lists, css, grids
Release Notes for Safari Technology Preview 190 (jon/web)587
release-notes, browsers, apple, safari
Simplify Your CSS Using “:is()” and “:where()” Pseudo-Classes (zor/css)586
videos, css, selectors
Sometimes, a Button Just Wants to Look Like a Button585
design, usability, buttons
SSG, SSR, ISR, CSR Rendering Strategies in Next.js (fro)584
static-site-generation, server-side-rendering, incremental-static-regeneration, client-side-rendering, rendering, strategies, comparisons, nextjs
Taming the Shadow DOM: Injecting Global Styles With Adopted Stylesheets583
shadow-dom, dom, css
The End of My Gatsby Journey (mon)582
gatsby, frameworks, comparisons
The Ultimate Guide to Choosing the Best React Website Builder581
guides, react, tooling, comparisons, link-lists
WebAssembly JSPI Is Going to Origin Trial580
webassembly
90% of Designers are Unhirable? (uxd)579
design, processes, career
Best Practices for Inclusive Design578
design, dei, accessibility, best-practices
How to Use WebSockets in Node.js to Create Real-Time Apps (cra)577
how-tos, websockets, nodejs
WebKit Features in Safari 17.4 (jen+/web)576
release-notes, browsers, apple, safari, webkit
How to Ensure Your Designs Work if You Can’t Access Sample Data (uxd)575
how-tos, design, usability, metrics, testing
Data Table Design Patterns (uxd)574
information-design, tables, design-patterns
Achieving Design Collegiality While Maintaining Psychological Safety (uxm)573
design, collaboration
Designing for Mobile Accessibility: Enhancing the User Experience on Small Screens (uxm)572
design, accessibility, user-experience, mobile
JavaScript Runs the World—Maybe Even Literally (wir)571
javascript, programming, web
JSR: Second Look (dbu)570
jsr
Modern Git Commands and Features You Should Be Using569
git, command-line
The 88×31 Archive568
web, images, history
WCAG? More Like, W-What?! (stv)567
accessibility, wcag, link-lists
When We Talk About Front-End Performance, What Are We Talking About566
performance, metrics, web-vitals, lighthouse, google
SemVer Simplified: An Introduction to Semantic Versioning565
introductions, semver, versioning
Accessibility Darkness (ste)564
accessibility, overlays
Accessibility Has Not Failed—It Has Not Even Started for Real (cer)563
accessibility, ai
Bugs I’ve Filed on Browsers (nol)562
browsers, chromium, firefox, webkit, quality
CSS for Printing to Paper561
css, print
How npm Install Scripts Can Be Weaponized: A Real-World Example of a Harmful npm Package (eth)560
npm, dependencies, examples, security
Tools That Make Me Productive as a Software Engineer559
tooling, productivity, link-lists
We Need to Talk About Jakob (mat)558
accessibility
Visualizing Frontend Architecture (max)557
architecture, documentation, visualization
VPS Showdown—March 2024—DigitalOcean vs. Linode vs. Vultr556
servers, hosting, comparisons, metrics
Go Ahead and Block AI Web Crawlers (cor)555
robotstxt, crawling, scraping, ai
The Faster Lambda Runtime—Node.js or LLRT? We Benchmarked554
aws, lambda, javascript, runtimes, nodejs, comparisons, metrics
The Hunt for the Missing Data Type (hil)553
types, algorithms
Emerging UX Patterns in Generative AI Experiences (uxd)552
user-experience, design-patterns, ai
Planning a Design System Generation (nat)551
design-systems, automation
A Love Letter to the Underrepresented in Tech550
community
“AI” and Accessible Front-End Components: Is the Nuance Generatable? (hdv)549
accessibility, web-components, ai
An Introduction to Webflow—the No-Code Website Builder548
introductions, webflow, low-and-no-code
Apple Backs Off Killing Web Apps, but the Fight Continues (owa)547
web-apps, apple
Apple Says iOS 17.4 Won’t Remove Home Screen Web Apps in the EU After All546
browsers, apple, mobile, web-apps
Eloquent JavaScript (mar)545
websites, books, javascript
Introducing JSR—the JavaScript Registry (lca+/den)544
introductions, jsr, deno, dependencies, javascript
Modern CSS Tooltips and Speech Bubbles (css/sma)543
tooltips, css, techniques
Team Productivity Metrics for Engineering Managers542
productivity, metrics, engineering-management
TIL—“submit()” Versus “requestSubmit()” (ray)541
javascript, comparisons
Web Tech Trends to Watch in 2024 and Beyond (web)540
trends, design, dark-mode, ai, sustainability, minimalism
Retrofitting Fluid Typography (ric)539
liquid-design, typography, css
Design System Generations (nat)538
design-systems, processes
Accessibility Has Failed: Try Generative UI = Individualized UX537
accessibility, usability, ai, outlooks
Choosing the Right Node.js Package Manager in 2024: A Comparative Guide (nod)536
guides, nodejs, dependencies, comparisons
Diving Into CSS Interactivity (daw+/sto)535
videos, css
Keyboard Accessibility Testing on Mobile Devices534
accessibility, testing, keyboard-navigation, mobile
New to the Web Platform in February (rac/dev)533
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Techniques to Break Words (aar)532
techniques, html, css, content
The Wax and the Wane of the Web (ste/ali)531
web-platform, history
Understanding Cookies and Sessions in React530
react, authentication, cookies
What Is Inclusive Design, and How Does It Relate to Accessibility?529
design, dei, accessibility
What You Need to Know About Software Requirements528
software-design, best-practices
Why Does “is-number” Package Have 59M Weekly Downloads?527
dependencies, npm
An HTML Switch Control (ann+/web)526
html, css, forms
Apple vs. PWAs—Go Act Now and Help Avoid This Disaster… (cod)525
apple, web-apps, progressive-web-apps, community
Enhanced Internationalization (I18N) in Next.js 14524
nextjs, internationalization
Going Beyond Pixels and (r)ems in CSS—Container Query Length Units (uti/iod)523
css, container-queries, units
How to Create a Sidebar Navigation With Astro, Tailwind CSS, and Alpine.js522
how-tos, navigation, functionality, astro, tailwind, alpinejs
Making Math Accessible (ons/tpg)521
accessibility, math
So, What Exactly Did Apple Break in the EU? (tom)520
browsers, apple, mobile, support, web-apps, apis
Test Quality vs. Bashing Tailwind CSS (mar)519
tailwind, css, comparisons
Top 8 Recent V8 in Node Updates (app)518
nodejs, v8
Ultimate Guide to Visual Testing With Playwright517
guides, testing, regressions, playwright
Creativity Lies in the Paradoxes (uxd)516
creativity, design
A Fun Line of Code (dbu)515
javascript, apis, multimedia
A Guide to CSS Cursor Types514
guides, css, cursors
A Simple Mistake That Can Screw Up Your Light/Dark Theme (and How to Fix It) (kev)513
videos, mistakes, dark-mode, css
AI and Design Systems (bra)512
ai, design-systems
Here Lies the Internet, Murdered by Generative AI511
web, content, ai
How to Lazy-Load CodePen and CanIUse Embeds510
how-tos, embed-code, performance, codepen, caniuse
How to Use Server-Sent Events in Node.js (cra)509
how-tos, nodejs, events
Reporting Core Web Vitals With the Performance API (geo/sma)508
apis, performance, web-vitals
Screen Readers and Drag-and-Drop: Grabbing and Releasing Elements (dar)507
accessibility, browsers, screen-readers, support
ServerlessHorrors (and)506
websites, serverless, cloud-computing
What Is Vuetify in Vue.js?505
vuetify, vuejs
YouTube Video Embedding Harm Reduction (jvo)504
multimedia, embed-code, youtube, html, privacy
Tumblr and WordPress to Sell Users’ Data to Train AI Tools (404)503
wordpress, ai
The 3 Capabilities Designers Need to Build for the AI Era (uxd)502
design, career, training, ai, link-lists
10 Takeaways From the WebAIM Screenreader Survey #10 (kar)501
accessibility, screen-readers
A Web Designer’s Accessibility Advocacy Toolkit (sma)500
accessibility, advocacy, strategies
CSS-Only Bottom-Anchored Scrolling Area (kit)499
css, scrolling
How to Build a Newthing498
how-tos, processes, creativity, maintenance
No Outer Margin497
css, margins, spacing, components
Open Letter to Tim Cook, Sabotaging Web Apps Is Indefensible (owa)496
apple, web-apps
Speaker Spotlight: Michelle Barker (mic)495
interviews, css, sustainability
The CSS Cascade—a (Re)Introduction (mat)494
videos, css, cascade
What Is a Single-Page Application? (hey)493
single-page-apps, javascript, performance, user-experience
Why I Use Firefox (sim)492
browsers, mozilla, firefox
CSS Foundations: What Is IACVT? (bra)491
css, fundamentals
Advanced Figma Tips and Tricks 2024: Little Gems We Love (uxd)490
figma, tips-and-tricks
Home Screen Advantage (sli)489
browsers, apple, mobile, support, web-apps, web-platform
CAPTCHA Is Still [the] Most Problematic Issue on the Web (cer)488
accessibility, web, captcha
CSS “:has()” Interactive Guide (sha)487
guides, css, selectors
JSDoc as an Alternative TypeScript Syntax486
typescript, documentation, jsdoc
My WebAIM 10th SR User Survey Takeaways (aar)485
accessibility, screen-readers
Navigating Signals: An Efficient Alternative to React Hooks for Enhanced Performance and Optimization484
react, hooks, signals
Understanding Event-Driven Architecture483
architecture, events
WebAIM Screen Reader User Survey 10 (den)482
accessibility, screen-readers
The Power of Patterns and Playbooks in Content Design (kat/uxd)481
design, content, design-patterns
A Developer’s Guide for Web Accessibility480
guides, accessibility
Proposal: CSS Variable Groups (lea)479
css, variables
Why My Code Isn’t in TypeScript (rem)478
typescript
ARIA (Are Ya) Afraid of the Dark? Unmasking Common HTML Monsters to Create Better User Experiences (deq)477
videos, accessibility, aria, html, user-experience
Building Dynamic Progress Bars Using Only CSS (ami)476
css, progress-indicators
Difference Between the Accessibility Page and the Accessibility Statement475
accessibility, documentation, comparisons
Filling Gaps With a Polyfill (jay)474
polyfills, html, css, javascript, history
htmx vs. React: A Complete Comparison473
htmx, react, comparisons
JSR: What We Know So Far About Deno’s New JavaScript Package Registry (sar/soc)472
jsr, deno, dependencies, javascript
Vanilla JavaScript, Libraries, and the Quest for Stateful DOM Rendering (sma)471
javascript, libraries, client-side-rendering, state-management
UX Leadership Is Failing (and What We Can Do About It) (uxd)470
user-experience, leadership
JavaScript Bloat in 2024 (nik)469
javascript, performance
Navbar Gallery468
websites, navigation, design-patterns, examples
10 Best “Create React App” Alternatives for Different Use Cases467
react, frameworks, tech-stacks, comparisons, link-lists
How to Optimize the Web for the Worst User Conditions?466
how-tos, user-experience, responsive-design, performance, optimization
My Favourite Animation Trick: Exponential Smoothing (lis)465
animations, tips-and-tricks
Next.js vs. Remix—a Developer’s Dilemma464
nextjs, remix, comparisons
Node.js 2023 Year in an Article (raf)463
nodejs, retrospectives
Parallax Effect With CSS Custom Properties (fro)462
css, custom-properties, effects, parallax
Release Notes for Safari Technology Preview 189 (jon/web)461
release-notes, browsers, apple, safari
Syntax Highlighting With No Spans?! (chr/fro)460
css, apis, syntax-highlighting
View Transitions: Handling Aspect Ratio Changes (jaf)459
css, view-transitions, aspect-ratio
CSS “::backdrop” Now Inherits From Its Originating Element (bra)458
css, selectors
Making of True Multi-Brand Design System (uxd)457
design-systems, theming
The One Trick Every Flutter Web Dev Needs to Know456
tips-and-tricks, flutter, performance
A Practical Guide to Designing for Colorblind People (vit/sma)455
guides, accessibility, design, colors, color-blindness
A Practical Guide to Using Shadow DOM (may)454
guides, dom, shadow-dom
Control Lazy Load, Infinite Scroll, and Animations in React453
react, lazy-loading, scrolling, animations, javascript
CSS-Only Radial Progress Bars Using Conic Gradients452
videos, css, gradients, progress-indicators
Design Patterns That Encourage Junk Data (mic)451
design-patterns, sustainability, economics, storage, email
Does Your Design Conform With WCAG Accessibility Guidelines—or Does It Comply? (deq)450
videos, accessibility, wcag, guidelines, compliance
How to Transfer Binary Data Efficiently Across Worker Threads in Node.js449
how-tos, nodejs, worker-threads
How to Use Local Storage in JavaScript (fre)448
how-tos, browser-storage, javascript
Okay, Color Spaces (eee)447
colors, oklch
“random()” Distribution Visualizer446
javascript, randomness, visualization
Why Is JavaScript Fragile? (cfe)445
javascript
My Design System Journey: Building the Plane While Flying (uxd)444
design-systems, collaboration, processes
How to Make a Cursor Image Hover Effect With CSS and JS443
how-tos, css, javascript, images, cursors
Preventing SQL Injection Attacks in Node.js442
security, nodejs, databases, sql
100 Things You Can Do on Your Personal Website (cap)441
blogging, writing, indieweb
17 Equations That Changed the World—Rewritten in JavaScript440
javascript, math
7 Effective Ways to Craft Compelling Problem Statements for UX Design (uxm)439
user-experience, product-management, processes
Fostering a Collaborative Onboarding Team to Design Better Onboarding Experiences (uxm)438
collaboration, onboarding, user-experience
How to Design an Accessible Web Site for People With Color-Deficient Vision (uxm)437
how-tos, accessibility, dei, user-experience, colors, contrast, readability
The Fifty-Fifty Split and Overflow (hex)436
css, overflow, layout
[Web Accessibility] Survey Results435
accessibility, surveys
“Web Design as a Process” in Charts: Maintenance, Decay, Tech Debt, and Big Bang Launching (j9t)434
content, design, design-debt, technical-debt, maintenance, processes, visualization
What Is Utility-First CSS? (hey)433
css, presentational-html, principles
Responsive Web Design: 3 Key Fundamentals (nng)432
videos, responsive-design, fundamentals
Don’t Care About Accessibility? Resistance Is Futile! (cer)431
accessibility
Tailwind Marketing and Misinformation Engine430
tailwind, css, semantics, principles, maintainability, marketing
Syntax Highlighting Code Snippets With Prism and the Custom Highlight API (bra)429
apis, javascript, css, syntax-highlighting
A Manifesto for Small, Static, Web Apps (ros)428
manifestos, web-apps, principles
JavaScript on Demand: How Qwik Differs From React Hydration (the)427
javascript, qwik, react, hydration, comparisons
JavaScript Workers426
videos, javascript, web-workers
Understanding React “useEffect”425
react, hooks
Be a Better Developer With These Git Good Practices424
git, best-practices, conventions, consistency, code-reviews
Frontend Application Security: Tips and Tricks423
web-apps, security, xss, csrf, authentication, dependencies, csp, validation, tips-and-tricks
How to Set Up a Node Server With TypeScript in 2024 (jle)422
how-tos, nodejs, servers, typescript
It’s Official, Apple Kills Web Apps in the EU (owa)421
web-apps, apple
Popular Git Config Options (b0r)420
git, configuration
UI = ƒ(statesⁿ) (dav)419
design, state-management
A Dozen Thoughts About AI (dav)418
ai
ARIA “note” (aar)417
accessibility, aria, browsers, screen-readers, support
CSS “:is(.awesome)” (mar/cfe)416
videos, css, selectors, techniques
Full Guide on How to Hire Front-End Developers Effectively415
guides, how-tos, hiring, career
Future of CSS: Functions and Mixins414
css, functions, mixins
Getting to an Accessibility Strategy413
accessibility, strategies, processes
How I Developed the 10 Usability Heuristics412
usability, heuristics, history
Making the Most of Ligatures (man)411
css, typography
Playing With Infinity in CSS (lon)410
css, math
React Labs: What We’ve Been Working On—February 2024 (rea)409
react
Top 20 JavaScript One-Liners That Don’t Actually Work (dar)408
javascript
How Accessibility Standards Can Empower Better Chart Visual Design (sma)407
accessibility, contrast, colors, information-design
Input Type “date”: The Accessibility of HTML Date Picker406
accessibility, forms
Reasonable WCAG Additions (a11)405
accessibility, wcag
The Text File That Runs the Internet (dav/ver)404
robotstxt, crawling, scraping, ai, web
Wednesday, February 14, 2024 Security Releases (raf+/nod)403
release-notes, nodejs, security
What Is Lighthouse Speed Index (SI) and How to Reduce It402
performance, metrics, lighthouse, google
What Is the Difference Between ASP and ASP.NET?401
asp, asp-net, comparisons
When It Says “Name From Author” It Means From You, Not Boll or Bukowski (ste)400
accessibility, aria, naming
Scroll-Driven Animations: You Want “overflow: clip”, not “overflow: hidden” (bra)399
css, overflow, scrolling, animations
A Practical Guide to Designing for Children (vit/sma)398
guides, design, link-lists
Advanced Architecture for AI Application (aka AAAA) (aus)397
ai, architecture, edge-computing, optimization
An Introduction to Node.js Multithreading (cra)396
introductions, nodejs, multithreading
Be Aware of Arrays—V8 Engine Advice395
javascript, javascript-engines, v8, arrays
CSS Color Module Level 4 (tab+/w3c)394
standards, css, colors
How to Center a Div (jos)393
how-tos, css, centering
How to Fix the Invisible Scrollbar Issue in iOS Browsers (sim/fro)392
how-tos, browsers, mobile, scrolling, css
The Best CSS Frameworks to Use in Your Projects for 2024 and Beyond (fre)391
css, frameworks, comparisons, bootstrap, tailwind, foundation, bulma, pure
The New CSS Math: “pow()”, “sqrt()”, and Exponential Friends (dan)390
css, functions, math
Why I Like Scrumban (j9t)389
processes, agile, scrum, kanban
Building htmx and Go Web Apps With Gemini Advanced388
videos, web-apps, htmx, go, ai, gemini
Selenium Automation Testing: A Step-by-Step Beginners Guide387
guides, selenium, testing, automation
A CSS Project Boilerplate (bel/pic)386
css, tailwind, templates
Can Generative AI Help Write Accessible Code? (tin/tet)385
accessibility, code-generation, ai
How to Boost WordPress Security and Protect Your SEO Ranking384
how-tos, wordpress, security, seo
How to Choose the Best Static Site Generator in 2024383
how-tos, site-generators, gatsby, jekyll, nuxt, nextjs, hugo, eleventy, vuejs
Learn TypeScript (jad)382
websites, courses, typescript
React, Solid, htmx381
react, solidjs, htmx, comparisons
The Anatomy of Addictive Content (moz)380
content, writing, seo
The ü/ü Conundrum379
javascript, unicode, encoding
You Want to Make It Easy to Feature Your Content (fro)378
frontend-dogma, content, community
CSS Mixins and Functions Explainer (mia/odd)377
css, mixins, functions
Dynamic Text Color Contrast Based on Background Lightness With CSS/SVG Filters (miu)376
css, svg, filters, colors, contrast
Names Are Complex: Displaying Initials for an Avatar Component in a Design System (hey)375
naming, design, case-studies
Using Recursive CSS to Change Styles Based on Depth (cri)374
css, selectors
Don’t Disable Form Controls (aar)373
accessibility, usability, forms, buttons
Navigating Prioritization: Four Approaches (cwo)372
project-management, prioritization, processes
Accelerating Code Reviews With Nudges371
research, code-reviews, productivity, experiments, facebook+meta
Everything You Need to Know About Image Formats in 2024 (web)370
images, jpeg, png, gif, webp, avif, pdf, svg
Have We Forgotten How to Build Ethical Things for the Web? (nic)369
web, ethics
HTML as the Baseline (cfe)368
html, progressive-enhancement
The Front-End Development We’re Used to Is Dying367
career, simplicity, complexity
Frequently Heard in My Beginning Front-End Web Development Class (geo/sma)366
learning, career
Git Tips: Really Large Repositories365
git, monorepos, tips-and-tricks
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on the Viewport (uti/iod)364
viewport, css, units
In Its Tantrum With Europe, Apple Broke Web Apps in iOS 17 Beta, Still Hasn’t Fixed Them (tho/the)363
web-apps, browsers, apple, mobile
Is [“* { min-width: 0; }”] a Good Idea? (kev)362
videos, css
Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm (sar/soc)361
nodejs, corepack, npm, yarn, pnpm, dependencies
So You Think You Know Git360
videos, git
The Accessibility Mindset: Moving Beyond Remediating, Fixing, and Reacting (a11)359
videos, accessibility
What Is a Descriptive Transcript?358
accessibility, multimedia
10 Best Automated AI Code Review Tools 2024357
ai, automation, code-reviews, tooling, comparisons, link-lists
CSS Is Logical (geo)356
css
Offloading JavaScript With Custom Properties (hey)355
javascript, css, custom-properties
Opportunities for AI in Accessibility (aar/ali)354
accessibility, ai
Release Notes for Safari Technology Preview 188 (jon/web)353
release-notes, browsers, apple, safari
Web Development Is Getting Too Complex, and It May Be Our Fault (mon/sma)352
web-platform, frameworks, tech-stacks, complexity
Patterns in Design Systems (ikn)351
design-systems, design-patterns, components
A Guide to Designing for Older Adults (vit/sma)350
guides, design, accessibility
Detect Caps Lock With JavaScript (dav)349
javascript
Doing What’s Required: Indicating Mandatory Fields in an Accessible Way (tpg)348
accessibility, usability, forms, errors
Immutable Array Updates With “Array.prototype.with” (jad/dev)347
javascript, arrays, prototypes, browsers, support
In Praise of the “switch” Statement (chi)346
javascript
JavaScript Promises Demystified345
javascript, promises
JavaScript vs. Python: Which One Should You Learn First?344
javascript, python, comparisons
jQuery 4.0.0 Beta (tim/jqu)343
release-notes, jquery
Lessons Learned Moving Eleventy From CommonJS to ESM in 2024 (zac/cfe)342
videos, lessons, eleventy, commonjs, esm, refactoring
Lines of Code—How to Not Measure Code Quality and Developer Efficiency (cod)341
metrics, quality, efficiency, productivity
Malicious npm Package Masquerades as Noblox.js, Targeting Roblox Users for Data Theft (sar/soc)340
npm, dependencies, security
Remix Takes on Next.js in Battle of the React Frameworks (ric/the)339
frameworks, react, remix, nextjs
When to Use the “min()” or “max()” Function (css)338
css, functions, tips-and-tricks
A Beginner’s Guide to Seamless Open-Source Contributions (wom)337
guides, foss
Designing User Onboarding: Lessons From Figma, Duolingo, and More (uxd)336
lessons, onboarding, design, user-experience, figma
UI Elements Are Not So Elementary (uxd)335
design, design-patterns
13 Best Books, Courses, and Communities for Learning React334
react, books, courses, link-lists
Bookmarklet: Load All GitHub Comments (mey)333
bookmarklets, github, code-reviews
Everything You Need to Know About Git332
git, command-line
Exciting New Tools for Designers, February 2024 (web)331
design, tooling, link-lists
Getting Into Web Components—an Intro (uti)330
introductions, web-components
How to Create Rounded Gradient Borders With Any Background in CSS (ben)329
how-tos, css, borders, gradients, backgrounds
It’s the Hope That Kills You (yat)328
accessibility, career, community
Revolutionizing Usability Testing With Machine Learning (uxm)327
usability, testing, ai
The Decision to Leave Tech (col)326
career, retrospectives
The Most Demanded Frontend Frameworks in 2023325
frameworks, comparisons, react, angular, vuejs
Thoughts on a Global Design System (chr)324
design-systems
Visual Hierarchy: Making User Experiences Easier to Understand (uxm)323
user-experience, design, hierarchy
You Won’t Scale (cfe)322
maintainability, scalability
htmx Deep Dive With Carson Gross321
videos, htmx, deep-dives
The Importance of Web Performance to Information Equity (sch/fos)320
videos, performance, accessibility
Why Disabled People’s Needs Aren’t “Special”319
accessibility
“X” Marks the Spot: Landmark Elements (stv)318
html, semantics, accessibility, assistive-tech, aria
HTML Attributes That Every Web Developer Should Know317
html, attributes, pop-overs, forms, custom-data
5 Hidden Risks of Your Inaccessible Website (deq)316
accessibility
All Art Is a Copy of Something (chr)315
art
From Many to One: Moving Our JavaScript Code Into a Monorepo314
migrating, monorepos, javascript, git
Making Your SVG Icons CSS Masks Instead of Inline HTML or Backgrounds Has Some Benefits (chr/fro)313
images, svg, css, masking, performance
SOLID Principles: They’re Rock-Solid for Good Reason312
programming, principles, solid
What Is WAP?311
wap, mobile
The SEO Starter Guide Got a Makeover (liz+)310
guides, seo, search, google
A Complete Guide to Open Source—100× Simpler309
guides, foss
A Look at the New WAI–ARIA 1.3 Draft (cra)308
accessibility, aria, standards
Career Retrospective307
career, retrospectives
Drupal Creator: Websites Needed More Than Ever in the AI Era (ric/the)306
web, ai, complexity
Dynamically Adding Text Alternatives to Images With AI (kar)305
automation, ai, accessibility, images, alt-text
Everyone’s a Sellout Now304
career, culture
How to Make a Great Framework Better?—Svelte 5 With Rich Harris (ric)303
videos, frameworks, svelte
Interop 2024 (rac/dev)302
interoperability, web-platform, browsers, support
The Web Just Gets Better With Interop 2024 (jen/web)301
web-platform, interoperability, browsers, support
Tracking Your Interviews Is Extremely Important300
career, interviewing
Is the Increasing Amount of Shit Code All the Fault of AI-Generated Code?299
ai, quality, technical-debt
What’s the Difference Between “localhost” and “127.0.0.1”?298
network, ip, testing
5 Essential DevTools Console Hacks for Every Web Developer297
videos, browsers, dev-tools
Be Purposeful About Your Content296
accessibility, content, writing
Designing Accessible Color Palettes in Figma: A Guide for Web Accessibility (kno)295
guides, accessibility, colors, color-palettes, figma
GitLab vs. GitHub: Which Is Better in 2024?294
version-control, gitlab, github, comparisons
How to Stream Files From Next.js Route Handlers (eri)293
how-tos, nextjs, routing, streaming
Implementing User Authentication in React Apps With Appwrite292
react, authentication, tooling
Interaction to Next Paint Becomes a Core Web Vital on March 12 (mal+/dev)291
performance, web-vitals, metrics
Making VPATs and ACRs More Effective in Procurement (web)290
accessibility, vpat-acr, processes
Practice Safe DSD With “setHTMLUnsafe” (It’s Complicated) (jar/van)289
html, dom, shadow-dom, apis, security
Tackling Flaky Tests With Cypress and Playwright Through Network Synchronization288
testing, flakiness, cypress, playwright, network
The Art and Science of Annotations in Dev Mode (fig)287
figma, annotations
The Good, the Bad, the Web Components (zac)286
web-components, shadow-dom, dom
Why Not htmx? (cfe)285
htmx
PurePWA—a Radical U-Turn in Web Development284
web-apps, progressive-web-apps, simplicity, tooling
A Highly Configurable Switch Component Using Modern CSS Techniques (bel/pic)283
html, css
Celebrate a More Interoperable Web With Interop 2023 (rac/dev)282
web-platform, interoperability, browsers, support
“field-sizing” Just Works! (kil/pol)281
css, forms, comparisons
Going Beyond Pixels and (r)ems in CSS—Relative Length Units Based on Font (uti/iod)280
css, units, fonts
Is Generated Code Harder to Maintain?279
discussions, ai, maintainability, maintenance
Learn Testing (dev)278
courses, testing
New to the Web Platform in January (rac/dev)277
release-notes, web-platform, browsers, mozilla, firefox, google, chrome, apple, safari
Onboarding (mfo)276
processes, onboarding, productivity, engineering-management
Stop Burning Out Maintainers: An Empathetic Guide for Contributors (bek/ope)275
guides, foss, collaboration
The Psychology of Site Speed and Human Happiness (tam/spe)274
performance, usability
Tuesday, February 6, 2024 Security Releases (raf/nod)273
release-notes, nodejs, security
Understanding Signals in Django272
signals, django
Use CSS “accent-color” to Style Your Inputs (cas)271
css, forms
Web Platform Design Principles (lea/w3c)270
web-platform, software-design, principles, standards, w3c
Why Do Rubber Ducks Work?269
processes, productivity, creativity
At Last, Browser Choice * (dav)268
legal, browsers, apple, mobile
Debunking 10 Common Objections to Incremental Delivery for Software Teams267
agile, processes
Dynamic README Image Based on GitHub Activity266
readme, github
Express Forward265
discussions, outlooks, express
Git: The Basics of “git bisect” (ada)264
fundamentals, git
How to Favicon in 2024: Six Files That Fit Most Needs (sit/evi)263
how-tos, images, favicons
Next.js App Router Migration: The Good, Bad, and Ugly262
nextjs, routing, migrating
The EU Forces Open Apple’s Walled Garden261
legal, apple, browsers, mobile
The Web Component Success Story (jak)260
web-components
Practical Guide to Destructuring: TypeScript vs. Dart259
guides, typescript, dart, comparisons
The Loss of the Process in the Name of Progress (uxd)258
design, creativity, productivity, processes
ESG and DEI Policies Were Always Luxury Goods (blo)257
dei, sustainability, policies
A Guide to Styling Tables (sto)256
css, tables, responsive-design
Design Systems Burnout (fon)255
design-systems
Nicer Text Wrapping With CSS “text-wrap” (lon)254
css, typography
Apple Redecorates Its iPhone Prison to Appease Europe (tho/the)253
legal, browsers, apple, mobile
Apple, the DMA, and Malicious Compliance (bru)252
legal, browsers, apple, mobile
Big, Beautiful, Beefy Focus States With “:focus-visible” (dav)251
css, selectors, focus
Gold Text Effect With CSS (man)250
css, effects
Please, Don’t Force Me to Log In (ham)249
web, authentication, user-experience
Futuring With Design (uxd)248
design, creativity, processes
5 Web Design Disasters That Will Ruin Your 2024 (web)247
design, responsive-design, seo
7 Tips for Devs and Designers to Set Your Accessibility Efforts Up for Success (deq)246
accessibility, tips-and-tricks, processes
HTML Web Components on the Server Are Great (sco)245
html, web-components
Inside .git (b0r)244
git
Introducing Our Updated [Green Web Hosting] Directory (mrc)243
introductions, release-notes, sustainability, hosting
Mozilla Says Apple’s New Browser Rules Are “as Painful as Possible” for Firefox (ver)242
browsers, apple, mozilla, firefox, mobile
Overlays and Ethics: A Conference Panel That Hurt My Heart (lfl)241
accessibility, ethics, overlays, community
The Impact of Developer Experience240
research, developer-experience, productivity, efficiency
A Day in the Life of a Developer—Building a Dashboard App With SQL, Node.js, Django, and Next.js239
functionality, databases, sql, nodejs, django, nextjs
Animating Font Palette (man)238
css, colors, fonts, effects
CSS Blurry Shimmer Effect (sma)237
css, effects
Deno 1.40: Temporal API (den)236
release-notes, deno, apis, time
JWT vs. Session Authentication235
security, authentication, json-web-tokens, comparisons
One World, One Web, One Love (aar)234
web
Should Links Open in a New Tab? (stv)233
links, usability, user-experience
The Largest Webshops in the Netherlands Remain Inaccessible for People With Visual and/or Motor Impairments232
studies, research, accessibility, ecommerce, legal
This Web Page Is Best Viewed in the EU (gri/clo)231
legal, browsers, apple, mobile, web
Using Alternative Browser Engines in the European Union230
apple, browsers, browser-engines, mobile
14 Best SEO Tools in 2024 (web)229
seo, tooling, link-lists
An Introduction to the Liquid Template Language228
introductions, liquid, template-engines
Are Design Systems a Zero-Interest Rate Phenomenon? (dav)227
design-systems, economics
Five Future Roles for Designers (jar)226
design, career, outlooks
Getting Started With Content Collections in Astro225
introductions, astro
GitHub, npm Registry Abused to Host SSH Key-Stealing Malware224
github, npm, security, malware, foss
On Web Components (tmc)223
web-components