Sources - Useful links. Updated - Friday 3rd June 2011.

• W3 mark-up validator. Validate your (x)HTML

STARTING OUT.

• *Your First 10 HTML Tags.
• *What? Why? How?.
• *Divitis: what it is, and how to cure it.
• *Bonrouge - About HTML, CSS, PHP and javascript.
• *HTML Source. It'a all here..
• *Getting started with CSS.
• *A demo of the CSS hide and display method. .
• *There are three ways of inserting a style sheet.
• *CSS advanced Specificity.
• *From-table-hell-to-div-hell.
• *Web Building Tutorials - All Free.
• *12 top tips for running a great website.
• *HTML Tutorials for Beginner to Advanced.
• *Fix Your Site With the Right DOCTYPE!
• *Teaching you how to create web pages!
• *Shrink-to-fit boxes and text-align
• *Web-optimization/improving-page-load-times.
• *Web authoring references and resources.
• *The Unicode Character Code Charts By script.
• *Guide to Web Character Encoding
• *Welcome to HTML.net Free tutorials on HTML and CSS.
• *Using style Sheets.
• *Same "class" Code on each page.
• *Help with HTML, CSS etc.
• *A guide to designing web sites.
• *Web Developer's Handbook.
• *CSS tests and experiments.
• *WELCOME TO HTML SOURCE!
• *Web Design - CSS.
• *Cascading style Sheets (CSS) and SEO.
• *CSS - A Wonderful Resource.
• *Webpages That Contain Non-English Letters.
• *Web design and development resource.

SEMANTICS and POSITIONING.

• *Learn CSS Positioning in Ten Steps.
• *Position your Div where you want it.
• *Fix Your Site With the Right DOCTYPE!
• *Semantic code: What? Why? How?
• *Web authoring references and resources.
• *Semantics,and Structure.
• *What are Semantics?
• *Semantics and HTML.
• *Position is Everything.
• *CSS Positioning again.
• *Absolute positioning pitfalls
• *Absolute Positioning.
• *Three column, fixed width display.

ALL ABOUT FLOATS.

• *All about floats.
• *Best-CLEARFIX-ever.
• *A common problem with float-based layouts is that the float's' container will not stretch to accomodate the float..
• *Clearing Floats Without Structural Markup
• *Clearing Floats using the :after pseudoclass.
• *Clearing floats using "overflow: auto;".
• *CSS Float Theory:You Should Know.
• *Uncollapsing Margins.
• *Everything Does Not Float.
• *Understanding FLOATS.
• *Which Floats are cleared by a Clear?
• *Clearing space beneath floated elements
• *15-Containing FLOATS.
• *Contained FLOATS
• *Simple clearing of FLOATS.
• *Clearing "FLOATS" the old fashioned way.
• *Tutorial 20: CSS "FLOATS", part 1.
• *15-Containing FLOATS.
• *What can you use FLOATS for?
• *Floatutorial
• *Clearing FLOATS
• *Digital Web on FLOATS.
• *Centered and Widthless Floated List Items.

CSS LAYOUT STUFF.

• *Absolute, Relative, Fixed Positioning.
• *Email news-letters.
• *The Perfect 3 Column Liquid Layout (%age widths).
• *PMOB Raw CSS Examples.
• *Four methods of adding CSS to HTML
• *Make your forms beautiful with css
• *Lesson 1: How does CSS work?
• *All you want to know about CSS.
• *Graphics on Layouts.
• *The Em and Elastic Layouts.
• *Convert PIXELS to EMS.
• *Alternative to Table Based sites.
• *Named Anchors - How to jump within a page.
• *Perfect 3 Column Liquid Layout.
• *CSS layout gala.
• *Introduction to CSS Layout.
• *6 Keys to CSS-based Layouts
• *CSS Gallery and Examples.
• *Understanding CSS-based layouts.
• *CSS sliding doors technique.
• *Welcome to DynamicDrive.
• *CSS layout techniques at 'Glish'.
• *Sample CSS page layouts.
• *CSS pseudo-elements and more.
• *Choose the right DOCTYPE!
• *In Search of the Holy Grail.
• *In Search of the Holy Grail. A later version.
• *Full height 3-column with header and footer.
• *Full height layout with header/footer.
• *Doing it with style. Using CSS.

