Building an Infinite Marquee Along an SVG Path with React and Motion - https://tympanus.net/codrops/2025/06/17/building-an-infinite-marquee-along-an-svg-path-with-react-motion/
#react
#react
Codrops
Building an Infinite Marquee Along an SVG Path with React & Motion | Codrops
Learn how to create an infinite marquee that follows a custom SVG path using React and Motion.
👍3
Six Ways Slack, Notion, and VS Code Improved Electron App Performance
An experienced Electron app developer shares a guide to Electron performance optimization and how to get the most out of your apps. - https://palette.dev/blog/improving-performance-of-electron-apps
#nodejs
An experienced Electron app developer shares a guide to Electron performance optimization and how to get the most out of your apps. - https://palette.dev/blog/improving-performance-of-electron-apps
#nodejs
palette.dev
Build silky smooth web apps
Monitor regressions to interaction performance, down to the line of code.
❤1👍1
Vue computed with Get and Set
This article explores how computed properties work with both get and set.
It dives into practical use cases, and shows how they can simplify complex logic in Vue applications. - https://marcoarruda.medium.com/vue-computed-with-get-and-set-e892c1820130
#vue
This article explores how computed properties work with both get and set.
It dives into practical use cases, and shows how they can simplify complex logic in Vue applications. - https://marcoarruda.medium.com/vue-computed-with-get-and-set-e892c1820130
#vue
Medium
Vue computed with Get and Set
Vue’s computed properties are a powerful way to derive and manipulate data reactively. While most developers use computed properties as…
❤1👍1
Use "translate" to turn off element translations - https://www.stefanjudis.com/today-i-learned/non-translatable-html-elements/
#css
#css
Stefanjudis
Use "translate" to turn off element translations
Use the `translate` attribute to disable localization for HTML elements.
👍1
A simple masonry-like composable layout
A masonry layout is a grid-like layout that has a set column system with a flexible, content-driven row system. What this setup does is allow content to be displayed in a brick wall-like layout — hence the name, masonry. Content is packed into space, rather than adhering to a strict, set row system.- https://piccalil.li/blog/a-simple-masonry-like-composable-layout/
#css
A masonry layout is a grid-like layout that has a set column system with a flexible, content-driven row system. What this setup does is allow content to be displayed in a brick wall-like layout — hence the name, masonry. Content is packed into space, rather than adhering to a strict, set row system.- https://piccalil.li/blog/a-simple-masonry-like-composable-layout/
#css
Piccalilli
A simple masonry-like composable layout
It’s going to be a long time until CSS masonry is ready for us to use in our projects so I’ve got a nice stop-gap here for you that uses composable layouts.
👍1
Vercel Ship 2025 Livestreaming Right Now
Obviously it depends on when you’re reading this, but as we’re sending Guillermo Rauch is giving the keynote at today’s Vercel Ship event where the popular app hosting provider and custodians of Next.js is expected to reveal its latest news, as well as give a variety of talks, according to the schedule. - https://www.youtube.com/watch?v=EfiKu56xvJk
#react
Obviously it depends on when you’re reading this, but as we’re sending Guillermo Rauch is giving the keynote at today’s Vercel Ship event where the popular app hosting provider and custodians of Next.js is expected to reveal its latest news, as well as give a variety of talks, according to the schedule. - https://www.youtube.com/watch?v=EfiKu56xvJk
#react
YouTube
Vercel Ship 2025
Vercel’s one-day event for business leaders and developers.
👍1
Angular Micro-Frontends: How We Scale Apps at Google-Size
Ever stared at a massive Angular monolith and thought… - https://medium.com/@mehdibafdil/angular-micro-frontends-how-we-scale-apps-at-google-size-38b50e408898
#angular
Ever stared at a massive Angular monolith and thought… - https://medium.com/@mehdibafdil/angular-micro-frontends-how-we-scale-apps-at-google-size-38b50e408898
#angular
Medium
Angular Micro-Frontends: How We Scale Apps at Google-Size
Ever stared at a massive Angular monolith and thought, There has to be a better way? Three years ago, our team faced the same challenge…
👍1
How To Do Form Validation in Vue with Tanstack Form
Quickly integrate form validation in your Vue or Nuxt application using Tanstack Form. - https://www.youtube.com/watch?v=cdcb-BXWUsc
#vue
Quickly integrate form validation in your Vue or Nuxt application using Tanstack Form. - https://www.youtube.com/watch?v=cdcb-BXWUsc
#vue
YouTube
How To Do Form Validation in Vue with Tanstack Form
How To Do Forms in Vue with Tanstack Form
Quickly integrate form validation in your vuejs or nuxt js application using tanstack form
Quick walkthrough of simple project showing
- form validation with zod
- validating select
- validating date from calendat…
Quickly integrate form validation in your vuejs or nuxt js application using tanstack form
Quick walkthrough of simple project showing
- form validation with zod
- validating select
- validating date from calendat…
👍1
Styling Console Text in Node.js
There are numerous ways to do this. - https://2ality.com/2025/05/ansi-escape-sequences-nodejs.html
#nodejs
There are numerous ways to do this. - https://2ality.com/2025/05/ansi-escape-sequences-nodejs.html
#nodejs
2Ality
Styling console text in Node.js
In this blog post, we explore how we can style text that we log to the console in Node.js. Some of the examples use a Unix shell but most of the code should also work on Windows.
👍1
Balancing Text In CSS
How to make text look more balanced
in CSS. - https://ishadeed.com/article/balancing-text-css/
#css
How to make text look more balanced
in CSS. - https://ishadeed.com/article/balancing-text-css/
#css
Ishadeed
Balancing Text In CSS
Make text look more balanced with text-wrap in CSS.
👍3
A deep dive into Angular’s FormArray container
Handling dynamic, structured data is a common challenge in modern web applications. Whether building spreadsheets, surveys, or data grids, developers need forms that can adapt to user input. Angular’s FormArray is a powerful container tool designed for this purpose. - https://blog.logrocket.com/deep-dive-angular-formarray-container/
#angular
Handling dynamic, structured data is a common challenge in modern web applications. Whether building spreadsheets, surveys, or data grids, developers need forms that can adapt to user input. Angular’s FormArray is a powerful container tool designed for this purpose. - https://blog.logrocket.com/deep-dive-angular-formarray-container/
#angular
LogRocket Blog
A deep dive into Angular’s FormArray container - LogRocket Blog
This Angular guide demonstrates how to create a pseudo-spreadsheet application with reactive forms using the FormArray container.
❤2👍1
What is TypeScript? An Overview for JavaScript Programmers
You may have noticed esteemed JavaScript developer and author Dr. Axel has been on a TypeScript odyssey recently. Here he does a good job at boiling down the what (rather than the ‘why’) of TypeScript. - https://2ality.com/2025/02/what-is-typescript.html
#typescript
You may have noticed esteemed JavaScript developer and author Dr. Axel has been on a TypeScript odyssey recently. Here he does a good job at boiling down the what (rather than the ‘why’) of TypeScript. - https://2ality.com/2025/02/what-is-typescript.html
#typescript
2Ality
What is TypeScript? An overview for JavaScript programmers
Read this blog post if you are a JavaScript programmer and want to get a rough idea of what using TypeScript is like (think first step before learning more details). You’ll get answers to the following questions: How is TypeScript code different from JavaScript…
👍2
Vue is Too Easy
Vue makes building web apps simple but powerful.
It’s easy to learn, yet flexible enough for large projects. - https://fadamakis.com/vue-is-too-easy-3d4ecca5e454
#vue
Vue makes building web apps simple but powerful.
It’s easy to learn, yet flexible enough for large projects. - https://fadamakis.com/vue-is-too-easy-3d4ecca5e454
#vue
Medium
Vue is Too Easy
Front end development is a very polarized industry. We argue about programming languages, frameworks, and even the best indentation style…
👍3🤩1
Unpacking Node.js Memory - From Raw Bytes to Usable Data
An introduction to ArrayBuffer, TypedArray, and Buffer. - https://www.banjocode.com/post/node/memory-management
#nodejs
An introduction to ArrayBuffer, TypedArray, and Buffer. - https://www.banjocode.com/post/node/memory-management
#nodejs
Banjocode
Unpacking Node.js Memory - From Raw Bytes to Usable Data | banjocode
Explore how Node.js handles binary data under the hood with a simple guide to ArrayBuffer, TypedArray, and Buffer. Learn how these core concepts work together for efficient file and memory management in Node.
👍1👏1
Understanding React Re-Renders: What Triggers Them and Why They Matter - https://shramko.dev/blog/react-rerender
#react
#react
Serhii Shramko Blog
Understanding React Re-Renders: What Triggers Them and Why They Matter
Dive into the mechanics of React re-renders — learn what causes them, how they impact performance, and how to manage them effectively.
👍1
Boost Angular Performance: Lazy Click Me Load More Guide
Angular is a globally used framework for building extremely complex and high-performing web applications at scale. However, as your app grows, performance issues might start to show if you haven’t designed your Angular app properly. - https://www.syncfusion.com/blogs/post/boost-angular-performance-lazy-loading
#angular
Angular is a globally used framework for building extremely complex and high-performing web applications at scale. However, as your app grows, performance issues might start to show if you haven’t designed your Angular app properly. - https://www.syncfusion.com/blogs/post/boost-angular-performance-lazy-loading
#angular
Syncfusion Blogs
Boost Angular Performance: Lazy Click Me Load More Guide
Learn how to implement lazy loading in your Angular apps to boost performance, reduce bundle size, and improve user experience.
👍1
Using padding to space an input and label
Darin Senneff shares a technique to space an input and label using padding instead of margins, improving form alignment and consistency. - https://www.darins.page/articles/using-padding-to-space-an-input-and-label
#css
Darin Senneff shares a technique to space an input and label using padding instead of margins, improving form alignment and consistency. - https://www.darins.page/articles/using-padding-to-space-an-input-and-label
#css
Darin Senneff
Using padding to space an input and label - Darin Senneff
Something I started doing lately is using the padding of a <label> element to create the space between it and an <input> instead of a margin or…
👍1
How to Become a Strong Software Architect
Roadmap of a Software Architect - https://readmedium.com/how-to-become-a-strong-software-architect-c36e144fe2fd
#software #architect
Roadmap of a Software Architect - https://readmedium.com/how-to-become-a-strong-software-architect-c36e144fe2fd
#software #architect
Readmedium
How to Become a Strong Software Architect
Roadmap of a Software Architect
👍3
RxDB as a Database in a Vue Application
This article explores how RxDB works, why it's a perfect match for Vue, and how you can leverage it to build more engaging, performant, and data-resilient Vue applications. - https://rxdb.info/articles/vue-database.html
#vue
This article explores how RxDB works, why it's a perfect match for Vue, and how you can leverage it to build more engaging, performant, and data-resilient Vue applications. - https://rxdb.info/articles/vue-database.html
#vue
rxdb.info
RxDB as a Database in a Vue.js Application | RxDB - JavaScript Database
Level up your Vue projects with RxDB. Build real-time, resilient, and responsive apps powered by a reactive NoSQL database right in the browser.
👍1