Web Design and Development Tips and Tricks

The web design and development tips and tricks section of Webdevelopersnotes.com contains these essential articles for web developers. These tips and tricks cover several aspects of web design and development and have been classified into 3 categories: HTML tips, JavaScript tips, and Web Design tips.

Web Design and Development 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

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

Popularity: 3% [?]

Related Posts:

12 Step-by-Step Excel Tutorials

12 Illustrated Access Tutorials

164 Photoshop Tutorials

9 Short Word Tutorials

Web Design Tutorials

Tags for this post>> Web Design