CSS Tableless Design Tutorial
Last Updated on Monday, 15 August 2011 07:36 Written by A.Jesin Saturday, 25 June 2011 06:45
This tutorial teaches you how to create your website neatly sans tables. All along people used tables to create column layouts and templates for their websites because they shied away from learning CSS and <div>s. If you thought creating web pages with divs are difficult you are about to change your mind after reading this tutorial, because HTML tables have many problems which can be overcome using divs. Take an example of changing the size of a column while using <table> tag, expanding a column also expands the column next to it. Of course you can use colspan and rowspan attributes to correct this to an extent but that makes it cumbersome and eats up precious bytes. With tableless design in CSS you can overcome all these problems and have complete control over your design, whats more search engines also start liking your website. Read More…
Javascript Validation with Regular Expressions
Last Updated on Tuesday, 22 March 2011 10:58 Written by A.Jesin Tuesday, 22 March 2011 10:58
After reading this article you’ll be able to do advanced javascript validation using regular expressions a.k.a. RegExp for basic javascript validation read Javascript Validation – Textbox Combobox Radiobutton Checkbox. Using regular expressions the entered content can be validated with advanced conditions like the string entered shouldn’t contain spaces, special characters, numbers, uppercase or lowercase etc. Once you learn the art of using regular expressions you can use it with many computer languages. Read More…
Javascript Validation – Textbox Combobox Radiobutton Checkbox
Last Updated on Tuesday, 25 October 2011 12:20 Written by A.Jesin Wednesday, 2 March 2011 10:55
Validate your HTML form with Javascript validation. The tutorial describes Javascript validation of textboxes, comboboxes, radio buttons and checkboxes. In Javascript we create a function which checks if some value is entered in the textbox or selected in the case of combobox, radiobutton, checkbox. If a textbox is empty or an option is not selected we can use javascript to display an alert message, and highlight the empty field and also we should make sure the page stays the same and doesn’t get “submitted” Read More…
Javascript Reload Image
Last Updated on Monday, 15 August 2011 04:05 Written by A.Jesin Saturday, 22 January 2011 09:03
Using Javascript you can reload an image without reloading the page. This is extremely useful for reloading a captcha image if the user is unable to read the characters shown in it. Reloading an image using Javascript is just a simple matter of reassigning the same image location to the image src attribute. But the problem is the browser doesn’t call the image from the web server, since the name is same the browser just fetches the same image from the cache (Temporary Internet Files). So to overcome this we must add something with the image src attribute in such a way that it doesn’t affect the image location. The best way to do it is to add it like a query string to the image. Read More…
CSS Horizontal Navigation Menu
Last Updated on Tuesday, 4 January 2011 04:36 Written by A.Jesin Tuesday, 4 January 2011 04:36
CSS Horizontal Navigation Menu is the basic menu sent on most of the websites just below the logo. It is very easy to create this type of menu using HTML unordered lists and CSS. It is search engine friendly and uses a tableless design. The CSS Horizontal Menu will be created with a hover effect to spice up things. This will change the color and style of a menu item when the mouse pointer is moved over it. Lets start step-by-step building the CSS Horizontal Menu Read More…
Javascript Simple Slideshow
Last Updated on Tuesday, 5 July 2011 10:50 Written by A.Jesin Monday, 20 December 2010 08:34
Create a Simple slideshow using Javascript and HTML which is very easy to understand and implement. This is a no frills slideshow without any special effects and aims at beginners. As you learn more you can add more special effects. The Javascript Simple Slideshow works by changing the src attribute of the img tag to the list of image locations specified in an array variable. And finally I’ll show you how to preload the images so that the transition takes place smoothly. Read More…
