whocanuse.com, how color contrast affects people

Tools

It’s a tool that brings attention and understanding to how color contrast can affect different people with visual impairments. The Web Content Accessibility Guidelines (WCAG) covers a wide range of recommendations for making Web content more accessible. Just a tiny part of making the web more accessible is accommodating for those with a form of blindness or…

Falco: an Open Source WebPageTest runner

Tools

Falco helps you monitor, analyze, and optimize your websites. Web Performance has become an important responsibility for Web developers. Indeed, there are many impacts of poor performance: Your users are less engaged and are less likely to buy/use your product (source); It can impact negatively the perception of your brand (source) It can, and does,…

ImageKit.io: Automate image optimization

Tools

Intelligent real-time image optimizations, image transformations with a global delivery network and storage. Images make up a critical part of all websites and mobile applications these days. They are the centerpieces of a great product and user experience. Managing your images and delivering the perfect image, tailored and optimized for your user’s device is, therefore,…

Photopea.com: advanced image editor

Tools

Photopea is a free online tool for editing raster and vector graphics with support for PSD, XCF and Sketch files. Photopea is an advanced image editor, which evolved for more than four years. In terms of complexity, it can be placed next to Adobe Photoshop or GNU GIMP. It was built around three ideas: make advanced editing accessible to everyone…

Choose Better. Culr Palettes.

Tools

Culrs is an open platform created by two designers who are passionate about building products for the design community. The idea was to build a website, where the user could choose color palettes for their application with extreme ease. What makes Culrs different is that there is no more manual process of creating a suitable…

Guetzli – A New JPEG encoder by Google

Tools

Google released a open source JPEG encoder that can create images file sizes 35% smaller than currently available methods, enabling webmasters to create webpages that can load faster and use even less data. Using a different method than other optimizers, Guetzli doesn’t have a set of rules or laws in a race to the lowest file size…

Type Nugget Alpha – an online typesetting tool

Tools

The Type Nugget Alpha, an online typesetting tool that will eventually make all of your online typesetting dreams come true. The Type Nugget was builded to streamline the design-to-development stage of your workflow. The Type Nugget Alpha let’s you design some hella fine web type painlessly via a pleasant user interface, knowing exactly what your content…

PerfTool: Display Performance Statistics

Tools

Collect various information about your website and displays it in an easy-to-digest manner on the reports page. This is a npm package to display statistics about your web pages, including Google PageSpeed Insights score, resources count, recommendations how to fix performace issues, html errors and many more in one custom web page. This package mainly…

Living Styleguide Made Easy

Tools

Transform your variables into elegant styles, color swatches or typography charts can be generated automatically directly from you variables files. Just group them with the comments and you are done. Edit snippets, organize categories, update styles, everything can be done directly in the browser. This tool is developed as npm package, because node packages can…