HTML, JavaScript, web promotion, web page design, web graphics, Internet tips and tricks for web developers.
web design and development tips and tricks, tips and tricks for web design and development
Web development and design tips and tricksGo to Web development and design tips and tricksHomepage

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 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

BulletAn Important HTML Tip: Quoting HTML attribute values
BulletAligning text and other web page elements/objects around images
BulletHTML ordered lists - A cool HTML tip
BulletHTML mailto attribute of the <A> tag
BulletIntroducing new lines and extra spaces on web pages using HTML character entities

HTML design tips

BulletRemoving browser padding - The extra space displayed around webpage contents
BulletRemoving extra space or padding before and after HTML form tag
BulletCreating a table with rounded corners - HTML table tutorial
BulletComplex rounded corners of tables - Advanced HTML tables tutorial
BulletMaking a 1 pixel thin separator line
BulletCreating rounded corners with HTML tables
BulletCreating complex rounded corners with HTML tables

HTML Links and document linking tips

BulletLiking different file types using HTML anchor tag
BulletChanging properties of links such as font style, color etc. of HTML links on a web page
BulletUnderstanding the different link styles in Internet Explorer
BulletHow to remove underlining from HTMl links

Cross-brower compatibility tips and tricks

BulletRemoving the small blue mark near images in Netscape
BulletSolution to the problem of background image tiling in Netscape
BulletSolution to the background images and background color problem in Netscape

Coloring Scrollbars using Cascading Style Sheets (CSS) tutorial

BulletScrollbar tutorial - creating a custom scrollbar by changing default colors
BulletUsing Cascading Style Sheets (CSS) to add colors to scrollbars
BulletChanging scrollbar colors using Cascading Style Sheets (CSS) rules and properties
BulletAdding colors to scrollbar - using HTML color codes
BulletCreating a transparent or hidden scrollbar
BulletOpening browser windows without scrollbars

HTML tips on web site navigation

BulletCreating web page headings using HTML tags
BulletHTML <TITLE> tag - understanding web page titles
BulletWriting meaningful TITLEs for web pages
BulletImportance of web page TITLEs for search engines
BulletAutomatically redirecting visitors to another web page

HTML frames tips

BulletHTML frames - Advantages & Disadvantages - and their correct usage
BulletBreaking out of a HTML frames
BulletPreventing web pages from loading in frames
BulletChanging the content of two frames simultaneously with one mouse click

HTML form tips

BulletAn image as a submit button on HTML forms

Internet Explorer Effects

BulletTransition effects in Internet Explorer for web pages
BulletCreating shadows using style sheets under Internet Explorer
BulletCreating drop dhadows for text using style sheets under Internet Explorer
BulletCreating gloes around text using style sheets under Internet Explorer
BulletCreating text blur effects in Inetrnet Explorer using style sheets
BulletFlipping text horizontally and vertically using style sheets under Internet Explorer

Back to the top

JavaScript tips and tricks

Basic JavaScript tips

BulletBrowser and browser version detection using JavaScript
BulletWeb page background effects using JavaScript - a really cool tip
BulletCreating animated JPGs using JavaScript

Tips for Mouse Overs using JavaScript

BulletUnderstanding image rollovers using JavaScript
BulletImage mouse rollovers using JavaScript
BulletChanging two images on mouseover using JavaScript code
BulletFinal word on image roolovers with JavaScript
BulletPlaying sound clips and music on mouseover

JavaScript Favorites link tip

BulletJavaScript code: creating an Add to Favorites Link

Tips on displaying date and time on web pages using JavaScript

BulletFormatting and displaying time and date using JavaScript
BulletDate and time in JavaScript
BulletFinding the current time with JavaScript
BulletFormatting time using JavaScript
BulletFinding the number of seconds and milliseconds with JavaScript
BulletCreating a clock in JavaScript

Random text and image display with JavaScript

BulletRandom text display on web pages using JavaScript
BulletDetails of displaying random text phrases on web pages with JavaScript
BulletDisplaying images randomly with JavaScript

HTML Form tips using JavaScript

