Web Design, HTML And CSS Tutorials

Resources, articles, tutorials for everything in Web Design, HTML and CSS.
  Title / Author Replies
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...
Introduction Any Excel Comparator does the comparison for single Tab at a time but this Entire script compares the number of tabs present in both the excel sheets provided. Background The VBScript needs to be provided with Source Files (to be compared) and a path for the Result File to...
The well-appreciated and possibly most-remembered “secret” code of all time, The Konami Code, a cheat code that originated on the original NES and has since made its way into many other games. up, up, down, down, left, right, left, right, B, A But it is not only limited to games anymore! You...
Sticky Social Icons (or even Feedback buttons) in the side whitespace is one of the cool things among bloggers these days and there are lot of great plug-ins available that can get you done this in few clicks. The only thing I did not like about those plug-ins is they did it using jQuery and for...
Taken from Wikipedia. Common errors Some of the most common errors in the usage of XHTML are: Failing to realize that documents won’t be treated as XHTML unless they are served with an appropriate XML MIME type Not closing empty elements (elements without closing tags in HTML4) ...
Working for one of my client where he had design for dual color border and the easiest way to get it done was to use 2 elements having border of different color.. <div style="border:2px solid blue;"> <div style="border:2px solid Orange;"> Some Content You want Goes Here </div> </div>...
Question Number 1 1.<FORM action=http://www.x.com/p/sv method=post> 2. Name: <INPUT type="text" name="name"> 3. Address: <INPUT type="text" name="addr"> 4. Email: <INPUT type="text" name="email"> 5. Sex: <INPUT type=radio name=sex value=M>Male 6. <INPUT type=radio name=sex1...
The following grammar tips apply whether you are writing copy for marketing, a a press release, content for your site, or even if you are a programmer and you place error messages in your code. Do not underestimate the difference that using correct grammar will make. Although some people do...
After AWeber, GetResponse and Feedburner SlideUp there has been so many requests for Slideup especially for Blogger and other Autoresponders and so here I come up with a general SlideUp HTML code that you can use for any any autoresponder with any CMS of your choice including static pages. As this...
Web has become an integrated part of day to day life. An inseparable partner and companion of life provides plethora of opportunities to earn online. People are interested in developing their website to kick start their online ventures and certain category of people would love to start blogs to...
Flickering scenarios Its quite some time now I had the problem that whenever we use Image buttons for some of the graphic oriented sites the biggest problem we used to face is when ever we specify different image for the hover effect the first hover used to take very long ( unless you had...
Search engines are the #1 tool people use when shopping for products, services or information online. Optimize your website with the proper keywords or keyword phrases for your content and watch your traffic explode. If you gain an understanding of how to properly promote your website your efforts...