Creative / Development Inspiration 63

Picture of design program with palette open and card designs visiable

This weeks design development inspiration covers a range of tech/web based based articles. Do you need some hints and tips for designing UX for search? What about the benefits of designing a website without colour first? Well we have that, and more!

 

Designer Resources, Examples and Inspiration

4 Reasons Why You Should Design Without Colour First

Creating your screens in grayscale before adding colour forces you think clearly and prioritise right when it comes to UX design.

https://medium.com/devsdesign/4-reasons-why-you-should-design-without-color-first-c0e38180f689

 

Best UX Practices for Search Inputs

Search is a powerful tool, and as one of the most common elements that we interact with on a daily basis, search input usability is an important consideration.

https://uxdesign.cc/best-ux-practices-for-search-inputs-c44dba565448

 

Best Free Tools for Adding Dynamic Animations to UI

Animations are not just entertaining pieces. They can perform rather serious tasks. Some are used to glue the overall user experience together, while others enhance the accessibility of the interface, making it approachable and understandable.

https://designmodo.com/dynamic-animations-ui/

 

Development Snippets, Samples, and Articles

Performance with Gatsby: From Zero to Hero

Maze found a 70% increase when they moved their tech stack to use Gatsby instead of React.

https://blog.maze.design/performance-with-gatsby/

 

Creating a File Upload Component with React

In this tutorial you will learn how to create a working file upload component with react from scratch using no dependencies other than react itself.

https://malcoded.com/posts/react-file-upload

 

Apex – Up

Up deploys infinitely scalable serverless apps, APIs, and static websites in seconds, so you can get back to working on what makes your product unique.

https://github.com/apex/up

 

A bit of everything

The Failed Netflix Homepage Redesign Experiment That Nobody Even Noticed

Large tech companies always run tests. Here’s one that someone found.

https://goodui.org/blog/the-failed-netflix-homepage-redesign-experiment-that-nobody-even-noticed/

 

Mixed

Real-time whiteboard and collaboration tools for distributed teams

https://mixed.io

 

JamStack WTF

JAMstack is revolutionising the way we think about workflow by providing a simpler developer experience, better performance, lower cost and greater scalability.

https://jamstack.wtf/

 

The Thumb Zone

Joe talks about how apps should be “thumb-able”. As many tasks as possible should be able to be achieved with just the thumb.

https://joecieplinski.com/blog/2018/12/10/the-thumb-zone/