Web Design, HTML And CSS Tutorials

Resources, articles, tutorials for everything in Web Design, HTML and CSS.
  Title / Author Replies
Cascading Style Sheets (CSS) are useful for designing the web pages in an application. But it does not contain the advanced design features for web application. To overcome the issues, the CSS3 was introduced in designing web pages. CSS3 has the latest standard for the CSS. CSS3 has been split...
The CSS divides the properties into the number of categories. The different categories of the properties are as mentioned below: Text Style Text Layout Background Border Margin Padding Page Layout Element Type
In any application, there is a constant repetition of style codes and to apply the same styling to same code, we have selectors in CSS. A selector identifies the elements on the HTML page. The browser is capable for differentiating which selectors can be used. There are different types of...
HTML4 has been a standard web development for more than 10 years. HTML4 is approved and ratified as a standard language for browsers by the World Wide Web Consortium (W3C), an organization which specifies and approves standards for web technologies. However, with the advent of smart-phones era,...
As soon as the ball dropped in Times Square on January 1st, 2014, new ideas and innovations began flooding into the World Wide Web. Some analysts have made bold predictions as to the expected popular new trends that would appear this year, while some classic and simple web design attributes will...
With tables you can always have a td that takes up all the space left over from a fixed width TD. So for example a right sidebar fixed with table design would be something like this. <table width="100%"> <tr> <td>Content</td> <td width="200">Sidebar</td> </tr> </table> Now if we want...
Yup another post on the same day, again something old but haven't answered properly on the internet. The issue is what every web designer keep searching for years after properly coding the theme : "the damn footer doesn't stay at the bottom" ...
Change the color of the hair Changing the colors of the hairs looks very hitech but its one of the sinmplest things you can do with photoshop. Open any image in Adobe photoshop. Here I would use the famous photograph of Leo. ...
A website is an important part of any business enterprise today. The size and kind of business is immaterial. The Internet is so very popular and everybody expects a company to have its very own web site and the one's that don't have are looked down upon. Is it good enough to just have a website?...
Nowadays location-aware applications are everywhere, with advent of HTML5 and support for it all major web browsers it has become very easy to grab a user's Geo-location and use it to display customized content or display a map or whatever you can imagine to do with it. Earlier IP was the only...
In this tutorial I'll be covering on how to make a simple yet attractive and useful exercise using Khan API (see more), Khan Accademy is a non profit organisation with a goal of changing education for the better by providing a free world-class education to anyone anywhere. Its a great initiative...
I found this article online and thought it might be useful for new Photoshop users! The 5 Deadly Sins of Photoshop Compositing By Sean David Baylis Photoshop is a wonderful program that allows you to edit a photograph in as many ways as you can imagine. It allows you to control every...
If you have never tried this before, it is an excellent implementation for buttons and images. What I am teaching here? We are going to learn how to fade an image to its greyscale equivalent by using CSS sprites and JQuery. Before we begin check out the working example. Now, lets see the HTML...
I have seen many requesting of a tutorial of making a navigation bar with flash which in case so simple. I myself too read many posts before writing my own one. Background This article is so old but just now i got into senses that i have not posted it yet :). Before starting please remember...
All you all might be knowing, CSS based pages are search-engine friendly, so we all try to implement CSS in our web pages, so here are a few CSS tricks which will help you work with ease. CSS font shorthand rule When styling fonts with CSS you may be doing this: font-weight:...
Create a simple logo. Today we will discuss some of the simple tricks to create a logo as follows http://www.go4expert.com/images/articles/ilogo/img-src.gif Follow the following steps 1. Create a blank image of size 1 inch x 1 inch. Make sure you keep the background as transparent.
This is just a quick Guide for the my new script : ZICS . Pretty crazy, yup but this would be a nice feature to added to your site to catch up the users eyes. To tell the truth the idea is not original but I have rarely seen this implement within websites. So here what it is. This script...
The following code works for capturing key presses on IE, Netscape, Opera 7,and somewhat with Opera 6. <html> <script language="JavaScript"> function keyHandler(e) { var pressedKey; if (document.all) { e = window.event; } if (document.layers) { pressedKey = e.which; }
We have all seen Tag Clouds on blogs and websites. If you haven't seen one, well it consists of all the tags you have given to posts on your websites arranged in a 3D cloud which rotates when you point to a tag and brings it into focus. Today we'll see how to build the same using jQuery, which is a...
Before starting this article I want readers to know what a pixel is. Pixel is short for Picture Element. A pixel is a single point in a graphic image. Graphics monitors display pictures by dividing the display screen into thousands (or millions) of pixels, arranged in rows and columns. The pixels...