MORE CSS.

• *Simple CSS Positioning.
• *Finally, a free and truly simple CMS.
• *Create flexible sites quickly using CSS and XHTML.
• *Liquid layouts the easy way.
• *Cascading, and Inheritance
• *Liquid DIV insanity!.
• *Using multiple classes within selectors.
• *Three Columns Explained.
• *In Search of the Holy Grail.
• *Afraid of CSS and Standards?
• *Coding a three-column CSS layout?
• *Add CSS stylesheets to Your Site.
• *Official CSS COLORS.
• *New CSS commands for IE7.
• *CSS tests and experiments
• *CSS Reference:Mozilla Extensions.
• *It's time to start writing your CSS.
• *CSS - A guide for the unglued.
• *CSS - A Wonderful Resource.
• *Design-to-the-next-level-with-css3.

CSS TECHNIQUES.

• *Clearing floats using - overflow: auto;.
• *CSS-LAB.com Ray's CSS Layout Demos.
• *CSS tips and snippets. Centered menus etc.
• *Text-shadow, Photoshop like effects using CSS3.
• *How do I preload images?
• *Inline elements and padding.
• *Cascading style Sheets resource.
• *Super-Easy Blendy Backgrounds
• *CSS Design, style, Fun and Articles.
• *53 CSS-Techniques.
• *Fun with bullets.
• *Cascading style Sheets resource.
• *DIVitis: what it is and the cure.
• *101-css-tips-and-tutorials.
• *Useful Boot disks.
• *CSS Tutorials.
• *CSS3 Multiple Columns.
• *CSS Hover Image Viewers.
• *Image Captions made easy.
• *Linking Style Sheets to HTML.

EQUAL HEIGHT or FAUX COLUMNS.

• *Creating Liquid Faux Columns By: Zoe Gillenwater .
• *Faux-columns-for-liquid-layouts.
• *Equal Height CSS columns.
• *Equal Height Columns with CSS.
• *FAUX Equal Height columns extend to the bottom.
• *FAUX Equal Heightcolumns for liquid layouts
• *Dynamic Drive CSS library
• *CSS-Equal-columns-height-script
• *Equal height columns.
• *Full height layout with header/footer.
• *Equal-height-columns-cross-browser-css.

HTML5 mark-up..

• *This tutorial teaches you about the new features in HTML5.

• JSLint Javascript validator. Validate your Javascript code.

GENERAL STUFF,.

• *One html markup many css layouts.
• *Start with the correct DOCTYPE.
• *Windows Vista How-Tos.
• *Classes or id's?
• *Ten CSS tricks you may not know
• *Putting images under CSS control.
• *Transparent Image Overlays
• *Image Optimizer. htaccess Password. Calendars. Date and Time.
• *showing and refreshing advertisement.
• *Experiments with CSS
• *More experiments with CSS.
• *Welcome to HTML.net Free tutorials on HTML and CSS.
• *CSS and Borders.
• *Centering Images Is Harder Than You Think
• *To Vertically Center Content.
• *Dead Center
• *Centering (horizontally and vertically) an image in a box.
• *Sticky Footer.ryanfait.com
• *HTML and CSS tutorials. and stuff.
• *How to Develop with CSS.
• *Fast Rollovers Without Preload.
• *Complete CSS guide.
• *CSS Drop Shadows.

FIXED IMAGES HEADERS FOOTERS and SCROLLERS.

