Tag Archives: css

Standard and retina display sprites with compass – how to

Standard and retina display sprites with compass – how to

One of the of compass features that are especially compelling is “spriting”. With compass you simply place all your images in a folder and import them into your stylesheet.
In this post I’ll share with how I prepare my sprites in two “versions” for standard and retina display.

... more

Create a fancy responsive image-on-hover effect

Create a fancy responsive image-on-hover effect

In this tutorial we will create a fancy image on hover effect. We’ll use pure css3 and provide a jQuery solution for the browsers that do not support opacity and transitions. We will also take care that it works responsively.

... more

Intriguing animate-on-scroll effect – jQuery tutorial

Intriguing animate-on-scroll effect – jQuery tutorial

I suppose that I was not the only one to become speechless in front of the Nizo for iPhone website.
In this tutorial we try to recreate the intriguing scrolling effect.

... more

postcard from Paris – css3 keyframes animations in use

postcard from Paris – css3 keyframes animations in use

I decided to explore the area of css3 keyframes animations. We are going to create a sort of virtual postcard. Greetings from Paris !

... more

create a unique contact form with css3 transitions

create a unique contact form with css3 transitions

Inspired by the contact form on Clear Span Media website I decided to recreate an effect of a letter sliding out from an envelope on mouse hover.

... more