Sources - Useful links. Updated - Sunday 1st November,2009.
Selector {Property: Value;} [link- visited- hover- active.] <style type="text/css"> <script type="text/javascript" >
Search
Use 'Ctrl/f5' to reset cache.___Needs javascript - For best viewing, use Firefox-Safari-Chrome. Uses CSS3 HTML5.
W3 mark-up validator. Validate your (x)HTML
STARTING OUT.
*Getting started with CSS.
*CSS advanced Specificity.
*Web Building Tutorials - All Free.
*12 top tips for running a great website A list of tips to help you run a successful 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.
*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.
ALL ABOUT FLOATS.
*Clearing Floats Without Structural Markup
*CSS Float Theory: Things 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.
CSS LAYOUT STUFF.
*Lesson 1: How does CSS work?
*Three column layout in less than ten lines of CSS
*All you want to know about CSS.
*Graphicson Layouts.
*The Em and Elastic Layouts.
*Alternative to Table Based sites.
*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 Dynamic Drive.
*CSS layout techniques at 'Glish'.
*Sample CSS page layouts.
*CSS pseudo-elements and more.
*Choose the right DOCTYPE!
*In Search of the Holy Grail.
*Full height 3-column with header and footer.
MORE CSS.
*Simple CSS Positioning.
*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.
*Take-your-design-to-the-next-level-with-css3.
CSS TECHNIQUES.
*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 You Couldn't Live Without.
*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.
EQUAL HEIGHT or FAUX COLUMNS.
*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.
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 For PROFESSIONALS.
*Take-your-design-to-the-next-level-with-css3.
*PRINCIPLES OF DESIGN.
*CSS tips and snippets - A real gold-mine of information..
*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*, no 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.
*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.
NOT YET SORTED.
*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.
PHP sources.
*W3 PHP Tutorial.
*PHP resources.
*Using PHP With HTML Forms.
JAVAscript STUFF.
*Javascript Kit.
*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.
FLASH STUFF.
*Flash content is typically superficial - 99% Bad.
FORMS.
*Free Form Builder online tool.
*HTML code - HTML forms.
*Using HTML forms.
CSS3 STUFF..
*The Magic of CSS3!
*All Properties from CSS 1 to CSS 3
*11-classic-css-techniques-made-simple-with-css3.
JSLint mark-up validator. Validate your Javascript code.
*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.
*Dynamic Drive.com
*Transparent Image Overlays
*Dynamic Drive.com
*Experiments with CSS
*More experiments with CSS.
*Welcome to HTML.net Free tutorials on HTML and CSS.
*CSS and Borders.
*Picture centered both vertically and horizontally.
*To Vertically Center Content.
*Dead Center
*Center Page Horizontal and Vertical.
*Sticky Footer.ryanfait.com
*HTML and CSS tutorials. and stuff.
*Browser support
*How to Develop with CSS.
*Fast Rollovers Without Preload.
*Complete CSS guide.
*CSS Drop Shadows.
FIXED IMAGES and SCROLLERS.
*FOOTER-stick-to-bottom-of-page.
*FOOTER-stick-to-bottom-of-page.
*FIXED background images etc.
*Using Scrollers
VERTICAL TEXT - VERT CENTER - SCROLLING TEXT - TEXT EFFECTS.
*Cool Text Effects using CSS Styles.
*Vertical text.
*Vertical center solution.
*To Dead Center Content.
*Disjointed Text - hover to display.
*Scrolling text.
TABLES are for Tabular data.
*TABLES for Tabular data.
*Why I Abhor Using Tables for Layout.
*Why tables for layout is stupid.
*Alternative to Table Based sites.
IE BUGS and GENERAL STUFF.
*Test your program in IE8, IE7 IE 6 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.
*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.
HTML STUFF.
*Numeric And Special Graphics (escape) Sequences
HTML FIXIT.
*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.
LOOK HERE FOR HELP?
*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.
*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
*Make your site cross browser compatible.
*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
*Back to the Top