«« Next » « Previous Browse links by tag
3D Flipping Circle with CSS3 and jQuery In this tutorial we will create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CSS 3D transforms and shadows/gradients. View demo Download source Today I would like to show you how to create a little component with a realistic touch. The idea is based on the sweet paper effect found in the video of the Google Developer Stories . Maybe you have created these kind of paper effects when you were a kid; basically something opens or rotates when pulling or pushing some handle. We’ll create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CSS 3D transforms and shadows/gradients.
Hello my friends. Another day here on Grafpedia means another tutorial or resource posted. In this tutorial I will show you the power of patterns applied in web layouts. Create a dark portfolio pixel layout
In this tutorial I will show you how to create a different portfolio layout. It is very important to have a great website for your portfolio. Only in this way you can atract potential clients. Create a nature portfolio layout
In this tutorial i will show you how to create another web 2.0 layout for your creative portfolio. You can easily transform this PSD layout into a wordpress portfolio theme because it use one of the latest web design trends. The layer styles used in this tutorial you can download from here Create a new document with the following size: 960 x 900 pixels I will use a dark color for the background #0a0a0a I will create another document with the following size: 270 x270 pixels and I will create a simple shape with Ellipse Tool Then I will add the following layer styles This is my result Design an awesome colorful layout
how to develop wordpress theme with 978 grid system | Wordpress API Earlier 960 grid system was very popular among the wordpress theme developers. But 960 grid system is becoming older. Now days 978 grid system is becoming very popular. So I decided to create wordpress theme with 978 grid system. In this article I will tell you how to create the wordpress theme with 978 grid system.
Grid 960 is a CSS Framework that enables developers to rapidly prototype designs. They are excellent tools for creating mock ups.
Tutorials In this section you will find in-depth how-tos involving common web development and web design techniques.
CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required!
Adobe Creative Suite is a collection of applications for people who are, lets see….creative? Say Goodbye to Adobe Creative Suite
Create a Clean Blog Theme in Photoshop | Tutorials Want to design your own site? It’s not too difficult to learn, though like most things, it does have a learning curve. Where many people seem to get tripped up is in specific solutions to specific problems. Fortunately there’s a good chance that someone before you has already had the same problem and even better has found a solution. In this tutorial I’m going to show you how to create a Clean Blog theme in Photoshop also i will show some of technique that may help you to create more themes in the future, we usually create one page “Home Page”, but in this tutorial we are going to create two page “Home Page” and “Content Page”, Grab your coffee and let’s get started and see how to prepare a clean and sleek blog theme by yourself.
OptiView Front Page