Although the designers have not considered usability at all, it is a good site to show the different animations and reveals that can be used across a website. Some brilliant hover states over images, and gentle fades on scroll.
Designer Resources, Examples and Inspiration
The last few week have been good for colour generators. Here is another brilliantly simple colour palette generator to sit in your bookmarks.
40 Orange Website Designs
Creative Overflow have pulled together 40 websites that are based on the colour orange. Some modern, some dated, but all good examples.
Three Web Design Tools To Speed Up Things
While looking for tools to unify web designs and developers I came across three really interesting web apps. One not yet out yet. One that have been the block a few times, and the other new on the scene.
Give you the power to design, build, and launch responsive websites visually, while writing clean, semantic code for you.
Hadron is a development environment for designers and developers who work together towards the same goal, moving ideas forward and learning from each other along the way.
Bondlayer empowers web designers to craft native apps and responsive websites. Without coding or template restrictions.
Development Snippets, Samples, and Articles
A new lightweight modern CSS framework. It is under 10kb gzipped, responsive and uses modern elements and components.
Markdown to JSX
A lightweight customizable component for Markdown within React
A simple design environment that allows you to simultaneously design across a variety of themes and screen sizes, powered by JSX and your own component library. Create quick mock-ups and share the work simply.
An Annotated Webpack 4 Config for Frontend Web Development
As web development becomes more complex, we need tooling to help us build modern websites. Here’s a complete real-world production example of a sophisticated webpack 4 config
‘Atomic’ font size management with Sass
Atomic sizing with Sass should make styling fonts easier. It moves away from styling font elements like H1s, and focuses on specific classes.
A bit of everything
Kill Your Personas
How persona spectrum’s help push real user needs.
We Do People Leave Your Website? Undecided Explorers
Trying to improve conversion rates? Maybe take a look at users that do convert… You may need to tailor.
User Research? But Why?
If your job has anything to do with design, there is a good chance that you would have experienced the need to do some form of user research. If you happen to work with or for a group of people who have limited understanding of the design process, then you must have had your moments of frustration. This article helps answer these questions.
A great tool to mock up Meta Tag views across social media platforms, as well as a teaching tool for those who are not in the loop.
Netflix Web Performance Case Study