This week has a very diverse range of links and articles. Some brilliant websites for inspiration, ranging from clean portfolios to more modern app landing pages. Some tit-bits to tickle the taste buds of web designs, and finishing it off with some development snippets. I hope you find something new in this weeks Creative and Development Inspiration.
Website Inspiration
I have been scouring the web for examples of websites to help get your brain moving in the right direction. This week I have found several great portfolio sites, as well as some nice, clean sales sites.
Dejan Markovic
Simple, clean website. But for some reason really stood out to me.
Matt Farley
Simple and clean once again, but with a nice flow to it.
Cronhub
Cronhub is a CRON monitoring service. The website is clean, well broken down, and easy to find information. This can be very difficult to achieve.
Monetha
A deal maker based on Block chain. Monetha’s website is modern, and a great landing page for the app.
Designer Resources, Examples and Inspiration
7 Web Design Trends for 2018 – Don’t Fall Behind
Orana Creative have pulled together a must read guide for web design trends in 2018. I wouldn’t say I fully agree, but they highlight some good points and it is always interesting to see what other people are pushing.
https://www.oranacreative.com/dont-fall-behind-follow-2018-trends-web-design
SVGator
Animate SVG easily. As simple as import, animate, export. There is no coding required. A very simple Adobe like interface for animating your SVGs.
Payment Checkout Flow Animation
A beautifully designed checkout flow concept. The journey the user takes from selecting the item, to finally paying for it. An interesting use of micro-interactions and transitions between pages.
https://dribbble.com/shots/4689263-Payment-Checkout-Flow-Animation
Development Snippets, Samples, and Articles
Guzzle
I am probably a bit behind the times here, but I thought Id share as I have only just found it. A PHP HTTP client and framework for building RESTful web services. Now I know that more and more people are moving towards Node.js for this sort of thing, but I have a soft spot for PHP.
http://guzzle3.readthedocs.io/
Atomic CSS
Atomizer is a tool for creating Atomic CSS. Generate an Atomic stylesheet dynamically from the Atomic classes you’re actually using in your project (no unused styles!), or predeclare styles in configuration – it’s up to you. Atomizer is not opinionated, brings no CSS of its own, and integrates nicely with your favorite task runner.
tingle.js
aA minimalist and easy-to-use modal plugin written in pure JavaScript (We like modals here, also features RModal in Creative and Development Inspiration 30).
https://robinparisi.github.io/tingle/
The State of Changing Gradients with CSS Transitions and Animations
A well written article by CSS Tricks about CSS transitions and animations. The pitfalls and issues for working with these properties across many browsers (cough, IE, cough). Well worth the read.
https://css-tricks.com/the-state-of-changing-gradients-with-css-transitions-and-animations/
A bit of everything
How to Plan Website Design
Web design can generally be seen as what engages the users eye. What is pretty enough to keep them there. This is not true. What you really want to do, is engage the user and then convert them.
https://anartfulscience.com/How-To-Plan-Website-Design.php
