My most favorite bookmarks and notes

uxframeworks.design

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…

ColorBox.io: building color systems for accessible UIs

I made this excerpt below to explain what Colorbox is, this excerpt is from the article “Re-approaching Color” on Medium. “When we looked at conventional…

Photopea.com: advanced image editor

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…

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

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…

CSSFX.dev: Beautifully simple click-to-copy CSS effects

A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use. Powered by CSS with minimal markup. Completely open source and…

The CSS Handbook: a handy guide to CSS for developers

CSS is often quickly dismissed as an easy thing to learn by developers, or one thing you just pick up when you need to quickly…

Choose Better. Culr Palettes.

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…

Reasons to Redesign PRTFL Jan Rajtoral v5

There are many reasons as to why you want to redesign your site. Maybe your visitors aren’t converting or the bounce rates are too high.…

CSS Doodle: Drawing patterns with CSS

CSS Doodle is based on Shadow DOM v1 and Custom Elements v1. Right now you can use it on latest Chrome and Safari without polyfills. Download…

Guetzli – A New JPEG encoder by Google

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…