svgo
offline-plugin
Our great sponsors
svgo | offline-plugin | |
---|---|---|
29 | 2 | |
20,268 | 4,503 | |
0.9% | - | |
9.0 | 0.0 | |
9 days ago | over 2 years ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
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.
svgo
-
Random Code Inspiration Volume 2
image-shrinker is a simple, easy to use open source tool for shrinking images. Under the hood it uses pngquant, mozjpg, SVGO, and gifsicle. You can also install these tools individually if you need to compress some images. I often use pngquantafter exporting PNGs for web projects from Figma or similar tools. I literally run it like this:
-
Dynamic SVG images using Next.js
In addition to the techniques we’ve discussed so far, there are optimization tools available that can further enhance SVG images. These tools, such as SVGO and ImageOptim, offer valuable features to reduce file size and clean up SVG markup, making it easier to standardize and optimize the overall performance of SVG assets.
-
Is it possible to save multiple files as optimized SVGs at once?
Open the terminal and cd to the folder containing your SVG files and run the command inkscape *.svg --export-plain-svg --export-type=svg And Inkscape is going to save your files as plain SVG and append the word "_out" to them. Note : Plain SVG files are not optimized for the web, you should use SVGO or any other Node.js tool, there are a lot of them on MPM
-
Ask HN: FOSS Projects Worth Donating To?
Look at software you use and identify underlying libraries.
SVGO https://github.com/svg/svgo is used by many graphics software but hasn't seen donations commensurate with usage https://opencollective.com/svgo
- Создаем React-компоненты иконок с помощью Figma API и SVGR. Часть 2.
- Used an online SVG editor, this code got added to my file. I've already opened the file. How fucked am I?
-
Using SVGs in Common Lisp web apps with Djula
There are still a lot of things cl-djula-svg is capable of doing. For the immediate future, I am looking at adding optimization capabilities something like what svgo is doing for svgr. If you know anything else needs to be done to improve the package, please open an issue in the repository.
-
Is Rust a good first language to master?
Writing/patching JS/TS-based CLI tools like Prettier or SVGO
-
Are there any lesser-known tools you use a lot in your work?
svgomg is just a web frontend for svgo. You can run it locally on the command line.
-
SVG Passthrough Precision
Often, you can considerably reduce the file size of an SVG text file without a noticeable reduction in perceptual quality just by reducing the precision of the coordinates.
The awesome SVG Optimizer [1] has a filter (cleanupNumericValues) to process SVG files to a fixed precision.
The equally awesome SVG Optimizer Missing Gui (SVGOMG) [2] provides a web-based GUI [3] to interactively adjust precision and see the resulting render (and file-size).
offline-plugin
-
Meteor with Webpack in 2018 — Faster compilation and better source handling
For example, you have a Progressive Web Application using Service Workers, written in Angular, then you have to create a service worker manifest based on your output files. We don’t have a solution for this on Meteor CLI natively. However, Webpack has a lot of community plugins such as OfflinePlugin , Workbox and many others for this problem as a solution. Just install them, and add to your webpack.config.js . Meteor-Webpack will handle it like you’re working on a pure Webpack project.
-
12 open source browser tools and how I've built them
Since Omatsuri is a browser only application the only thing that we need from service worker is to cache assets and provide app shell. Offline plugin does exactly that, the only thing we need to do – add it to the production build in webpack config:
What are some alternatives?
svgomg - Web GUI for SVGO
svgr - Transform SVGs into React components 🦁
pwa-quasar-local - This project demonstrates how to develop a Progressive Web Application (PWA) locally on an Android device, using the Quasar Framework v2.
svg-to-react - Tool to convert SVG files to React components
kiwix-js-pwa - Kiwix JS Offline Browser implemented as a Progressive Web App (PWA), and packaged as Electron, NWJS and UWP apps for Windows and Linux.
angular-cli - CLI tool for Angular
Beatbump - Alternative YouTube Music frontend built with Svelte/SvelteKit 🎧
react-refresh-webpack-plugin - A Webpack plugin to enable "Fast Refresh" (also previously known as Hot Reloading) for React components.
next-offline - make your Next.js application work offline using service workers via Google's workbox
easyeda-svg-import - Simple SVG Importer for EasyEDA PCB that doesn't convert everything to Comic Sans 😄
xooks - General purpose react hooks collection
webpack-dev-middleware - A development middleware for webpack