1.Coding a Clean & Illustrative Web Design from Scratch

In this web development tutorial, you’ll learn how to build a web page template from a Photoshop mock-up using HTML/CSS and the jQuery library.

2.Coding a Clean Web 2.0 Style Web Design from Photoshop

In this tutorial thay create a fixed-width web layout using some basic coding techniques. Towards the end, they enhance the design with a bit of jQuery.
This is will teach you how to create the layout in Photoshop, and then how to convert it to a standards-compliant (X)HTML web design.

Read the rest of this entry »

Google’s Theme Gallery for Chrome has gone live with 29 official themes & the Google Chrome themes website is now live .
Installing them is easier, just pick the one you like and click on the “Apply theme” button. The theme will download and in the download manager at the bottom of the Chrome browser window, simply select “open.”
After you have the new theme installed, you’ll see an option to return to the default theme. If you close that, you can revert in the Preferences area, under “Personal Stuff.”

The theme of the browser will be instantly changed after the download without having to restart it. Google Chrome does not come with a theme manager yet.
The only way to uninstall themes is to enter chrome://extensions/ in the address bar of the web browser. This internal page displays all installed Google Chrome themes with the option to uninstall them.

For the below html code snippet ,we can retreive the selected(checked) checkbox values into an javascript array for further processing.

<div>
<input type="checkbox" name="list_group" value="one" />
<input type="checkbox" name="list_group" value="two" />
<input type="checkbox" name="list_group" value="three" />
<input type="checkbox" name="list_group" value="four" />
<input type="checkbox" name="list_group" value="five" />
</div>


jQuery code to be used on onready or onclick event.

var values = new Array();
$.each($("input[@name='list_group']:checked"), function() {
values.push($(this).val());
});