HTML5 Forms Kick Ass. Buuuut, aren’t exactly supported yet One of the best features coming to HTML5 forms is the built in feature of a ‘date picker’. We’ve all used these before, on hotel or airline booking forms. You use the mini calendar to choose you date, which then gets added into the field. This is starting to be supported in some browsers that support HTML5, without using any javascript. The problem is that currently not all browsers support this feature, and the ones that do have very different ways of supporting it. Until they do support it, I recommend  [ Read More ]

Here is my final result SiteGrinder 3 will automatically convert this Photoshop web design template from a PSD to HTML/CSS website – NO Slicing and NO coding skills required! Click here to see more… To create this restaurant layout, I have used: From our Premium Files available to our Premium Members I have used Restaurant Vector Icons A stock image showing a waiter with a bottle of wine and 2 glasses. I can’t share with you this image because I don’t have the right to do it. Anyway, you can find some nice images (even better that the one I have used) on stock websites,  [ Read More ]

Part 1 - Creating a Paper Texture There are three different ways you can get a textured paper look: Scan in your own paper Check out Bittbox’s Make an Awesome Grungy Paper Texture Tutorial  Use someone else’s texture There’s heaps of sites that list textures around, check out these links: Bittbox | TextureKing | Psdtuts+ Textures  Make it in Photoshop This is what we’re going to do! Making a texture in Photoshop will generally result in a more stylized than realistic look, but it has its own charms. Also it means you don’t need any external images. Step 1 So first we’ll start a new document, this  [ Read More ]

DownloadSOURCE FILES In this quick tip tutorial we will explain how to create a cookie text effect using layer styles and textures in Photoshop. Let’s get started!   Tutorial Assets The following assets were used during the production of this tutorial. Free Cookie Texture Free Wooden Table Texture Step 1 First make a new PSD document 1000 x 400 pixels resolution 72 Dpi. Now open the free texture Wooden Table and copy and paste it into your new PSD document. Command/Ctrl + T (transform) the texture and resize it until you are happy with it. Step 2 Then we are  [ Read More ]

Step 1 Create a new document with width 1200px and height 1000px.Fill your background with # 110500 color using ‘paint bucket tool’. Step 2 Create a new layer, select the bottom 1/3rd of the document and fill the selection with # 2e1800 color. This will serve as the floor. Step 3 Open the ‘concrete texture’ file, press Ctrl+ A to select it, and then press Ctrl+ C to copy the selection. Come back to your document and press Ctrl+ V to paste the texture here. Drag it downward to place it over that lower 1/3rd making the floor. Change the  [ Read More ]

About Again another image gallery. Click on the images bellow to see it in action.   Implement Attach the Javascript and CSS files to your document. Edit CSS file and fix the paths to images and change colors to fit your site theme.Important: be sure to include Javascript files in the specific order as in the example below. <link rel=”stylesheet” media=”screen” type=”text/css” href=”css/spacegallery.css” /> <script type=”text/javascript” src=”js/eye.js”></script> <script type=”text/javascript” src=”js/utils.js”></script> <script type=”text/javascript” src=”js/spacegallery.js”></script> Invocation code Prepare a block level element with some images inside. All you have to do is to select the elements in a jQuery way and call the  [ Read More ]

This Photoshop tutorial explains how to make a simple gold text effect by using some layer styles, namely the Gradient Overlay layer style!   Final Image Preview Note: Original tutorial published on Photoshopstar.com was old and needed a few updates. Tutorial was rewritten and now published. Resources 9 tileable metal textures (starnetblog_tileable_metal_texture8.jpg) Grungy Brush package Highlight Glint or Star Sparkle Brush Set Step 1: Setting the Stage Let’s start by making a new document in Photoshop. I created a new document sized 500 x 500 pixels with all the default settings, RGB, 72 DPI, etc. After creating your document, set  [ Read More ]

In this tutorial, you will learn how to create a horizontal blind image transition effect effect which will slowly reveal your picture from top to bottom in horizontal stripes. Each strip will also have a color filter applied to it. Tutorial Details Program: Flash CS5 Difficulty: All Estimated Completion Time: 40 Minutes Follow the steps to complete the tutorial. 1. Open a new flash file. Choose Window > Properties from the main menubar to open the PROPERTIESpanel. 2. Expand the Properties section in the panel and choose the Edit… button to enlarge the Document Settings window. Next, set the width to 500 px and height to 300  [ Read More ]

Name                : Picky Type                  : Website Template Description    : Simple portfolio template. 6 colors. Added              : February 28, 2012 6:00pm Doctype          : None Page Layout  : Other Colors              : Red, Black, Gray, White or or

  Web design sub pages: This website template will work with all modern web browsers. What is included: HTML files source code CSS file source code Images: compressed versionsgenericwebsitetemplate The design source, in this case, the PSD files Sliced PSD file (Photoshop source design) Third party Stock Photos licensed from Veer:   or or