The web design and development tips and tricks section contains essential articles for web developers. The tips and tricks cover several aspects of web design and development and have been classified into 6 categories: HTML tips, JavaScript tips, Web Design tips, Graphics tips (with emphasis on Paint Shop Pro), Web promotion tips and Internet tips.
By the way, if you are facing a problem and cannot find a solution in this section, please do send me a mail describing the issue. You can send me a mail from this page.
HTML tips and tricks
Basic HTML tips
An Important HTML Tip: Quoting HTML attribute values
Aligning text and other web page elements/objects around images
HTML ordered lists - A cool HTML tip
HTML mailto attribute of the <A> tag
Introducing new lines and extra spaces on web pages using HTML character entities
HTML design tips
Removing browser padding - The extra space displayed around webpage contents
Removing extra space or padding before and after HTML form tag
Creating a table with rounded corners - HTML table tutorial
Complex rounded corners of tables - Advanced HTML tables tutorial
Making a 1 pixel thin separator line
Creating rounded corners with HTML tables
Creating complex rounded corners with HTML tables
HTML Links and document linking tips
Liking different file types using HTML anchor tag
Changing properties of links such as font style, color etc. of HTML links on a web page
Understanding the different link styles in Internet Explorer
How to remove underlining from HTMl links
Cross-brower compatibility tips and tricks
Removing the small blue mark near images in Netscape
Solution to the problem of background image tiling in Netscape
Solution to the background images and background color problem in Netscape
Coloring Scrollbars using Cascading Style Sheets (CSS) tutorial
Scrollbar tutorial - creating a custom scrollbar by changing default colors
Using Cascading Style Sheets (CSS) to add colors to scrollbars
Changing scrollbar colors using Cascading Style Sheets (CSS) rules and properties
Adding colors to scrollbar - using HTML color codes
Creating a transparent or hidden scrollbar
Opening browser windows without scrollbars
HTML tips on web site navigation
Creating web page headings using HTML tags
HTML <TITLE> tag - understanding web page titles
Writing meaningful TITLEs for web pages
Importance of web page TITLEs for search engines
Automatically redirecting visitors to another web page
HTML frames tips
HTML frames - Advantages & Disadvantages - and their correct usage
Breaking out of a HTML frames
Preventing web pages from loading in frames
Changing the content of two frames simultaneously with one mouse click
HTML form tips
An image as a submit button on HTML forms
Internet Explorer Effects
Transition effects in Internet Explorer for web pages
Creating shadows using style sheets under Internet Explorer
Creating drop dhadows for text using style sheets under Internet Explorer
Creating gloes around text using style sheets under Internet Explorer
Creating text blur effects in Inetrnet Explorer using style sheets
Flipping text horizontally and vertically using style sheets under Internet Explorer
JavaScript tips and tricks
Basic JavaScript tips
Browser and browser version detection using JavaScript
Web page background effects using JavaScript - a really cool tip
Creating animated JPGs using JavaScript
Tips for Mouse Overs using JavaScript
Understanding image rollovers using JavaScript
Image mouse rollovers using JavaScript
Changing two images on mouseover using JavaScript code
Final word on image roolovers with JavaScript
Playing sound clips and music on mouseover
JavaScript Favorites link tip
JavaScript code: creating an Add to Favorites Link
Tips on displaying date and time on web pages using JavaScript
Formatting and displaying time and date using JavaScript
Date and time in JavaScript
Finding the current time with JavaScript
Formatting time using JavaScript
Finding the number of seconds and milliseconds with JavaScript
Creating a clock in JavaScript
Random text and image display with JavaScript
Random text display on web pages using JavaScript
Details of displaying random text phrases on web pages with JavaScript
Displaying images randomly with JavaScript
HTML Form tips using JavaScript
Finding the value of a HTML form radio button
Finding the value of a checkbox in an HTML form
HTML drop down selection list without a submit button - JavaScript tip
Getting the selected text from an HTML drop down selection list
Finding HTML form drop down selection list values using double clicks
Counting words entered in an HTML form TEXTAREA (or text box) element
Restricting the number of words or characters entered by visitors in an HTML form TEXTAREA (text box) element
Protect web pages and code using JavaScript and HTML tricks
Hiding and protecting JavaScript code
Protecting email addresses by being picked up by spambots
Perventing right-clicks on web pages
Web Promotion tips
Submiting your web site to search engines for free
Web banner ad design tips
More tips on creating web banners
Understanding online advertisement campaign
Developing banner ads for online promotion
Online advertising using web banners
Details of web banners for online advertising
Web design tips
Basic Web Design tips
Developing a theme for your web site
Text and background colors
Choosing background and foreground colors
Web page titles - The HTML TITLE tag
Web page headings and font styles
Creating seamless backgrounds
Beautiful seamless web page backgrounds
Site Map - Understanding, creation and importance
Understanding Site Maps - What is a sitemap?
Creating a site map for your web site
Why are site maps so important for your web site?
Important points to remember when creating site maps
Site maps and other nice ways to help visitors quickly locate information on your site
Scripts and programs for creating site maps
The importance of site maps
Understanding the importance of web site navigation
Understanding web site navigation
Types of web site navigation - using JavaScript, Flash, plain HTML!
Importance of web site navigation and site maps
Web site search feature and other navigation techniques
Part 1 - Good web site navigation
Part 2 - Good web site navigation
Part 3 - Good web site navigation
Pros and cons of removing underlines from links on a web page
Confusion caused underlined text on a web page
Linking on the same web page
Image maps - advantages and disadvantages
Understanding other file formats on the web
Putting large files on web pages - helping visitors on your web site
Prevent caching of web pages by browsers
Flash intros usage and creation
Flash intro usage on web sites - Advantages and disadvantages
Important points to remember when creating Flash intros
Internet tips
Downloading, installing and using Microsoft Outlook Express email client
Setting up a new email account in Outlook Express
Taking backup of email messages from Outlook Express
Creating backup of email messages from Microsoft Outlook Express
Using Telnet on Windows
Using FTP with FTP Explorer
FTP with FTP Explorer
Protecting your system from viruses and worms
Screen capture - Taking a screen shot of a web site
Graphics tips
Making beveled text in Paint Shop Pro
Neon signs with Paint Shop Pro
Creating simple glows in PSP
Creating glows around objects with Paintshop Pro
Creating colored glow in PSP
Creating perspective shadows in PSP
Making your text stand up - shadows in psp
Other great text effects in PSP
Lens flares in PSP
Soft cloning in PSP
Creating 3D spheres in PSP
Creating realistic 3D spheres in PSP
Frames Part 1 - Creating picture frames in PSP
Creating wood textured frames around pictures
Creating PSP picture tubes
Creating beautiful Paint Shop Pro picture tubes
Creating mirror effect in Paint Shop Pro
Creating transparent text on images
Creating watermark on images using PSP