This is my first version of Creative and Development Inspiration (See the first ever Creative and Development Inspiration, we have come a long way), organised in a more understandable way. Rather than the blog being thrown together with no structure like in the past, I will be breaking each section up so you can go straight to what interests you. This also helps me go back and find that interesting link I found, for when I need it some point in the near future!
Website Inspiration
This weeks selection of websites that inspired me. I will always try to keep them relevant to design and development, but sometimes its just a nice website!
Audi is beta testing a new site
This new website for Audi simply and efficiently shows the models of each car. Granted, I haven’t tested it on mobile, but it looks great on desktop!
https://beta.audi.co.uk/models.html
Nike React
Nikes website for their React brand. Cleverly put together, a bit of fun as you build your own show.
Designer Resources, examples and inspiration
Articles on the newest design concepts, why things should be done in a certain way, or just plain old sexy images. Always related to web, always meant to inspire.
WTF! (Whats the Flow)
If you don’t read anything else on this weeks Creative and Development Inspiration, read this! A great article on why User Flows are so important, and how they should be laid out. Too many people don’t follow this, and it leads to problems further down the line.
https://uxdesign.cc/the-biggest-wtf-in-design-right-now-87139f367d66
Why You Shouldn’t Use Bright, Saturated Colours for Backgrounds
If you’re using a bright and saturated colour for your background, you’re making it hard for users to keep their eyes on your page. Bright, saturated colours attract the most user attention. Too much of it in a large area overstimulates the retinas which can strain the eyes.
http://uxmovement.com/content/why-you-shouldnt-use-bright-saturated-colors-for-backgrounds/
Development Snippets and Samples
This weeks selection of libraries, code snippets and development inspiration. I will always try to include this section, and hopefully help you grow your projects.
RModal JS
A 1.2kb modal dialog box with no dependencies. All browsers seem to be supported, up from IE9, and it is Bootstamp and Animate.css friendly. Worth a look.
Keyframe App
Keyframes gives you a visual timeline to help you create, view, and run animations without having to go back and forth between your browser and editor. And it gives you the CSS when you’re done.
Nano JS
nanoJS is around 100 lines of code (0.6 Kb compressed) JavaScript library for basic DOM manipulation. It has jQuery like syntax and supports chaining.
https://vladocar.github.io/nanoJS/
Hybrids
A brilliant UI library for creating Web Components with simple and functional API
https://github.com/hybridsjs/hybrids
A bit of everything
You try so hard to categorise everything, and then you find an article that doesn’t quite fit, but is worth linking!
How not to write an error message
Discover all the ways the internet’s most well-meaning messages can go horribly, horribly wrong.
https://webflow.com/blog/how-not-to-write-an-error-message
