From Notes

Subpages: /favicon.ico /robots.txt /Feeds (RSS,XML,Podcasting) (see also Listing of Hosting and Services information. )

---

Website Standard/guidelines

Various references to Website standards and guidelines used in the development of webpages and websites.

• 9 steps to creating the best website!,
  ^{http://www.webdesign.org/web/web-design-basics/design-principles/build-your-site-in-9-steps.7674.html}

Links to for online spec and standards

• HTML 4.01 http://www.w3.org/TR/html4/
• XHTML 1.0 http://www.w3.org/TR/xhtml1/
• CSS 1 http://www.w3.org/TR/CSS1/
• CSS 2.1 http://www.w3.org/TR/CSS21/
• CSS Beginner's guide: http://friendlybit.com/css/beginners-guide-to-css-and-standards/
• WCAG 1.0 http://www.w3.org/TR/WAI-WEBCONTENT/
• Java: http://java.com

Web design

• Web Standards Learning (grassroots co-op), ^{http://webstandards.org/learn/faq/}
• Google's Guideline Suggestions, ^{http://www.google.com/webmasters/guidelines.html}
• Tech Patterns Web Design Overview, ^{http://techpatterns.com/web_design/overview.php}
• Web Design ideas, ^{http://www.webdesign.org/}
• Color standards
  • IOS Art FireFox Colorzilla Palettes, ^{http://www.iosart.com/firefox/colorzilla/palettes.html}

Web 2.0 references

• Top Web2.0 sites: http://www.techcrunch.com/2005/12/30/web-20-companies-i-couldnt-live-without/

• Top Web 2.0 attributes: http://www.tucows.com/article/844
• Web 2.0 articles: http://www.tucows.com/articles/Web/
• WikiPedia Web 2.0 page : http://www.wikipedia.com/Web2.0

HTML

• HTML Quality assurance, ^{http://www.w3.org/QA/Tips/}

Java

Examples

• Java Games, ^{http://java.com/en/games/mobile}
• Nifty set of java applets., ^{http://anfyteam.com/}

PHP

• PHP Freaks, ^{http://www.phpfreaks.com/}
• Tech Patterns, ^{http://techpatterns.com}
• Browser detection, ^{http://techpatterns.com/downloads/php_browser_detection.php}
• Web Application Component Toolkit, ^{http://www.phpwact.org/}
• On L.A.M.P., ^{http://www.onlamp.com/}
• ON Java, ^{http://www.onjava.com/}

XML

• XML guidelines, ^{http://www.xml.com}
• XML Schema Tools, ^{http://www.w3.org/XML/Schema#Tools}
• {{{2}}}, ^{http://www.topxml.com/schema/}

Feeds: ATOM, RSS, XML, Podcasts

• Website_standards/Feeds : more information about feeds in general

AJAX

Named Ajax (Asynchronous JavaScript and XML) in February 2005 by Jesse James Garrett, director of User Experience Strategy at Adaptive Path, a technology company, it has risen to prominence as high profile sites have started to use it. These include Google Maps, a website that displays maps, Flickr, Yahoo’s photograph archive website, Del.icio.us Direc.tor, a way of bookmarking web pages and Google Mail, a web mail service.

• Ajax Canvas Example, ^{http://www.xml.com/pub/a/2006/01/18/ajax-html-canvas-ruby.html}
• Ajax History,
  ^{http://news.ft.com/cms/s/f3881acc-8ce8-11da-9daf-0000779e2340,dwp_uuid=863bb51c-1f76-11da-853a-00000e2511c8.html}

Website / webpage addons

• Cluster maps, ^{http://clustrmaps.com/}
• Button/badges - http://www.lucazappa.com/brilliantMaker/buttonImage.php
• FavIcon.ico standards
  • Website_standards/favicon.ico - See for local page of details about FAVICON.ICO icons.
• Webpage buttons: http://www.chami.com/html-kit/

Certifications:

Resources, Methods, and tools for validation and certifying your webpages for standards and quality. This includes items such as W3 standards, accessiblity, universal design, and compatibity between browsers.

Awards

• Webmaster design awards
  • AA Webmasters, ^{http://www.aawebmasters.com/}

Validation

• HTML Validation:
  • W3 HTML Validator, ^{http://validator.w3.org/}
  • Watchfire Webxact, ^{http://webxact.watchfire.com/}
  • LOG Validation, ^{http://www.htmlhelp.com/tools/validator/}

Universal Design

Accessiblity / Universal Design / Compatibility between browsers

• W3 Web Content, ^{http://www.w3.org/TR/WAI-WEBCONTENT/}
• W3 WAI, ^{http://www.w3.org/WAI/}
• Website Tips: Accessibility, ^{http://www.websitetips.com/accessibility/}
• Web Aim, ^{http://www.webaim.org/}
  • Web Aim Techniques Evaluating, ^{http://www.webaim.org/techniques/evaluating/}
• Trace World Web, ^{http://trace.wisc.edu/world/web/}
• Anybrowser Campaign website, ^{http://www.anybrowser.org/campaign/}
• Aware HWG, ^{http://aware.hwg.org/}
• Mardiros Accessible Web design, ^{http://www.mardiros.net/accessible-web-design.html}
• Trace WISC Web, ^{http://trace.wisc.edu/world/web/}
• Univ Washington Universal Design, ^{http://www.washington.edu/doit/Brochures/Technology/universal.design.html}
• Dive into Accessibility, ^{http://diveintoaccessibility.org/accessibility_statement.html}
• NADC UCLA DAWPI ref, ^{http://nadc.ucla.edu/dawpi.htm}

== User

• The Elements of User Experience: User-Centered Design for the Web, ^{http://www.amazon.com/gp/product/0735712026/104-9284590-5973500}

Commercial Software

Commercial checking software

• Bobby check, ^{http://www.watchfire.com/products/desktop/accessibilitytesting/default.aspx}

Tools

Images

• Image / Color standards
  • Color Scheme Management, ^{http://www.colorschemer.com/}
  • Colorpix: Display the color of the Pixel., ^{http://www.colorschemer.com/colorpix_info.php}

• Images - Local page of more details about images in general, and editors.

Text/HTML Editors

Lists

• Webmaster list: http://www.thefreecountry.com/webmaster/htmleditors.shtml

Editors

• • EditPlus vs Others, ^{http://www.editplus.info/wiki/Alternative_Editors}
  • NotePad++
  • UltraEdit
  • NVU
  • BlueFish
  • Scribbler

Commerical

• • Dreamweaver 8: http://www.sitepoint.com/article/dreamweaver-8-standards

• HTML Kit - Windows HTML Development software, ^{http://www.chami.com/html-kit/download/}

FREE examples

Various resources for examples of website design templates, HTML, CSS, Cascade Style Sheets, SSI, Server Side includes, Java, Javascript, Perl, PHP, ASP, ASP.NET, ASPX, shockwave and flash.

Some are more 'free' than others. Some cost a minimal amount for a complete collection of files to help get your website started.

Website templates

(Suggestions on ranking??)

• http://www.smartwebby.com/
• http://HTMLLAND.COM
• http://www.freetemplatesonline.com/
• http://www.templatemonster.com/
• http://www.zerodollartemplates.com/
• http://www.freshtemplates.com/
• http://www.effex-media.com/
• http://www.templatesbox.com/
• http://www.mastertemplates.com/free-templates.htm
• http://www.templateyes.com/
• http://www.templateworkz.com/
• http://www.4layouts.com/
• http://www.templatehunter.com/topsite/index.php

HTML

• HTML Land, ^{http://HTMLLAND.COM}
• Shared HTML code, ^{http://builder.com.com/}
• HTML Tutorials, ^{http://www.markuptutorials.com/}
• Ranoo Tutorials, ^{http://www.ranoo.com/tutorials}

Cascade Style Sheets (CSS):

(TODO: move to seperate page)

• http://www.smartwebby.com/web_site_design/css_styles_tutorial.asp
• http://www.inknoise.com/experimental/layoutomatic.php
• Global inital setup for all CSS , ^{http://kurafire.net/log/archive/2005/07/26/starting-css-revisited}
• CSS Compressor (to save data size), ^{http://www.arantius.com/tools/css-compressor.php}
• CSS Tools Link, ^{http://www.ekiwi.de/tools/csslink/csslink.php}
• Styling With Classy CSS, ^{http://thedailywtf.com/forums/57053/ShowPost.aspx}
• WikiPedia Style Sheets, ^{http://en.wikipedia.org/wiki/Style_Sheets}
• Mac IE Hack, ^{http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html}
• A List Apart, ^{http://alistapart.com/}
• Max Design-CSS Tutorials, ^{http://css.maxdesign.com.au/floatutorial/index.htm}
• http://realworldstyle.com/
• http://westciv.typepad.com/dog_or_higher/2005/11/real_world_sema.html
• http://meyerweb.com/eric/thoughts/2005/10/18/to-hack-with-it/
• http://www.molly.com/2005/09/08/searching-for-standards/
• http://www.mezzoblue.com/archives/2005/09/07/zen_archives/index.php
• http://www.westciv.com/style_master/house/tutorials/quick/rising_tide/index.html
• http://www.westciv.com/style_master/index.html
• http://www.westciv.com/style_master/house/tutorials/quick/rising_tide/index.html
• http://www.stopdesign.com/log/2005/08/24/photo-templates.html
• http://stopdesign.com/articles/throwing_tables/
• ZenGardens
• http://we05.com/program.cfm
• http://www.stopdesign.com/portfolio/web_interface/mighty_goods.html
• http://www.daikini.com/photon/
• http://realworldstyle.com/

SSI: Server Side Includes

• http://www.ssiworld.com/watch/watch-en.htm

JavaScript

• Website_standards/JavaScript - Various JavaScript examples
• JavaScript Kit, ^{http://javascriptkit.com}

PHP

• Yahoo PHP Resources, ^{http://developer.yahoo.net/php/}
• Tips Scripts of PHP, ^{http://tips-scripts.com/}
• Hot Scripts PHP, ^{http://www.hotscripts.com/?RID=3664}
• Aardvark Top Sites PHP, ^{http://www.aardvarktopsitesphp.com/}

.ASP/.NET

• Hot Scripts - ASP/.NET, ^{http://www.hotscripts.com}

Perl script sources

(For most cases use PHP instead !)

• http://awsd.com/scripts/

Flash / Shockwave examples:

• http://www.xs4all.nl/~jvdkuyp/flash/see.htm
• http://www.sparkplug.com/capabilities/animation.html

General comments

General comments about various aspects of website design and implementation.

• Son Spring Design suggestions, ^{http://sonspring.com/}

Content Management Software

• Drupal, ^{http://drupal.org/}
• Wordpress, ^{http://wordpress.com}
• OpenCMS, ^{http://opencms.org}
• OpenSourceCMS, ^{http://opensourcecms.com}
• Plone.Org, ^{http://plone.org/}
• List of Freeware Solutions, ^{http://sonspring.com/journal/freeware-solutions}

Authenication

• OpenCAS (authenication)

Website traffic/affliates program:

• http://www.free-trafficexchange.com/
• http://www.wedowebdesign.com/

Wiki Editing

• FCKeditor: http://www.fckeditor.net
  • In-place editing for Websites
  • Table Templete: {{Hurricane}}

Media sources

• WikiMedia
• WikiMedia: Top images, http://commons.wikimedia.org/wiki/Wikimania_Media_Competition

Web based games:

• http://193.151.73.87/games/lemmings/index.html

Other

• Google's Sitemap Program, ^{https://www.google.com/webmasters/sitemaps}
  • Online sitemap.xml creator, ^{http://www.sitemapspal.com/}
• Digg Effect, ^{http://www.tech-recipes.com/blog217.php}
• List of Top level domains/country codes, ^{http://www.iana.org/cctld/cctld-whois.htm}
• Top 10 Innovative Web 2.0 Applications of 2005, ^{http://www.articledashboard.com/Article/Top-10-Innovative-Web-2-0-Applications-of-2005/10891}

Book references to check later.

• Don't Make Me Think! A Common Sense Approach to Web Usability

by Steve Krug ISBN: 0130163961

• How to Run Successful Projects in Web Time by Fergus O'Connell , ISBN: 0130163961
• Secrets of Successful Web Sites : Project Management on the World Wide Web by David Siegel ISBN: 0130163961
• The Art and Science of Web Design by Jeffery Veen ISBN: 0130163961
• Designing Web Usability : The Practice of Simplicity, by Jacob Nielsen ISBN: 0130163961
• Web Design in a Nutshell : A Desktop Quick Reference , by Richard Koman, Jennifer Niederst ISBN: 0130163961
• How to Run Successful Projects in Web Time , by Fergus O'Connell ISBN: 0130163961

Fonts

( Font directories, collections, downloads, or archives)

• Freely sharable fonts, ^{http://www.myfonts.com/}
• Fonts for Flash, ^{http://www.fontsforflash.com/}
• 1001 Free Fonts, ^{http://www.1001freefonts.com/}
• http://www.acidfonts.com
• http://www.free-fonts.com
• fontsnthings.com (& color symbols)

Other Notes

---

• Fast Loading: http://www.smartwebby.com/web_site_design/fast_loading_websites.asp