Because we had a bank holiday (and I was BBQing and generally being sociable) I wasn’t able to get this weeks rundown out when I had hoped. However, you probably wouldn’t have read it anyway! I had a massive list of bookmarked articles and examples for this week, and have managed to get it down to 7 (all about quality over quantity here!). This weeks creative design and development inspiration covers a wide range of topics, from a incredibly small facial recognition library, how Photoshop shouldn’t be the final decision, and some pretty vector designs.
pico.js: a face-detection library in 200 lines of JavaScript
This library has so many potentials. A face detector in only 2kb of code. Take a look at the demo!
https://github.com/tehnokv/picojs
Scrolling interactions and techniques
Some greats do’s and don’ts of scrolling interactions in design. The article breaks down different beliefs about scrolling interaction and decides if they are correct. Some great examples including Nikes app and the Medium UI. This comes just weeks after I spoke about Scrollbooster on week 21, a great scrolling library – definitely worth a look if you haven’t already!
https://uxdesign.cc/scrolling-interactions-techniques-d6dafbfa4716
Optical Adjustment
So many of us rely on Photoshop and the concept of “Pixel Perfect” development. Luke Jones discusses how this isn’t always thew best way. The irrational mind of a human needs to decide whether something looks optically correct or not, because we can see and understand a context when a computer can’t.
https://medium.com/@lukejones/optical-adjustment-b55492a1165c
UN POSTER AL DÍA
Some great vector illustrations to give your brain something a bit different!
https://www.behance.net/gallery/64617617/Un-poster-al-dia
The Ultimate Guide to Font Sizes in UI Design
This is very text heavy, but well worth a bookmark. Erik puts 4000 words on the internet to help UI designers with the correct font sizes for different devices. No fear, it has a Table of Content to navigate!
https://learnui.design/blog/ultimate-guide-font-sizes-ui-design.html
Particle Effects for Buttons
I personally wouldn’t use this effect on any projects, but it is a nice effect and example of what can be achieved.
https://tympanus.net/codrops/2018/04/25/particle-effects-for-buttons/
Responsive Type – Sass template
As Kyle states: “The last time you will ever have to worry about responsive type, seriously! Configure all type settings in one file using sass variables.” I haven’t used this yet, but I am definitely going to!
https://github.com/kyle-villeneuve/responsive_type
