Grid system is really useful for web design. If you’re looking for a nice tutorial on how to design a website using grid, here is the good one.
This tutorial is from LINE25, they show you a process of designing web layout using grid base. You’ll learn from design your web layout using Adobe Photoshop, through to writing the HTML structure, styling up with CSS then adding clever functionality with the jQuery library.
I found some sites using this technique on their sites. As you can see from the image, it’s a useful toolbar or menu bar that you can add a quick launch menu or social networking icons for your user easily sharing your contents.
In the tutorial, you’ll learn to create you own floating menu bar using CSS, jQuery
Another color choosing helper tool, but this one is different. 0to255 is a simple tool that helps web designers find variations of any color.
You just simply pick a color and this tool will show the darker and lighter colors of the color you pick.
I really like this color tool cause when I design a web layout, I love picking a lighter color or a darker color to match the color that was picked by my customer. This tool is just simple, but useful.
Some browsers like Firefox, Chrome, Safari and Opera, they’re all support CSS with rounded corner code, but Internet explorer is still not support it.
In this video tutorial, you’ll learn how to create a fixed width, rounded corners that support in all web browsers using two simple images we create in Photoshop.
You will learn a little about writing CSS code and working with images and CSS as well as some other cool useful tips and tricks.
If you have blog or website and looking for a nice script for rotating ads position on your site, here is a nice one. You can download a completed script or you can learn on how to create with yourself from the tutorial.
In this tutorial we are making a simple PHP, jQuery & MySQL banner rotator, with which you can create and randomly display banners on your site. Each of the banners features a neat jQuery animation effect, which you can customize to fit your own needs.
The tutorial is really nice, easy to follow and useful for all web developers who put the ads on their sites.
In this tutorial we are making a simple AJAX-ed Todo List App, with PHP, MySQL and jQuery. In the process we are going to demonstrate PHP’s OOP capabilities, play with jQuery UI and implement some nice AJAX functionality.
For a better understanding of the steps of this tutorial, You can see the live demo from the link below or download a completed scirpt.
New to web design? If yes this is the right tutorial for you.
In this tutorial, we’re going to be designing and coding a simple blog-style web-page. We’ll pay special attention to making our design flexible and accessible by using clean and simple XHTML and CSS. This tutorial is aimed at beginners, and anyone looking to improve the accessibility of their web designs.
0 Comment » 
