Anli 
Today’s web design resource is a nice set containing 8 colorful tooltips and speech bubbles. You can use them in your projects to display a short information to the user for example when the mouse hovers over a link or icon. The PSD file is layered and organized so you can use them in seconds. All these tooltips and speech bubbles are shapes and can be scaled at any size you want. A nice addition to your design library!
Back in the days when wood backgrounds started to appear on websites and applications I have always been amazed how some of the best designers use them on their works. If used properly, they give a pleasant and professional look to the website and make visitors stare at it for minutes just to admire the design. At least, this is what happens to me.
So, today I want to share with you a collection of 15+ high quality wood backgrounds and tileable patterns that I found while surfing the web. They are all free so you can start using them in seconds. Let’s get started!
Today’s web design resource is a beautiful green contact form template that you can use in the contact page of your next website. I was working on this template lately and I was also planning to make a Photoshop tutorial and code it in HTML and CSS. But then I thought it would be a good idea to share with you the PSD first and see what you think. So, download it and stay tuned for the tutorial. Enjoy!
In this article we’re going through the process of creating a 3D download button using CSS3. This button can be used in your websites, for example, when you want to share some resource with your visitors. At the end of this tutorial you can also download the PSD file so you can play with the colors or modify the button.
In this quick tutorial we’re going to create some rounded transparent notifications using CSS3 and jQuery. The design of these notifications comes from Victor Erixon, a Swedish designer that created them for premiumpixels.com. This design was originally intended to be used as a Growl notification style and today we’re going to make a CSS3 version of it. This way we can improve our CSS3 skills while coding a detailed PSD design with CSS3.
We’ll use CSS3 only for creating the notifications except for the two icons, the cloud and the shopping cart, that will be PNG images. Then we’ll add some jQuery for making the notifications appear when we click on the menu buttons.
Let’s begin!
This is the second part of the Under Construction page tutorial. Today we’re going to code the page in HTML5, CSS3 and we’ll add some animations with jQuery. We’ll also use the 960 Grid System for coding a small part of the page. If you have missed the first part of this tutorial, you can find it here:
Create a Bold “Under Construction” Page, Part 1: Photoshop
You can view a live demo of the page here:
So, let’s begin!
Today I’ll continue the mini icons series with another icons set. This time it’s a Media Icons Set containing 28 icons. As always it comes in PSD version so you can customize the colors, effects and size as you like. All the icons are shapes and can be resized without losing quality. You can download this icons set from the link below. Enjoy!