astro-imagetools
node
astro-imagetools | node | |
---|---|---|
3 | 934 | |
372 | 103,970 | |
- | 0.9% | |
4.8 | 9.9 | |
8 months ago | 6 days ago | |
JavaScript | JavaScript | |
MIT License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
astro-imagetools
-
Astro + Storyblok: SSR Tips and Tricks
I found that my SSR pages loaded very slowly because I was using astro-imagetools to process images. Since optimized images aren't necessary during editing anyways, I created a wrapper component to bypass image processing in the preview environment:
-
Lazy loading images, so easy you won’t believe it (a native strategy)
In our case, using Astro, we simply used astro-imagetools to compress images automatically while importing them. We might improve this later, for example generating multiple image sizes and formats, reducing the load even further for modern browsers. Currently, it checks our box though.
-
Is Astro ready for your blog?
There is no official Astro solution for working with images, but Astro ImageTools gives Astro the ability to provide optimized, responsive images.4
node
-
How to set up a new project using Yarn
Let’s see how we could set up a shiny new JavaScript project using the Yarn package manager. We are going to set up nodenv, install Node.js and Yarn, and then initialize a new project that we will then be able to use as a foundation for our further ideas.
-
Qu'est-ce qu'un projet MERN Stack et comment créer une application CRUD avec? Partie 2/2, Tutoriel
Node.js ( https://nodejs.org/ )
- WebSockets com Socket.io: Criando Aplicações Real-Time com Node.js
-
Day 2: Setting Up Angular Development Environment
Visit the Node.js website and download the latest version of Node.js for your operating system.
-
How to Add Firebase Authentication To Your NodeJS App
Basic knowledge of Node.js and its environment setup. If you don't have Node.js installed on your system, make sure you download and install it from the official Node.js website.
-
Part 2: Setting Up Your Node.js Environment
Node.js can be easily installed from its official website. Depending on your operating system, you can choose the Windows, macOS, or Linux version. Node.js packages come with npm (Node Package Manager), which is essential for managing dependencies in your projects.
-
Announcing Node.js 22.0.0: What’s New and Why It Matters
To get started with Node.js 22.0.0, you can download the latest version from the official Node.js website. For those upgrading from an older version, it is recommended to test your existing applications for compatibility with the new release, particularly if you are using native modules or rely heavily on third-party npm packages.
-
How to Make a VS Code Extension Using TypeScript: A Step-by-Step Guide
Node.js (version 10 or higher)
-
Getting Started with Next.js: Part 1 - Setting Up Your Project
Before we start, ensure that you have Node.js installed on your computer. This is necessary because we will use Node's package manager (npm) to create our Next.js project. If you need to install Node.js, you can download it from the official Node.js website.
-
How to create a react project from scratch
Before starting a new project in react, you need to make sure that you have NodeJS install on your system. You can download the latest version of node at https://nodejs.org. Follow the instructions on the node website to do the installation.
What are some alternatives?
Tailwind CSS - A utility-first CSS framework for rapid UI development.
Svelte - Cybernetically enhanced web apps
probe-image-size - Get image size without full download. Supported image types: JPG, GIF, PNG, WebP, BMP, TIFF, SVG, PSD, ICO.
widevine-l3-decryptor - A Chrome extension that demonstrates bypassing Widevine L3 DRM
feed - A RSS, Atom and JSON Feed generator for Node.js, making content syndication simple and intuitive! 🚀
source-map-resolve - [DEPRECATED] Resolve the source map and/or sources for a generated file.
rehype - HTML processor powered by plugins part of the @unifiedjs collective
sharp-libvips - Packaging scripts to prebuild libvips and its dependencies - you're probably looking for https://github.com/lovell/sharp
Sass - Sass makes CSS fun!
nodejs.dev - A redesign of Nodejs.org built using Gatsby.js with React.js, TypeScript, and Remark.
webpack - A bundler for javascript and friends. Packs many modules into a few bundled assets. Code Splitting allows for loading parts of the application on demand. Through "loaders", modules can be CommonJs, AMD, ES6 modules, CSS, Images, JSON, Coffeescript, LESS, ... and your custom stuff.
hashlips_art_engine - HashLips Art Engine is a tool used to create multiple different instances of artworks based on provided layers.