• *Scroller examples.
• *Floating header or footer.
• *Full height layout with header/footer.
• *How to Use the Sticky Footer Code.
• *FOOTER-stick-to-bottom-of-page.
• *FOOTER-stick-to-bottom-of-page.
• *Keeping-footers-at-the-bottom-of-the-page.
• *FIXED background images etc.
• *Using Scrollers

VERTICAL TEXT - VERT CENTER - SCROLLING TEXT - TEXT EFFECTS.

• HTML horizontal and vertical lines
• *HTML-Nested-ul-Unordered-List-Bullets.
• *Cool Text Effects using CSS Styles.
• *Layer Hiding and Showing (Text etc).
• *Vertical text.
• *Vertical center solution.
• *Center a fixed-width layout using CSS.
• *To Dead Center Content.
• *Disjointed Text - hover to display.
• *Scrolling text.
• *Text animations.

TABLES are for Tabular data.

• *TABLES forTabular data.
• *Why I Abhor Using Tables for Layout.
• *Why tables for layout is stupid.
• *Alternative to Table Based sites.

IE BUGS and GENERAL STUFF.

• *Prevent the css opacity inheritance from parent to child.
• *CSS transparency settings for all broswers/.
• *Test your program in IE8,IE7,IE6 and IE5.5 on Windows 7, Vista and XP
• *Position fixed in IE6 with "expression()" and no jittering.
• *A Better Fixed Positioning for IE6.
• *The IE doubled float-margin bug.
• *Transparent PNGs in IE6
• *IE PNG Fix v1.0 RC4.
• *Embed Powerpoint into HTML.
• *Medicine for your IE6/PNG headache!
• *max-width in Internet Explorer
• *What's up with Internet Explorer?
• *Firefox and Internet Articles.
• *Windows Vista How-Tos.
• *Taking on IE BUGS.
• *On having LAYOUT .
• *CSS Hacks - Good, bad and ugly.
• *Quirks - Conditional comments.
• *CSS Selectors seen Only by IE/Win.
• *New clearing method for IE7?
• *More IE bugs and their solutions?
• *CSS box model needs a hack?
• *CSS BUGS found in IE5 and higher.
• *IE - Float + clear on the same element
• *IE box model and Doctype modes.
• *IE-bold-text-opacity-problem.

HTML STUFF.

• *Specificity love, hate.
• *HTML Tags Guide - An Insider's View.
• *Numeric And Special Graphics (escape) Sequences
• HTML FIXIT.
• HTML horizontal and vertical lines
• *WELCOME TO HTMLSOURCE!
• *HTML coded character set .
• *HTML LISTS and MENUS.
• *Fix Your Site With the Right DOCTYPE!
• *HTML code - HTML forms.
• *Using HTML forms.
• HTML Tutorials.
• *Structural markup - Code what you mean.
• *Help with HTML, CSS etc.
• *Javascript and HTML How To's.
• *What definition lists are.Why they are useful.

LOOK HERE FOR HELP?

• Bullet-proof Font-face.
• Font-face generator.
• *Bon Rouge FAQ - Very good source.
• *MAX DESIGN - tutorials.
• *Lightbox Image Viewer.
• *Help with HTML, CSS etc.
• *"The Elder G" on Windws XP.

USEFUL ODDMENTS.

