blooom

Individual and beautiful. Animation done right!

admin — Thu, 23 May 2013 11:00:26 +0000

When design makes sense.

admin — Wed, 17 Apr 2013 10:18:56 +0000

Often you see examples of design mockups that people do, and they bring nothing new or better. This is not the case here. I would love to see this in production.

Email is long over due a overhall and I think this year could the year!

Gmail concept

Whilst adding this post I remembered another redesign of email concept. I looked through my archived reading lists and found http://www.vanschneider.com/work/mail/ it looks like the .mail concept could be happening.

SVG graphics the easy way, CSS3 only solution.

admin — Wed, 17 Apr 2013 00:44:03 +0000

I spent ages trying to find the best and most reliable way way of doing SVG logos. I eventually came across this ridiculously simple way which is JS free.

.logo {
background: transparent url(../images/logo.png) center center no-repeat;
background-image: -webkit-linear-gradient(transparent, transparent), url(../images/logo.svg);
background-image: -moz-linear-gradient(transparent, transparent), url(../images/logo.svg);
background-image: linear-gradient(transparent, transparent), url(../images/logo.svg);
}

A good explanation of how it’s done.

Icon fonts and Icomoon

admin — Mon, 15 Apr 2013 00:07:31 +0000

One of my favourite tools / applications / websites is http://icomoon.io/. I spent a long time looking into icon fonts with the advent of retina displays and it became fairly obvious that there was only one real way currently available for shier ease of use and that was ICOMOON.

How to use: create icon in illustrator > save as SVG > import to ICOMOON > save as font > use.

If you are not using bespoke icons they have a huge library that you can chose from.

This is why when building this site I decided to use ICOMOON logo to define icon fonts as a skill