Falco: an Open Source WebPageTest runner

Tool

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

Tool

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,…

uxframeworks.design

Resource

A resource to find and share frameworks for design research, synthesis, and ideation. Frameworks are repeatable mental models, methodologies, and activities that you can use to synthesize qualitative research, identify emerging insights and opportunities to generate ideas. Use these UX Frameworks to re-frame how you solve problems. Finding design thinking frameworks for research and synthesis remains a scavenger…

Photopea.com: advanced image editor

Tool

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…

CSS masonry with flexbox, :nth-child(), and order

HTML/CSS

Flexbox has no easy way of rendering items with a column layout while using a row order, but we can build a masonry layout with CSS only—no JavaScript needed—by using :nth-child() and the order property. This CSS-only way of creating a masonry (or mosaic) layout is surely not as robust, flexible, and foolproof as a JavaScript implementation (like Masonry) but if you don’t want…

Choose Better. Culr Palettes.

Tool

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…