devdocs
squoosh
Our great sponsors
devdocs | squoosh | |
---|---|---|
237 | 264 | |
33,649 | 20,686 | |
0.9% | 1.7% | |
9.6 | 6.2 | |
7 days ago | 9 days ago | |
Ruby | TypeScript | |
Mozilla Public License 2.0 | 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.
devdocs
-
The Ultimate Roadmap to a Full-Stack Developer
DevDocs - Aggregates documentation from various sources into a single, easy-to-navigate interface, covering frontend and backend technologies. DevDocs
-
Must-have for slacking off! 2024 Efficient Dev Tools for Increasing Productivity
DevDocs, an offline API documentation browser, supports multilingual, offering developers a quick and efficient way to access tech docs. From front-end to back-end and mobile development, it integrates official documentation, providing a sleek, user-friendly interface.
-
Concrete.css
Environmental lighting conditions rule the day! I have astigmatism and I prefer bright backgrounds; #000 text on #fff backgrounds works great for me, but that's because I work in a room lit by a 250W 30,000 lumen corn-cob LED bulb[0] that makes my small office as bright on the inside as the shaded ground from a tree on an overcast day (which is quite bright compared to usual indoor lighting). In a room that bright, high contrast text works great and is highly readable, with "dark mode" often looking washed out and muddy. Even small reductions in contrast (such as what https://devdocs.io does with text of #333 in light mode) can make me notice and wish for greater contrast.
- SQL for Data Scientists in 100 Queries
-
DevDocs
Here's how to add a new scraper: https://github.com/freeCodeCamp/devdocs/blob/main/.github/CO...
Or open an issue and wait for somebody else to implement the scraper.
I'm one of the few maintainers.
Updating docs to a new release is easy unless the documentation system (such as react.dev redesign) or design is rewritten. Some projects seem to do this on a regular basis.
Some documentation generators generate random class names (such as .gtWOdv, .ezMiXD, .gOhcvK on docs.npmjs.com by Gatsby) which makes cleaning the docs from superfluous content (such as on-page navigation) very cumbersome and flaky.
Monthly, we auto-generate a list of outdated docs, here is the latest: https://github.com/freeCodeCamp/devdocs/issues/2105
Help is always welcome. :-)
-
19 Handy Websites for Web Developers
Imagine a single, intuitive platform where you can access comprehensive documentation for a vast array of programming languages, frameworks, libraries, and tools. That's the magic of DevDocs. This exceptional resource eliminates the frustration of juggling multiple tabs and websites in your quest for information. DevDocs brings everything together into one easy-to-use interface.
-
How would you work effectively with an extremely slow 56Kbps connection?
Mosh for a stable connection, Offline documentation such as msdn, wikipedia (via kiwi etc), zeal for local access to https://devdocs.io/; Self host tabby for ai autocompletion. For many shell programs check what mulinux was using back then, and what are the modern replacements such as elinks instead of links. Mutt for mail, for irc doesn't matter much, use a desktop one but setup a bouncher on a vps, I used to have one on a raspberry pi 1, you can use rss reader for reddit (not sure if still works) and blogs
- Ask HN: How do I code offline for a week?
squoosh
-
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/
- Batch image optimization for web?
- FSF Slams Google over Dropping JPEG-XL in Chrome
- visually lossless image compressor
-
2 months i started learning coding with just the knowledge of HTML and CSS. I just began a 30 day coding challenge for myself and will be replicating popular social medias websites. I'll whole accept your advise on how I can keep improving and your constructive criticism when necessary.
Things related to whatever you have used till now: 1- Don't use spaces in images name (Kind of code convention or sometimes automated tools tend to break) 2- Here is an opportunity to learn more about image types i.e, webp, aviff and more. (You can try squoosh.app) 3- Where to places JS scripts (it comes under perfomance section). Devs prefer to fetch scripts at the end of the body (Depends on use case but majorly). Understand about defer and sync. 4- Bootstrap is not a preferred tool now. Devs are moving to solution like tailwind. Tho, prefer to learn vanilla css and scss first. 5- Learn media queries, flexbox (for responsiveness) 6- If comfortable with flexbox then move to CSS grid 7- May be you can use https://flexboxfroggy.com/ and it has for grid too.
-
Is there a way to easily “batch” save 1000’s of JPGs to a smaller file size “Save for Web” format, like in Photoshop?
https://squoosh.app is a good cross platform option.
- Compress images - selfhosted solution
-
What is this called and how do I add it?
Squoosh - Visual image compression
What are some alternatives?
sharp - High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, AVIF and TIFF images. Uses the libvips library.
oxipng - Multithreaded PNG optimizer written in Rust
zeal - Offline documentation browser inspired by Dash
ImageOptim - GUI image optimizer for Mac
go-unsplash - Go Client for the Unsplash API
Mono - Mono open source ECMA CLI, C# and .NET implementation.
devilbox - A modern Docker LAMP stack and MEAN stack for local development
next-optimized-images - 🌅 next-optimized-images automatically optimizes images used in next.js projects (jpeg, png, svg, webp and gif).
ImageMagick - 🧙♂️ ImageMagick 7
godot-docs - Godot Engine official documentation
github-cheat-sheet - A list of cool features of Git and GitHub.
wasm-bindgen-rayon - An adapter for enabling Rayon-based concurrency on the Web with WebAssembly.