2023: Posts tagged #bookmark

Sqoosh is a progressive web app from GoogleChromeLabs that will reduce the size of your images and convert your images to various formats, like AVIF, Browser GIF, Browser JPEG, Browser PNG, JPEG XL, MozJPEG, OxiPNG, QOI, and WebP. You can also resize and reduce the palette. The entire code runs locally in your browser. You are not sharing your images with any server! The source is on GitHub.

Squoosh does not send your image to a server. All image compression processes locally. However, Squoosh utilizes Google Analytics to collect the following:

• Basic visitor data.
• The before and after image size value.
• If Squoosh PWA, the type of Squoosh installation.
• If Squoosh PWA, the installation time and date.

Modern Font Stacks provides beautiful system font stacks that don´t require downloading of fonts! The font stacks are organized by typeface classifications, like System UI, Transitional, Old Style, Humanist, Geometric Humanist, Classical Humanist, Neo-Grotesque, Monospace Slab Serif, Monospace Code, Industrial, Rounded Sans, Slab Serif, Antique, Didone, Handwritten.

ionicons is a free set of 1,300 icons. You can get each one easily by clicking on the icon and then download the SVG. There is also a search function for icons.

Feathericons is a set of 287 open source icons. Clicking on an icon will download the SVG. Searching for icons is supported.

Arrows by Trys Mudford is a tiny Progressive Web App that allows to copy unicode symbols (like arrows) quickly to the clipboard. You can add your own symbols too!

URL-encoder for SVG by yoksel. It encodes the SVG with encodeURIComponent(), which allows you to style the SVG inline within your CSS file after encoding. You cannot do that with base64 encoded inline images from SVG´s.

randoma11y.com by Adam Morse and John Otander uses a palette with 156 individual colors which allow to randomly create accessible color pairings with a high contrast of 4.5 or greater.

colorable.jxnblk.com is a full page layout that shows a background and a text color with its contrast value.

Everyone has JavaScript, right?

tldraw.com is a free online multiplayer whiteboard for up to 30 contributors. I use it in situations where not everyone has access to online whiteboard or when and a quick sharing of ideas is required.

gradient.style by Adam Argyle is a tool to create high quality gradients and choose the color space.