Brilliant UX/UI articles this week – how to craft a kickass post filter, the Screenlife app case study, and a whole bunch of design resources. On top of that we have a tutorial on NodeJS gesture recognition, and how to create a blog with React. Ever considered launching a side project? At the bottom there is an article on how to do it in 10 days! Take a look!
Website Inspiration
Kollegorna – Swedish Digital Agency
This site seems to be built on top of Bulma or at least styled similarly, but I’m not sure. It is very sleek and easy to digest, which is a big thing for me. I love how each element has been considered and animates in its own way. My only issue with this this site is it is for a digital agency, and yet has a Chrome Lighthouse performance score of 35… mixed messages.
Designer Resources, Examples and Inspiration
Screenlife App — a UI/UX case study
A step by step breakdown of the process the Screenlife App team went through to end up at the final product. Very interesting to see the user of paper mockups.
https://uxdesign.cc/screenlife-app-ui-ux-design-case-study-4830d364c76f
Design Resources
Neede is that resource we have all been looking for, for a while. One site, holding all of the good quality design resources. Get this on your bookmarks!
How to craft a kickass filtering UX
Filters are a great tool to narrow down high volumes of content and to surface the most relevant results. How do we make sure they are helpful rather than confusing?
https://uxdesign.cc/crafting-a-kickass-filtering-ux-beea1798d64b
100 Days of Motion Design
It was a summer night in Seattle. She ate some ice-cream, watched a Youtube tutorial, and downloaded a free trial of Principle. Several months later, completed her 5th 100-day-project — 100 Days of Motion. Then made these.
https://uxdesign.cc/100-days-of-motion-design-463526af852f
Development Snippets, Samples, and Articles
Simple Hand Gesture Recognition using OpenCV and JavaScript.
This article is nothing short of really fucking interesting. Gesture recognition using JavaScript (Node.js) and OpenCV. Its a tutorial.
Tinies
Another URL shortener. But pretty.
Creating a Blogging App Using React
A bookmark I have been keeping for myself. A tutorial series on creating a full blogging app with React. Very comprehensive. I am collating a series of tutorials and links for React if you are interested – thoughtsandstuff.com/beginners-guide-learning-reactjs/
https://code.tutsplus.com/series/creating-a-blogging-app-using-react–cms-1171
A bit of everything
How to launch a side project in 10 days
This post isn’t about the advantages of building with a new technology, or “7 things I learned while doing it”. Rather, it’s about the process of building a web app quickly, keeping irrelevant ideas from muddying focus, and the tool belt to make it happen. The end result was Card Surge.
https://medium.freecodecamp.org/launching-a-side-project-in-10-days-615df3b0e808
ZoomQuilt
This is a bit of a mindfuck, but very interesting! Inifinity image zoom.