• *How to access style properties on javascript objects which use external style sheets?
• *Tag-clouds-examples-and-good-practices.
• *Email news-letters.
• *Useful Disk drive utilities.
• *Preventing a background image jump.
• *Removing dotted links - Firefox.
• *On-line Image Optimiser
• *Proxy Server CCProxy is easy-to-use and powerful.
• *Recreating the button.
• *Monitor Test Card.
• *Startup Control Panel.
• *Flow Control software.
• *Fancy Boxes.
• *Checkboxes, Radio Buttons, Select Lists.
• *Internet Explorer screen Maximiser.
• *CSS Sprites:Image Slicing's Kiss of Death.
• *Web Color Chart - 1.
• *Web Color Chart - 2.
• *Content scales to fit screen size.
• *Useful filler-text generator.
• *DHTML and Ajax scripts.
• * Take ownership in VISTA.
• *Bringing Sites Up To Code, Setting layout-design free from tables...
• *The Antidote to Jscript Submission Sites .
• *The incredible em and elastic layouts.
• *In search of the One True Layout.
• *Contractible Headers script.
• *Custom drag and drop script.
• *IETester IE5.5 IE6 IE8-beta1.
• *Images,tables,and%20mysterious%20gaps
• *The Wellstyled Workshop.
• *Browser support
• *CSS oddities.
• *Image Captions made easy.
• *Use CSS to Solve min-width Problems in IE.
• *WEB references and authoring resources.
• *The Unicode Character Code Charts By script.
• *Create your own shadow text in any font or color.
• *How to: Create Text with a Shadow

FLASH STUFF.

• *Flash content is typically superficial - 99% Bad.

ASP Coding..

• *Our W3 "Show ASP" tool makes it easy to learn ASP code.
• *Beginner's Tips to Becoming a Better ASP Coder.
• *Intermediate Tips to Becoming a Better ASP Coder.

LINUX topics.

• *Top 5 Email Client For Linux, Mac OS X, and Windows Users.

Excel 2007.

• *Excel course.
• *Excel Line Graph Tutorial.

• W3 CSS validator. Validate your CSS.

ALL ABOUT ROUNDED CORNERS.

• *Start with the correct DOCTYPE.
• *Rounded Corners In CSS,The Straight And Logical Way
• *Bullet-Proof" Rounded Corners
• *Liquid and expandable using CSS.
• *CSS Borders with curves.
• * Boxes with rounded corners.
• *'Nifty' boxes..
• *Nifty CUBE boxes.
• *More rounded corners.
• * Using CSS and no images.
• *Another technique for the pile.
• *Generate RC code and images.
• *Creating rounded graphics.
• *Spiffy rounded corners.
• *CSS Rounded Corners 'Roundup'.

MORE CSS STUFF.

• *CSS Tables.
• *Top 10 CSS Table Designs.
• * CSS For PROFESSIONALS.
• *Powerful CSS-Techniques For Effective Coding
• *Take-your-design-to-the-next-level-with-css3.
• *PRINCIPLES OF DESIGN.
• *CSS tips and snippets - A real gold-mine of information..
• *Backgrounds and Layouts.
• *Full height 3-column with header and footer.
• *Same Navigation Code on Every Page - see #10.
• *style Sheets.No div, no float, no clear, no hack*. joke!
• *Lesson 1: How does CSS work?
• *More CSS Tutorials.
• *Fun with bullets.
• *CSS tests and experiments.
• *53 CSS-Techniques You Couldn't Live Without.
• *Experiments with style SHEETS.
• *Use the box model for positioning.
• *The Huntinground - A general site.
• *Welcome to TIZAG Tutorials.

CSS MENUS AND LISTS.

• *HTML-Nested-ul-Unordered-List-Bullets.
• *CSS Design: Taming Lists.
• *All Levels Navigational Menu.
• *Son of Suckerfish Dropdowns
• *Lists, Menus, Navigation, and Rollovers
• *Fast Rollovers Without Preload.
• *Huge Selection of Menus.
• *Listamatic--One list,many options.
• *TIGRA MENU is free javascript.
• *CSS horizontal DROP-DOWN.
• *CSS library VERTICAL CSS.
• *CSS library HORIZONTAL CSS.
• *CSS library SHIFT CSS MENUS.
• *CSS Fast rollovers without preload.
• *Image,Rollover,Nested,Horizontal Lists.
• How many links do you want in your list?
• *Beautiful CSS Centered Menus. No hacks.
• *Unordered lists and general tuition.
• *Centered and Widthless Floated List Items.
• *css-centered-menus-no-hacks-full-cross-browser-support.

NOT YET SORTED.

