buttonbuddy
squoosh
buttonbuddy | squoosh | |
---|---|---|
6 | 267 | |
65 | 20,981 | |
- | 1.2% | |
0.0 | 5.8 | |
almost 3 years ago | 5 days ago | |
SCSS | TypeScript | |
- | Apache License 2.0 |
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.
buttonbuddy
-
100+ CSS Generators for Web Developers
Btns - A collection of buttons with cool hover effects Copy Paste CSS - Copy the buttons from top websites Tailwind CSS Buttons - Well-designed Tailwind button collection Beautiful CSS Buttons - A useful button collection from CssScan Button Buddy - Generator with a focus on accessibility Marco Denic Button Generator - Great premade button collection with hover effects Best CSS Button Generator - Useful button editor with some premade styles CSS-Tricks ButtonMaker - Button generator from CSS Tricks CSS Button Generator - Button generator with hover effect options Gradient Buttons - Gradient buttons with hover effects
-
Frontend Developer Resources 2022
ButtonBuddy
-
Nevertheless, 5t3ph Coded and (Mostly) Conquered Imposter Syndrome
ButtonBuddy.dev - Learn about accessible button contrast then generate your own accessible button color palette
-
[18] Top 10 Must-Have Web Dev Tools - March 2021
https://buttonbuddy.dev/#generator
-
Designing for the elderly
An awesome tool which you can used to learn about accessible colours, and create cool and accessible colours for your site is buttonbuddy created by 5t3ph
-
How I Built and Launched A Small Web App in 17 Hours
Zero-config by default and ButtonBuddy required only a minimum of config changes.
squoosh
-
SVG Viewer – View, edit, and optimize SVGs
Here's another handy tool that I use: https://squoosh.app/
- Jpegli: A New JPEG Coding Library
-
Optimizing Images for Developer Blogs
Squoosh: A webpage that allows you to quickly optimize images for your blog.
-
Building an online image compressor
One of the most complete image compressor out there, squoosh.app by Google, uses web assembly for decoding/encoding images and it works pretty well.
-
Improve performance of Go serving a React frontend
First off you want to shrink your images. Every mb your page is the more it will hurt your score. I use https://squoosh.app/
-
Power Consumption of JPEG, WebP, and AVIF
https://squoosh.app/
Having a quick look at squoosh, it uses lossy compression of webp by default.
-
What makes a page rank well?
Size images appropriately (https://squoosh.app/ can be used for this). Ideally, the size of the image should be kept below 100 KB.
-
my live site keeps jumping back to the top of the page while I'm using it
if your images a large file size, remove them from the page, reduce file size, and place new reduced file size images in their place - publish the site to bring the new pics live - clear your cache - go the page and test it (good tool to reduce image file size is Google Squoosh - https://squoosh.app/ )
-
Can anyone recommend any decent plugins that let me adjust jpg quality on export for web,
I'm just exporting normally from Figma, but then using squoosh.app (browser based) to adjust quality/compression and even for making sure png files are optimized for prod.
-
Clan creating invalid photo [HELP]
Hey I see your friend made a clan, but this guy found a workaround here if you still need it. I just used https://squoosh.app/ to basically save a new copy of the image and that worked
What are some alternatives?
a11y-color-tokens - Generate accessible UI colors from your base color tokens.
sharp - High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, AVIF and TIFF images. Uses the libvips library.
audit-a11y - audit websites for accessibility issues
oxipng - Multithreaded PNG optimizer written in Rust
codesandbox-client - An online IDE for rapid web development
ImageOptim - GUI image optimizer for Mac
copy-paste-css - Find inspiration with a list of simple CSS elements for your next project!
go-unsplash - Go Client for the Unsplash API
gitpod - The developer platform for on-demand cloud development environments to create software faster and more securely.
Mono - Mono open source ECMA CLI, C# and .NET implementation.
egghead-next - The frontend for egghead.io.
devilbox - A modern Docker LAMP stack and MEAN stack for local development