Creative / Development Inspiration 32
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.
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.
Simple, clean website. But for some reason really stood out to me.
Simple and clean once again, but with a nice flow to it.
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.
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.
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.
Development Snippets, Samples, and Articles
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.
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.
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.
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.