Animate to height: auto; in CSS
Bramus Van Damme explains how to use the interpolate-size property or the calc-size() function to enable smooth transitions and animations from lengths to intrinsic sizing keywords and back. - https://developer.chrome.com/docs/css-ui/animate-to-height-auto
#css
Bramus Van Damme explains how to use the interpolate-size property or the calc-size() function to enable smooth transitions and animations from lengths to intrinsic sizing keywords and back. - https://developer.chrome.com/docs/css-ui/animate-to-height-auto
#css
Chrome for Developers
Animate to height: auto; (and other intrinsic sizing keywords) in CSS | CSS and UI | Chrome for Developers
Animate to and from intrinsic sizing keywords with `interpolate-size` and `calc-size()`
🔥3👍2❤1
Building a blog with Nuxt content
This is an article series dedicated to building a blog with Nuxt and Nuxt Content. For this part the author introduce pagination and some navigation features into the blog. - https://masteringnuxt.com/blog/building-a-blog-with-nuxt-content-part-2
#vue
This is an article series dedicated to building a blog with Nuxt and Nuxt Content. For this part the author introduce pagination and some navigation features into the blog. - https://masteringnuxt.com/blog/building-a-blog-with-nuxt-content-part-2
#vue
Masteringnuxt
Building a blog with Nuxt content (Part 2)
Welcome back again as we build our blog with Nuxt Content. For this part we will introduce pagination and some navigation features into our blog.
👍2
Angular and Wiz Are Better Together - https://blog.angular.dev/angular-and-wiz-are-better-together-91e633d8cd5a
#angular
#angular
Medium
Angular and Wiz Are Better Together
Authors: Jatin Ramanathan, Minko Gechev
👍1🔥1
Inquirer.js 12.0: A Collection of Common Interactive CLI Controls
Want to ask your users questions? Select from predefined options? Enter a password? Check boxes? (Maybe you want to make sure they’re not affiliated with WP Engine or something ridiculous like that.) Well, then, this is for you. - https://github.com/SBoudrias/Inquirer.js
#cli #nodejs
Want to ask your users questions? Select from predefined options? Enter a password? Check boxes? (Maybe you want to make sure they’re not affiliated with WP Engine or something ridiculous like that.) Well, then, this is for you. - https://github.com/SBoudrias/Inquirer.js
#cli #nodejs
GitHub
GitHub - SBoudrias/Inquirer.js: A collection of common interactive command line user interfaces.
A collection of common interactive command line user interfaces. - SBoudrias/Inquirer.js
👍3
React Visually Explained: use client
We feature this not only for content but also for style: we like the gimmick-free simplicity, tight editing and focus of the presenter and the material she presents. - https://www.youtube.com/watch?v=eO51VVCpTk0
#react
We feature this not only for content but also for style: we like the gimmick-free simplicity, tight editing and focus of the presenter and the material she presents. - https://www.youtube.com/watch?v=eO51VVCpTk0
#react
YouTube
React Explained: 'use client'
What 'use client' is, why it exists, how it works, and how to use it.
The 'use client' directive introduces a new dimension to bundling: allowing developers to use the same language and JSX component model for UI concerns that span the client and server.…
The 'use client' directive introduces a new dimension to bundling: allowing developers to use the same language and JSX component model for UI concerns that span the client and server.…
👍5❤1
Node vs Bun: No Backend Performance Difference?
You can always trust a benchmark to ruffle some feathers, often over the methodology rather than the result. This is no exception, but interesting nonetheless. - https://evertheylen.eu/p/node-vs-bun/
#nodejs
You can always trust a benchmark to ruffle some feathers, often over the methodology rather than the result. This is no exception, but interesting nonetheless. - https://evertheylen.eu/p/node-vs-bun/
#nodejs
Evert Heylen
Node vs Bun: no backend performance difference
In this article I’ll be comparing the performance of Bun vs Node. In particular (as Bun is many things), I will focus on their performance as the runtime for your server-side JavaScript code. With Node being the default choice for many, Bun has to prove it…
👍5❤1
Implement a Dependency Injection Container in TypeScript from Scratch
IoC (also known as dependency injection container) from theory to implementation - https://medium.com/@vahid.vdn/implement-a-dependency-injection-container-from-scratch-7092c8a0ae7a
#typenoscript
IoC (also known as dependency injection container) from theory to implementation - https://medium.com/@vahid.vdn/implement-a-dependency-injection-container-from-scratch-7092c8a0ae7a
#typenoscript
Medium
Implement a Dependency Injection Container in TypeScript from Scratch
IoC (also known as dependency injection container) from theory to implementation
👍3❤2
Tightly Coupled Components Vue Components with Provide/Inject
In this article, learn how to create tightly coupled components with Vue’s provide/inject functions. This component design strategy is great for creating components that are intuitive to use together and rely on shared state! - https://vueschool.io/articles/vuejs-tutorials/tightly-coupled-components-vue-components-with-provide-inject/
#vue
In this article, learn how to create tightly coupled components with Vue’s provide/inject functions. This component design strategy is great for creating components that are intuitive to use together and rely on shared state! - https://vueschool.io/articles/vuejs-tutorials/tightly-coupled-components-vue-components-with-provide-inject/
#vue
vueschool.io
Tightly Coupled Components Vue Components with Provide/Inject - Vue School Articles
In this article, learn how to create tightly coupled components with Vue’s provide/inject functions. This component design strategy is great for creating components that are intuitive to use together and rely on shared state!
👍4
Making Orbit Animations with CSS Custom Properties
Will Boyd shows how to use CSS custom properties to compose animations in a sensible way. - https://codersblock.com/blog/making-orbit-animations-with-css-custom-properties
#css
Will Boyd shows how to use CSS custom properties to compose animations in a sensible way. - https://codersblock.com/blog/making-orbit-animations-with-css-custom-properties
#css
Codersblock
Making Orbit Animations with CSS Custom Properties
Let’s animate some CSS custom properties! This is a powerful way to approach CSS animations that would otherwise be tedious or impractical to implement. I’ll...
👍4
Improving Code Reusability in Angular Projects
In this article, you’ll find recommendations on how to make your Angular components and services more reusable, maintainable, and scalable. - https://medium.com/@eugeniyoz/improving-code-reusability-in-angular-projects-b169d4a1c786
#angular
In this article, you’ll find recommendations on how to make your Angular components and services more reusable, maintainable, and scalable. - https://medium.com/@eugeniyoz/improving-code-reusability-in-angular-projects-b169d4a1c786
#angular
Medium
Improving Code Reusability in Angular Projects
In this article, you’ll find recommendations on how to make your Angular components and services more reusable, maintainable, and scalable.
👍2
Node v23.0.0 (Current) Released
Say hello to the newest release line of Node.js that gets all the cutting edge features first (Node 22 will soon become the active LTS release). v23 notably enables support for loading ES modules with require() by default, drops 32-bit Windows support, and node --run goes stable. - https://nodejs.org/en/blog/release/v23.0.0
#nodejs
Say hello to the newest release line of Node.js that gets all the cutting edge features first (Node 22 will soon become the active LTS release). v23 notably enables support for loading ES modules with require() by default, drops 32-bit Windows support, and node --run goes stable. - https://nodejs.org/en/blog/release/v23.0.0
#nodejs
nodejs.org
Node.js — Node.js v23.0.0 (Current)
Node.js® is a free, open-source, cross-platform JavaScript runtime environment that lets developers create servers, web apps, command line tools and noscripts.
👍3
How to Control a React Component from the URL - https://buildui.com/posts/how-to-control-a-react-component-with-the-url
#react
#react
Build UI
How to control a React component with the URL
👍3
JavaScript Interview Questions in 2024
Do you know the answers? - https://levelup.gitconnected.com/javanoscript-interview-questions-in-2024-from-an-interviewer-3034aca4993f
#javanoscript
Do you know the answers? - https://levelup.gitconnected.com/javanoscript-interview-questions-in-2024-from-an-interviewer-3034aca4993f
#javanoscript
Medium
JavaScript Interview Questions in 2024
Do you know the answers?
👍3
Selecting Previous Siblings
Chris Coyier showcases a creative and fun use of CSS selectors, including :has() pseudo-class. - https://frontendmasters.com/blog/selecting-previous-siblings
#css
Chris Coyier showcases a creative and fun use of CSS selectors, including :has() pseudo-class. - https://frontendmasters.com/blog/selecting-previous-siblings
#css
Frontend Masters
Selecting Previous Siblings
I saw a video going around recently with a noscript that makes me feel very old: “Crazy CSS Using By Master CSS”. The voice in it is also weird/fake/AI or something? Part of me finds it annoying and part of me finds it cool as I have a feeling English probably…
👍3
Creating and Publishing a vue-file-validator plugin with Vite and npm : A Comprehensive Guide
As developers, we often face the challenge of validating file uploads in our web applications. This article provides a walk through of developing a file validator plugin and the process of publishing to npm. - https://dev.to/kelvin-igbinoba/creating-and-publishing-a-vue-file-validator-plugin-with-vite-and-npm-a-comprehensive-guide-bi0
#vue
As developers, we often face the challenge of validating file uploads in our web applications. This article provides a walk through of developing a file validator plugin and the process of publishing to npm. - https://dev.to/kelvin-igbinoba/creating-and-publishing-a-vue-file-validator-plugin-with-vite-and-npm-a-comprehensive-guide-bi0
#vue
DEV Community
Creating and Publishing a vue-file-validator plugin with Vite and npm : A Comprehensive Guide
Introduction As developers, we often face the challenge of validating file uploads in our web...
👍3❤2
Code smells in Angular — Deep Dive — Part II
In one of my last blog post I have taken a deep dive on the top 5 code smells regarding the… - https://medium.com/@robert.maiersilldorff/code-smells-in-angular-deep-dive-part-ii-747526c43cc9
#angular
In one of my last blog post I have taken a deep dive on the top 5 code smells regarding the… - https://medium.com/@robert.maiersilldorff/code-smells-in-angular-deep-dive-part-ii-747526c43cc9
#angular
Medium
Code smells in Angular — Deep Dive — Part II
In one of my last blog post I have taken a deep dive on the top 5 code smells regarding the runtime-performance. This time I would like to…
👍3❤1
Announcing TypeScript 5.7 Beta
The newest TypeScript is on the way. As always, there's a laundry list of enhancements and features, but the path rewriting for relative paths is a particularly welcome addition for those building server-side apps, enabling easy rewrites of .ts imports into .js at compile time. - https://devblogs.microsoft.com/typenoscript/announcing-typenoscript-5-7-beta/
#typenoscript
The newest TypeScript is on the way. As always, there's a laundry list of enhancements and features, but the path rewriting for relative paths is a particularly welcome addition for those building server-side apps, enabling easy rewrites of .ts imports into .js at compile time. - https://devblogs.microsoft.com/typenoscript/announcing-typenoscript-5-7-beta/
#typenoscript
Microsoft News
Announcing TypeScript 5.7 Beta
Today we are announcing the availability of TypeScript 5.7 Beta. To get started using the beta, you can get it through npm with the following command: npm install -D typenoscript@beta Let’s take a look at what’s new in TypeScript 5.7! Checks for Never-Initialized…
❤1👍1😁1
How Top-Level await Could Break Compatibility
Node 23 makes it possible to load ES modules transparently with require which is great, but.. only if the module being loaded isn’t using top-level await. One for package creators to think carefully about before backwards compatibility issues creep in! - https://evertpot.com/using-top-level-await-is-bc-break/
#nodejs
Node 23 makes it possible to load ES modules transparently with require which is great, but.. only if the module being loaded isn’t using top-level await. One for package creators to think carefully about before backwards compatibility issues creep in! - https://evertpot.com/using-top-level-await-is-bc-break/
#nodejs
Evertpot
In the future using top-level await might be cause a backwards compatibility break in Node
👍2🔥1
Create Stunning Maps Effortlessly with React Leaflet - https://jsdev.space/mastering-react-leaflet/
#react
#react
JavaScript Development Space
Build Interactive Maps with React Leaflet & TypeScript
Master interactive maps with React Leaflet! Learn to build a simple map using React, TypeScript, and LeafletJS in this step-by-step guide.
👍3
Vue.js and HTML Injection Explained
Do you use v-html in your code? If so, you might be at risk of attack via HTML injection. In this article, explore exactly HOW v-html puts you at risk, use cases and mitigation strategies - https://vueschool.io/articles/vuejs-tutorials/vue-js-and-html-injection-explained/
#vue
Do you use v-html in your code? If so, you might be at risk of attack via HTML injection. In this article, explore exactly HOW v-html puts you at risk, use cases and mitigation strategies - https://vueschool.io/articles/vuejs-tutorials/vue-js-and-html-injection-explained/
#vue
vueschool.io
Vue.js and HTML Injection Explained - Vue School Articles
Learn why v-html can be dangerous. Plus, strategies for avoiding the risk while still providing rich user interfaces
👍3
Improving Code Reusability in Angular Projects
In this article, you’ll find recommendations on how to make your Angular components and services more… - https://medium.com/@eugeniyoz/improving-code-reusability-in-angular-projects-b169d4a1c786
#angular
In this article, you’ll find recommendations on how to make your Angular components and services more… - https://medium.com/@eugeniyoz/improving-code-reusability-in-angular-projects-b169d4a1c786
#angular
Medium
Improving Code Reusability in Angular Projects
In this article, you’ll find recommendations on how to make your Angular components and services more reusable, maintainable, and scalable.
👍2