CSS3 transitions and animations are rightly attracting a lot of attention. With support in most modern browsers, there is a lot of scope for creating rich user experiences using only CSS. In this post, I will walk through how to create a stack of photos using CSS keyframe animations and a dash of jQuery to achieve a pretty awesome effect.
Before I continue, I must point out this this is neither new or revolutionary; but it amazed me that after 6 years of front-end devlopement, I had never used the CSS2 display: inline-block selector. It’s usefulness has been pointed out many times in the past, but I still thought that it would be worthwhile documenting my usage of it.
I apologise in advance, a this is a very old technique, but it’s something I have wanted to try out since last year. A while ago, I stumbled upon Sunrise Design, and absolutely loved the subtle background animation!
I finally got my invite to TypeKit today! I had to wait for an invite from a friend in the end. I must say, I see it as a great resource for the future.
I saw a flash bar chart the other day, which had a nice animation and looked very nice, and wondered if it would be possible to achieve a similar effect using just XHTML, CSS and a little bit of jQuery.