Web development is an area you need to keep up to date. Most of you all know HTML5 is creating a big change on the Internet. With HTML5 and css3 combination you make a good website. Today we are going to make HTML5 web layout with using some of the css3 features from scratch.

Your Options are wide open when you start designing a website, But you should follow some web design standard when you design a website. Because all the business are getting benefit from a quality websites. Here I have listed most common mistakes you should not do when you design a website.

Usually most of the designers and developers are using Divs rather then using Tables. But we still need tables in our day to day applications. In this example I will show you how to use on of the highly flexible  jQuery table plug-in call datatables . For example you have a Large amount of data and you need to filtering on any column of the table to find instances of a specific character in that column.

Facebook Fan pages are more powerful way to build a community and learn about your audience. However, now they’re also a great way to get more traffic and exposure your brand. Business fan pages make an easy way to interact with your clients by announcing them about the latest offers and updates. Today I’m going to discuss the simple and effective way to get more Facebook fans.

There are lots of ways to draw graphs on a web page. Usually we use Flash for graphs all the time, but that has the limitation of not working on some mobile devices like the iPad or iPhone. There are server-side solutions that work well, but those might be too processor-intensive if you’re working with real-time data.

HTML5 canvas element lets developers create images and animations in the browser using JavaScript. We can use the canvas to create simple or complex shapes without resorting to server-side libraries, Flash, or other plug-ins. In this tutorial we will see how to access the canvas element,  draw basic Shapes and change colors.

In this tutorial I will show you how to create sweet and simple ribbon with free tag in photoshop. As usual I have explained simple steps also for beginners.This is a good exercise you to learn, how to use blending options in photoshop. Hope you like this tutorial and share your thoughts in the comments section of this post.

Expand and Collapse is ideal for selective displaying information. it is frequently used in websites. It will let users to control, how the content is shown or hidden in the page. Today We are going to look how to create expand and collapse using jquery.

There are lots of 3rd party plug-in for sorting function out there in the web. But if you go to 3rd party plug-ins you need to include more javascript file in a page. Using jQuery you can easily sort the html elements. Today I will show how to sort items using jQuery.

Most of the website structure is Header, navigation, section main content and footer. Unfortunately, the screen reader may have to read the site to its user in that order. Since most sites repeat the same header and navigation on each page, the user will have to hear these elements each time they visit another page.

HTML5 interduce a new role attribute. This lets us assign a “responsibility” to each element on your page. Then the screen reader can very easily parse the page and categorize all of those responsibilities, so that you can create a simple index for the page.