Archive for 'Featured'

Pseudo elements with custom attributes to create a css3 menu that will bounce

Pseudo elements with custom attributes to create a css3 menu that will bounce

You must have already seen this (what I call “bouncing”) hover effect in navigation menus. Curious how to recreate it easily ?
Below you’ll find my approach.
It’s pure css, I use an “::after” pseudo-element with a custom attribute.

... more

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

Shopping in Paris – free vector

Shopping in Paris – free vector

Still in the “shopping” theme (see my previous post) this time I prepared a simply illustration: a beautiful girl doing her shopping with Paris roofs and Eiffel Tower in the background. Created in Adobe Illustrator CS5 back saved to CS4 version.

... more

Free vector shopping paper bag

Free vector shopping paper bag

Recently I needed a paper bag to illustrate “shopping”. I decided to create one myself – and now I’m ready to share it with my visitors. Free for commercial use. Enjoy your shopping.

... more

Free Vector chef – illustrate your cuisine

Free Vector chef – illustrate your cuisine

A simple vector illustration of a restaurant chef handling a pancake pan. With a slight retro flavor.
Enjoy – it’s free for personal and commercial use.

... more

Vintage free vector TV-set

Vintage free vector TV-set

This time I share with you a retro TV set in vector format.
You may use it for your personal and commercial projects. Feel free. However if you host this file please don’t forget to add a link to this site.

... more

Create your portfolio gallery using html5 canvas – tutorial

Create your portfolio gallery using html5 canvas – tutorial

In this tutorial we will build a photo gallery and enhance it with html5 canvas and css3 transitions. See the demo and try the hover effect. The grayscale “copies” of our images are created with canvas and we use pure css3 for the smooth change.

... more