Web development and design tips and tricks

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, Internet tips, Outlook Express tips, Windows Mail tips, Windows Live Mail tips, Hotmail tips and Gmail 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..

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

• Web banner ad design tips
• More tips on creating web banners
• 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

• Text and background colors
• Choosing background and foreground colors
• 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
• 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

• Using Telnet on Windows
• Using FTP with FTP Explorer
• Screen capture - Taking a screen shot of a web site
• more...

Outlook Express 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
• more...

Windows Mail tips

• Windows Mail - download and install
• Outlook Express 7 - Windows Mail?
• Add, setup and configure email accounts in Windows Mail
• Configuring Windows Mail
• Add, setup and configure Gmail account in Windows Mail
• Hotmail and Windows Mail
• more...

Windows Live Mail tips

• Microsoft Windows Live Mail - Free download
• Installing Windows Live Mail on Vista and XP
• How to setup Windows Live Mail email program
• Windows Live Mail Hotmail settings
• How to setup and configure Gmail account on Windows Live Mail
• Windows Live Mail and Outlook Express
• What is Windows Live Mail?
• more...

Hotmail tips

• Create a Hotmail account - Instructions
• Make a Hotmail account - step by step
• Hotmail - Compose and send emails
• Hotmail settings and options
• Download Hotmail emails to computer
• Hotmail account setup on Windows Live Mail program
• How to change Hotmail account password
• Cannot send email from Hotmail - Problem and solution
• Hotmail sign in problem and solution
• A comparison of Gmail from Google and Hotmail
• more...

Gmail tips

• Create Gmail address
• Gmail e-mail
• Photos and pictures in Gmail email
• Gmail email attachments
• Download Gmail emails
• Setup Gmail on Outlook Express
• Search Gmail emails
• Send SMS from Gmail
• Gmail access problem - slow loading
• Gmail password problem - cannot access your account?
• Gmail invites - Invitations still available (?)
• Close and delete Gmail account
• more...

Graphics tips

• Making beveled text in Paint Shop Pro
• Neon signs with Paint Shop Pro
• Creating watermark on images using PSP
• more...