In this tutorial we will play a bit with icon fonts.
Besides other advantages, this technique provides an easy way to have your icons look crisp on retina displays. We’ll use a custom set of social icons generated with IcoMoon App. We will use css3 transitions and pseudo-elements to add a fancy effect on hover.
Here is a free pack of 75 social icons in heart shape for Valentine’s day. They are available in PNG files, in 3 sizes: 64 x 64 px (32 x 32 px @2x), 48 x 48 px. I added several services that were not in my previous packs. You will find there: 500px (2 versions) […]
This time I share with you a pack of sweet and subtle seamless photoshop patterns. Full of hearts, they may be especially useful for Valentine’s Day. Enjoy!
Everybody needs their teddy bear. This team of four is in vector format. They’re ready to help you with all your personal and commercial projects. Maybe as a mascot of your new website? Enjoy and let me know how you used them – I’m just curious. Terms of use : This Teddy Bears Free Vector […]
We all know that : officially, we can’t use the official logos of our usual social networks. It is legally prohibited. We all do. As icons on our portfolio … :) But the colors? Can we? I think so. :) So, here is a nice alternative, completely royalty-free, in 16, 24, 32, 48 and 64 […]
In this tutorial we create a css-only sliding menu effect (also known as Lavalamp effect). No javascript, just css3 transitions and the general sibling combinator selector.
This time we prepared for you a pack of fifty 1920px x 1200px background images. You can use them as desktop wallpapers or simply as backgrounds in your designs. Free for personal and commercial use. Enjoy !
For a commercial site, and with the proliferation of online payment services, you may need to have buttons showing the logos of these services. Here is a set of icons payment card that you can place on your website or online business on your forms of payment. These icons are available in PNG format in […]
We got used to standard grids and clear horizontal and vertical axes. No wonder that the eye-catching layouts based on the diagonal lines have become one of the recent trends in web design. In this tutorial we will create a very simple diagonal thumbnails gallery.
We will use css3 2D-transforms and pseudo elements to display the diamond-shaped elements with a background image.
Beautiful backgrounds filled with seamless repetitive patterns add a unique, elaborate character to your designs. In this post we share with you an original ornament pattern. You’ll find a pack containing a vector format, an Illustrator pattern swatch, a .pat file for Photoshop as well as ready-to-use .png files. Enjoy! Terms of use : This […]
I don’t remember when I made this Vector Rose. I found it on my mac and decided to share it with you. Hope you’ll find this free vector flower useful for your projects. Who knows, maybe this post will be the first in a Vector Flowers Series. By the way, do you know Catherine Klein? […]
In this tutorial we’ll use the skrollr.js plugin by Prinzhorn to create a funny Christmas card with some fancy scrolling animations. We’ll show you how to easily add intriguing scrolling effects to your site – with no javascript skills required.
