Reimagining Fluid Typography
Miriam Suzanne introduces fluid typography techniques in CSS, balancing readability across different screen sizes. - https://www.oddbird.net/2025/02/12/fluid-type/
#css
Miriam Suzanne introduces fluid typography techniques in CSS, balancing readability across different screen sizes. - https://www.oddbird.net/2025/02/12/fluid-type/
#css
OddBird
Reimagining Fluid Typography
Are we responding to the right inputs?
👍1
Building a Linux Electron App
Electron is cross-platform, but there are still platform specific quirks to be aware of. - https://www.dolthub.com/blog/2025-05-29-building-a-linux-electron-app/
#nodejs
Electron is cross-platform, but there are still platform specific quirks to be aware of. - https://www.dolthub.com/blog/2025-05-29-building-a-linux-electron-app/
#nodejs
Dolthub
Building a Linux Electron App
A comprehensive guide to adapting Dolt Workbench for Linux, covering packaging choices, configuration specifics, and solutions for platform-specific challenges.
❤2👍1
Building a “Select All” Checkbox Composable in Vue
This post walks through creating a reusable Vue 3 composable to handle “Select All” functionality efficiently. - https://marcoarruda.medium.com/building-a-select-all-checkbox-composable-in-vue-515651c9433a
#vue
This post walks through creating a reusable Vue 3 composable to handle “Select All” functionality efficiently. - https://marcoarruda.medium.com/building-a-select-all-checkbox-composable-in-vue-515651c9433a
#vue
Medium
Building a “Select All” Checkbox Composable in Vue
Managing checkboxes in a Vue 3 application can quickly become tricky, especially when dealing with “Select All” functionality. Whether…
👍2👏1
Using useOptimistic to Make Your App Feel Instant - https://www.epicreact.dev/use-optimistic-to-make-your-app-feel-instant-zvyuv
#react
#react
Epic React
`useOptimistic` to Make Your App Feel Instant
Make your React apps feel instant with the new useOptimistic hook from React 19. Improve UX by updating UI immediately while async actions complete.
👍1
A testing strategy for a domain-centric architecture
I’ll propose a testing strategy for the hexagonal… - https://readmedium.com/a-testing-strategy-for-a-domain-centric-architecture-e-g-hexagonal-9e8d7c6d4448
#architecture
I’ll propose a testing strategy for the hexagonal… - https://readmedium.com/a-testing-strategy-for-a-domain-centric-architecture-e-g-hexagonal-9e8d7c6d4448
#architecture
Readmedium
A testing strategy for a domain-centric architecture (e.g. hexagonal)
I’ll propose a testing strategy for the hexagonal architecture.
👍1
Don’t Overcomplicate Your Angular App
Avoiding Common Overengineering Pitfalls in Angular Apps - https://readmedium.com/dont-overcomplicate-your-angular-app-e4e8886e518f
#angular
Avoiding Common Overengineering Pitfalls in Angular Apps - https://readmedium.com/dont-overcomplicate-your-angular-app-e4e8886e518f
#angular
Readmedium
Don’t Overcomplicate Your Angular App
Avoiding Common Overengineering Pitfalls in Angular Apps
👍2❤1
Production-Grade Logging in Node.js with Pino - https://www.dash0.com/guides/logging-in-node-js-with-pino
#nodejs
#nodejs
Dash0
Production-Grade Logging in Node.js with Pino · Dash0
This article explores Pinos core features integration with popular Nodejs frameworks and setting up a productiongrade logging pipeline with OpenTelemetry
👍2
Love at first slide! Creating a carousel purely out of CSS
Brecht De Ruyte showcases a CSS-only carousel, eliminating JavaScript for a lightweight and accessible slider experience. - https://utilitybend.com/blog/love-at-first-slide-creating-a-carousel-purely-out-of-css
#css
Brecht De Ruyte showcases a CSS-only carousel, eliminating JavaScript for a lightweight and accessible slider experience. - https://utilitybend.com/blog/love-at-first-slide-creating-a-carousel-purely-out-of-css
#css
Utilitybend
Love at first slide! Creating a carousel purely out of CSS | utilitybend
This Valentine's Day, fall in love with a new way to build carousels: pure CSS! Discover the power of CSS scroll-markers to create fully functional sliders without dependencies. Lets take a first look at this new feature.
👍1
A Study Guide to Data Fetching in React - https://reactpractice.dev/articles/study-guide-data-fetching-in-react/
#react
#react
reactpractice.dev
Study guide: Data fetching in React
Learning to fetch data in React is one of the first things you'll learn as you get started with React. But it's not so straightforward - do you use React Query out of the box? Or just stick to useEffect?
And even after you're built an app or two, there
And even after you're built an app or two, there
👍1
How to Do Visual Regression Testing in Vue with Vitest?
Visual regression testing detects unintended UI changes by comparing screenshots.
In this guide, you’ll learn how to set up visual regression testing for Vue components using Vitest. - https://alexop.dev/posts/visual-regression-testing-with-vue-and-vitest-browser/
#vue
Visual regression testing detects unintended UI changes by comparing screenshots.
In this guide, you’ll learn how to set up visual regression testing for Vue components using Vitest. - https://alexop.dev/posts/visual-regression-testing-with-vue-and-vitest-browser/
#vue
alexop.dev
How to Do Visual Regression Testing in Vue with Vitest? | alexop.dev
Learn how to implement visual regression testing in Vue.js using Vitest's browser mode. This comprehensive guide covers setting up screenshot-based testing, creating component stories, and integrating with CI/CD pipelines for automated visual testing.
👍2❤1
A Report on How the Web is Really Using JavaScript
Each year, the HTTP Archive puts together the Web Almanac, a report on the ‘state of the Web’. The JavaScript section has just gone live and goes into depth on how much JS we’re using (or failing to use!), the popularity of TypeScript, loading methods, Web Worker use, and, yes, jQuery still leads the way! - https://almanac.httparchive.org/en/2024/javascript
#javascript
Each year, the HTTP Archive puts together the Web Almanac, a report on the ‘state of the Web’. The JavaScript section has just gone live and goes into depth on how much JS we’re using (or failing to use!), the popularity of TypeScript, loading methods, Web Worker use, and, yes, jQuery still leads the way! - https://almanac.httparchive.org/en/2024/javascript
#javascript
almanac.httparchive.org
JavaScript | 2024 | The Web Almanac by HTTP Archive
JavaScript chapter of the 2024 Web Almanac covering the usage of JavaScript on the web, libraries and frameworks, compression, web components, and source maps.
👍2
OpenAI Client 5.x: Use OpenAI's Models from Node
The latest version of OpenAI’s official JavaScript library for its various APIs now has support for all its latest models and the Realtime API (v5.0 changelog). It also supports Deno and Bun. - https://github.com/openai/openai-node
#nodejs
The latest version of OpenAI’s official JavaScript library for its various APIs now has support for all its latest models and the Realtime API (v5.0 changelog). It also supports Deno and Bun. - https://github.com/openai/openai-node
#nodejs
GitHub
GitHub - openai/openai-node: Official JavaScript / TypeScript library for the OpenAI API
Official JavaScript / TypeScript library for the OpenAI API - openai/openai-node
👍3
Tailwind Toot — text underlines, but cooler
Okay, this video is a fun little deep dive into making text underlines more interesting with Tailwind CSS. If you think underlines are boring, you're not alone—this tutorial shows you how to change things up. The author plays around with colors, starting with a basic violet, but then takes it a step further by switching the underline style to wavy, dotted, dashed, and more. - https://www.youtube.com/watch?v=WSCkaPXcZoA
#tailwind
Okay, this video is a fun little deep dive into making text underlines more interesting with Tailwind CSS. If you think underlines are boring, you're not alone—this tutorial shows you how to change things up. The author plays around with colors, starting with a basic violet, but then takes it a step further by switching the underline style to wavy, dotted, dashed, and more. - https://www.youtube.com/watch?v=WSCkaPXcZoA
#tailwind
YouTube
Tailwind Toot — text underlines, but cooler.
In this toot, we take a boring regular text underline and spice it up with some color, wave-iness, thickness and vertical separation!
Let's hit the waves, bruh 🤙
Let's hit the waves, bruh 🤙
👍1🔥1
Avoid a common Vue PERFORMANCE KILLER
Registering components globally is a common patter but also often a performance killer.
Learn in this video what a better way of adding third party components is and how to spot such chances in existing projects already. - https://www.youtube.com/watch?v=xqBqInEPGlc
#vue
Registering components globally is a common patter but also often a performance killer.
Learn in this video what a better way of adding third party components is and how to spot such chances in existing projects already. - https://www.youtube.com/watch?v=xqBqInEPGlc
#vue
YouTube
Avoid a common Vue PERFORMANCE KILLER
Registering components globally is a common patter but also often a performance killer. Learn in this video what a *better* way of adding third party components is and how to spot such chances in existing projects already.
PS: You also learn reading a tree…
PS: You also learn reading a tree…
👍2❤1
Mastering State Management in Angular with NgRx and signals: Scalable, Predictable, Performant
Explore how NgRx helps you manage complex application state in Angular using the power of Redux-inspired architecture. This talk demystifies NgRx concepts like Store, Actions, Reducers, Effects, and Selectors — with real-world examples to help you write scalable and maintainable code. - https://angular.love/mastering-state-management-in-angular-with-ngrx-and-signals-scalable-predictable-performant
#angular
Explore how NgRx helps you manage complex application state in Angular using the power of Redux-inspired architecture. This talk demystifies NgRx concepts like Store, Actions, Reducers, Effects, and Selectors — with real-world examples to help you write scalable and maintainable code. - https://angular.love/mastering-state-management-in-angular-with-ngrx-and-signals-scalable-predictable-performant
#angular
Angular.love
Angular.love - Blog and community for Angular fans
Angular.love - a place for all Angular enthusiasts created to inspire and educate.
👍1
Teaching Next.js Route Handlers to GitHub Copilot
Ever tried getting Copilot to write a Next.js app using modern App Router features? Turns out, it struggles badly. This guide describes how you can fix that by providing the right context - https://www.ericburel.tech/blog/teaching-nextjs-to-github-copilot
#react
Ever tried getting Copilot to write a Next.js app using modern App Router features? Turns out, it struggles badly. This guide describes how you can fix that by providing the right context - https://www.ericburel.tech/blog/teaching-nextjs-to-github-copilot
#react
www.ericburel.tech
Generating Next.js Route Handlers with GitHub Copilot
"What's funnier that teaching Next.js to human beings? Teaching Next.js to LLMs!
Some little ways I’m using CSS :has() in the real world
This is a practical look at how Andy Bell has been using the :has() pseudo-class in actual client projects. He shares a few real-world examples, like adjusting banner layouts based on the presence of a button or using :has() to flexibly style form labels when they contain inputs. Nothing fancy here, but definitely a solid read if you want to see how :has() can make your life easier. - https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world
#css
This is a practical look at how Andy Bell has been using the :has() pseudo-class in actual client projects. He shares a few real-world examples, like adjusting banner layouts based on the presence of a button or using :has() to flexibly style form labels when they contain inputs. Nothing fancy here, but definitely a solid read if you want to see how :has() can make your life easier. - https://piccalil.li/blog/some-little-ways-im-using-css-has-in-the-real-world
#css
Piccalilli
Some little ways I’m using CSS :has() in the real world
I’ve created some low fidelity demos of :has() snippets that I’ve been using in real-world client projects.
👍1
Core Nuxt Features for Fast, Scalable, and SEO-Optimized Web Apps
This article explores a carefully curated selection of core Nuxt.js features that make it a standout framework, focusing on how they enhance performance, developer experience, and scalability. - https://www.monterail.com/blog/core-nuxt-features-for-web-apps
#vue
This article explores a carefully curated selection of core Nuxt.js features that make it a standout framework, focusing on how they enhance performance, developer experience, and scalability. - https://www.monterail.com/blog/core-nuxt-features-for-web-apps
#vue
Monterail
Core Nuxt Features for Fast, Scalable, and SEO-Optimized Web Apps | monterail blog
Learn how to enhance web app development with core Nuxt features. Explore flexible rendering modes, TypeScript support, data fetching mechanisms, modular architecture, and more.
❤2
How to Choose the Transport Protocol for Your NestJS Microservice
NestJS, a progressive framework for building… - https://blog.stackademic.com/how-to-choose-the-transport-protocol-for-your-nestjs-microservice-a4c9ef1cacd6
#nodejs
NestJS, a progressive framework for building… - https://blog.stackademic.com/how-to-choose-the-transport-protocol-for-your-nestjs-microservice-a4c9ef1cacd6
#nodejs
Medium
How to Choose the Transport Protocol for Your NestJS Microservice
NestJS, a progressive framework for building efficient, scalable Node.js applications, offers robust tools for microservice communication…
👍1
System Architecture: Distributed task scheduling service
Microservices/event-driven worker-based architecture… - https://readmedium.com/system-architecture-distributed-task-scheduling-service-46b293335bb8
#system #design
Microservices/event-driven worker-based architecture… - https://readmedium.com/system-architecture-distributed-task-scheduling-service-46b293335bb8
#system #design
Readmedium
System Architecture: Distributed task scheduling service
Microservices/event-driven worker-based architecture of highly scalable distributed task scheduling service
👍1