BulletFinding the value of a HTML form radio button
BulletFinding the value of a checkbox in an HTML form
BulletHTML drop down selection list without a submit button - JavaScript tip
BulletGetting the selected text from an HTML drop down selection list
BulletFinding HTML form drop down selection list values using double clicks
BulletCounting words entered in an HTML form TEXTAREA (or text box) element
BulletRestricting 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

BulletHiding and protecting JavaScript code
BulletProtecting email addresses by being picked up by spambots
BulletPerventing right-clicks on web pages

Back to the top

Web Promotion tips

BulletSubmiting your web site to search engines for free
BulletWeb banner ad design tips
BulletMore tips on creating web banners
BulletUnderstanding online advertisement campaign
BulletDeveloping banner ads for online promotion
BulletOnline advertising using web banners
BulletDetails of web banners for online advertising

Back to the top

Web design tips

Basic Web Design tips

BulletDeveloping a theme for your web site
BulletText and background colors
BulletChoosing background and foreground colors
BulletWeb page titles - The HTML TITLE tag
BulletWeb page headings and font styles
BulletCreating seamless backgrounds
BulletBeautiful seamless web page backgrounds

Site Map - Understanding, creation and importance

BulletUnderstanding Site Maps - What is a sitemap?
BulletCreating a site map for your web site
BulletWhy are site maps so important for your web site?
BulletImportant points to remember when creating site maps
BulletSite maps and other nice ways to help visitors quickly locate information on your site
BulletScripts and programs for creating site maps
BulletThe importance of site maps

Understanding the importance of web site navigation

BulletUnderstanding web site navigation
BulletTypes of web site navigation - using JavaScript, Flash, plain HTML!
BulletImportance of web site navigation and site maps
BulletWeb site search feature and other navigation techniques
BulletPart 1 - Good web site navigation
BulletPart 2 - Good web site navigation
BulletPart 3 - Good web site navigation
BulletPros and cons of removing underlines from links on a web page
BulletConfusion caused underlined text on a web page
BulletLinking on the same web page
BulletImage maps - advantages and disadvantages
BulletUnderstanding other file formats on the web
BulletPutting large files on web pages - helping visitors on your web site
BulletPrevent caching of web pages by browsers

Flash intros usage and creation

BulletFlash intro usage on web sites - Advantages and disadvantages
BulletImportant points to remember when creating Flash intros

Back to the top

Internet tips

BulletDownloading, installing and using Microsoft Outlook Express email client
BulletSetting up a new email account in Outlook Express
BulletTaking backup of email messages from Outlook Express
BulletCreating backup of email messages from Microsoft Outlook Express
BulletUsing Telnet on Windows
BulletUsing FTP with FTP Explorer
BulletFTP with FTP Explorer
BulletProtecting your system from viruses and worms
BulletScreen capture - Taking a screen shot of a web site

Back to the top

Graphics tips

BulletMaking beveled text in Paint Shop Pro
BulletNeon signs with Paint Shop Pro
BulletCreating simple glows in PSP
BulletCreating glows around objects with Paintshop Pro
BulletCreating colored glow in PSP
BulletCreating perspective shadows in PSP
BulletMaking your text stand up - shadows in psp
BulletOther great text effects in PSP
BulletLens flares in PSP
BulletSoft cloning in PSP
BulletCreating 3D spheres in PSP
BulletCreating realistic 3D spheres in PSP
BulletFrames Part 1 - Creating picture frames in PSP
BulletCreating wood textured frames around pictures
BulletCreating PSP picture tubes
BulletCreating beautiful Paint Shop Pro picture tubes
BulletCreating mirror effect in Paint Shop Pro
BulletCreating transparent text on images
BulletCreating watermark on images using PSP

Back to the top


AddThis Social Bookmark Button
Page contents: Tips and tricks in HTML, JavaScript, web promotion, web page design, web graphics and Internet for web developers and web designers.

Page URL: http://www.webdevelopersnotes.com/tips/ index.php3



Join Mailing List


Feedback/Questions




50+ web hosting FAQs

Search engine for your website

Free software from Google - The Google Pack Collection

Create your own search engine
Search WebDevelopersNotes.com