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…
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 programmatic color generation tools, nearly all of them progressed at a fixed rate with an even spread of light and dark colors, with minor if any, changes to saturation and…
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…
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…
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 MIT licensed.
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 style a page or app. Due to this reason, it’s often learned on-the-fly, or we learn things in isolation right when we have to use them. This can be a…
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…
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. Or maybe your website just doesn’t reflect your business goals and vision any more .. or even worse, it’s not responsive. Your (company) website is an essential element that users…
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 css-doodle.js and put it into your web page. The component simply generates a grid of div’s painted by its own content. Sometimes even the simpliest rule will compose out a…
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…
