Creative / Development Inspiration 36

Website design and development inspiration can be tricky to find. This week we have the good stuff. 2 design agency websites for inspiration, several design articles on design mindset as well as bad UX/UI patterns. On top of that there are 2 new JS libraries, a CSS framework, and a great new React JS test website.
Website Inspiration
Grain and Mortar
A brand strategy and design agency website, Grain and Mortar have created something that is fast loading, slick, and gets the information across well.
45royale
This is another agency site. 45royale are a web design / development studio and their site shows it. Everything is laid out simply and easily digestible. My only issue with it, is after running Google Lighthouse, it falls down hard on Accessibility. If you are designing for the web, make it accessible…
Designer Resources, Examples and Inspiration
You Can’t Design Without a Growth Mindset
Since failure is such an inevitable and essential part of design, it’s important to be surrounded by people who can not only accept, but embrace failure. One way to do this is to cultivate a growth mindset, both among team members as well as the organisation as a whole.
https://zurb.com/blog/you-can-t-design-without-a-growth-mindset
The Most Hated UI & UX Pattern of 2018
This article takes a deep look into some of the worst UI/US patterns about, asks why, and breaks them down. For example, why did infinite scroll fail Etsy? (as well as many other sites). How preloaders are just a smokescreen for poor performance. A very interesting read.
https://icons8.com/articles/most-hated-ui-ux-design-pattern
Development Snippets, Samples, and Articles
Shepard
Guide your users through your website with this JavaScript libary.
https://shipshapecode.github.io/shepherd/docs/welcome/
Snack.Expo
This site was such a great find! Run React JS code right in the browser, include third party scripts, and push tests to your mobile. A brilliant tool, and free!
Vivify
Another animation library, that you can just plug in. Its new, and its free!
Stream – Ui Kit
Stream UI Kit is beautiful Open Source Bootstrap 4 UI Kit. It has 5 complete pages and includes over 20 reusable and customizable UI Blocks. It’s lightweight and only ~17kb when minified.
https://htmlstream.com/templates/stream-ui-kit
A bit of everything
Better Research, Better Design, Better Results
When content isn’t considered until the end, or previous data hasn’t been looked at to make solid design decisions problems occur. When the client is not forewarned about content strategy (because there isn’t one) or the site is not built with SEO in mind, problems occur. Smashing Magazine looks at how and why this must be re-considered.
https://www.smashingmagazine.com/2018/07/better-research-design-results/