• Basic online html image mapping tool.
• *Doctypes (DTDs) for your Web document. .
• * Valid downlevel-revealed conditional comments.
• *ROFLBOT is for adding text to a picture,- an image macro generator. You can do it all in your browser
• *Escape sequences begin with the ampersand character.
• Active Widgets.
• *Rediscovering-the-button-element.
• *CSS Table Gallery.
• *Still the only known cure for Designers block.
• *Zen Garden.
• *Design melt down.
• *HTML DOG, the web designer's resource.
• *TEMPLATES for free.
• *Free TEMPLATES on line.
• *Web development Weblog + resources.
• *ANSWERS that work - home page.
• *Why Frames are evil.
• *Block vs Inline style in CSS
• DHTML and Ajax scripts.
• * How to take ownership in VISTA.
• *Boxes and Borders.
• *Using Text-Overflow.
• *Instant Thumbnails Generator.
• *Link Pages Within a Website.
• *The display declaration.
• *DHTML Ad Box.

COLOR BALANCE and VIEWABILITY.

• *Web authoring references and resources.
• *Web Color Chart - 1.
• *Web Color Chart - 2.
• *Check page for the color blind - Grey-scale.
• *Check colors for contrast.
• *Colorblind Web Page Filter.
• *Fonts and Typography.
• *CSS reference.
• *XHTML reference.
• *The Layout Reservoir.
• *Various BOX LAYOUTS.
• *IE-bold-text-opacity-problem.

PHP sources.

• *W3 PHP Tutorial.
• *Form Processing with PHP.
• *Check your PHP/Javascript on line.
• *PHP resources.
• *Using PHP With HTML Forms.

JAVAscript STUFF.

• *Easy-Background-Resize.
• *Easy-Background-Resize-2nd site.
• *Learning-jquery-faster-than-ever.
• *Simple Image rotation.
• *A simple way to make an image slider .
• *JavaScript expressions and operators, including assignment, comparison, arithmetic, bitwise, logical, string, and special operators.
• *The-20-most-practical-and-creative-uses-of-jquery.
• *The Strange Zen Of JavaScript.
• *Check your PHP/Javascript on line.
• *Javascript Kit.
• *Adding new text-box.
• *A listing of JavaScript objects, properties, and methods.
• *Display Random Images.
• *Javascript Beginners Course.
• *Cut and Paste CSS Horizontal Menu.
• *Fancy Boxes.
• *Get Free Scripts for your Web Site.
• *Scripterlative provides a useful selection of JavaScripts.
• *Vics javascripts. Good stuff here.
• *Vics javascripts. Forms Compendium.
• *100's of free JavaScripts organized by category.
• *Javascript Tutorials and Tips.
• *IE-bold-text-opacity-problem.

FORMS.

• *Preventing-a-common-problem-with-login-forms.
• * Form Submit on pressing Enter not working in IE .
• *Free online form builders.
• *Free Form Builder online tool.
• *Free Form Builder, Calendars etc..
• *HTML code - HTML forms.
• *Using HTML forms.

CSS3 STUFF.

• *The Magic of CSS3!
• *super-awesome-buttons-with-css3-and-rgba.
• *25-essential-tutorials-and-resources-for-learning-css3
• *The Basics of CSS3.
• *50 Tutorials for Using CSS3.
• *All Properties from CSS1 to CSS3
• *11-classic-css-techniques-made-simple-with-CSS3.
• *A comprehensive CSS3 reference guide, tutorial, and blog.
• *CSS tips and snippets.

Windows 7 stuff.

• *Reinstall Ubuntu Grub Bootloader After Windows Wipes it Out
• *Repair Windows 7a.
• *Repair Windows 7b.
• *Windows 7 Tweaks, Tips, and How-To Articles.
• *Slow shutdown in Windows 7.
• * Windows 7 - Time-Saving Shortcuts.
• * Restore the sidebar to Windows 7.