Useful Stuff

[Tailslide]

Thought it might be useful to have a few links to helpful sites

Generally Useful
Alistapart: http://www.alistapart.com/
Vitamin: http://www.thinkvitamin.com/
Web Developers' Handbook: http://www.alvit.de/handbook/

Validators
The W3C Validator - http://validator.w3.org/
Loads of different validators here: http://www.scrutinizer.phileplanet.com/
Ask Cynthia: http://www.cynthiasays.com/
Web Speed checker: http://www.websiteoptimization.com/services/analyze/

(X)HTML
Alistapart Article: "Fix your site with the right DOCTYPE" - http://www.alistapart.com/articles/doctype/
HTML Dog guide to HTML: http://www.htmldog.com/guides/htmlbeginner/
456 Berea St: "Developing with Web Standards" - http://www.456bereastreet.com/lab/developing_with_web_standards/
XHTML Cheat Sheet: http://cdburnerxp.se/htmlcheatsheet.pdf
HTML Cheat Sheet: http://www.psacake.com/web/dy.asp
Special Characters: http://www.cookwood.com/html/extras/entities.html
Content Negotiation: http://www.thatstandardsguy.co.uk/2006/01/16/content-negotiation/

CSS
------Tutorials---------
HTML Dog CSS beginners guide: http://www.htmldog.com/guides/cssbeginner/
CSS Basics: http://www.cssbasics.com/
Learn CSS in Ten Steps: http://www.barelyfitz.com/screencast/html-training/css/positioning/
Containing Floats: http://garyblue.port5.com/webdev/floatdemo.html
Mandarin Design: "CSS Opacity": http://www.mandarindesign.com/opacity.html
Paul O'Brien: Various CSS stuff: http://www.pmob.co.uk/
Brain Jar: Box Model - http://www.brainjar.com/css/positioning/default.asp
Haslayout issues: http://www.satzansatz.de/cssd/onhavinglayout.html
Why table layouts are stupid: http://www.hotdesign.com/seybold/
Wellstyled.com: Image Replacement - http://wellstyled.com/css-replace-text-by-image.html

-------Layouts----------
Overview of CSS Layouts: http://particletree.com/features/an-overview-of-current-css-layout-techniques/
Owen Briggs "Little Boxes" : http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
Layout Gala: http://blog.html.it/layoutgala/
Alistapart: "Faux Columns" - http://www.alistapart.com/articles/fauxcolumns/
The Layout Reservoir : http://www.bluerobot.com/web/layouts/
P.I.E: "One True layout - http://www.positioniseverything.net/articles/onetruelayout/conclusion
Glish: http://glish.com/css/
Subcide.com: http://www.subcide.com/tutorials/csslayout/index.aspx
Nemesis Project: http://nemesis1.f2o.org/templates
3 Column Layouts: http://css-discuss.incutio.com/?page=ThreeColumnLayouts
SSI Developers: http://www.ssi-developer.net/main/templates/3col.shtml
Ruthsarian Layouts: http://webhost.bridgew.edu/etribou/layouts/
Jon Hicks on Vertical Centering: http://www.hicksdesign.co.uk/journal/how-to-vertical-centering-with-css
Molio Templates: http://www.mollio.org/

-------Navigation---------
ListMatic: http://css.maxdesign.com.au/index.htm
Alistapart: "Sliding Doors" - http://www.alistapart.com/articles/slidingdoors
Silver Orange Tabs: http://labs.silverorange.com/archives/2004/may/updatedsimple
Son of Suckerfish Dropdowns: http://www.htmldog.com/ptg/archives/000050.php
CSS Playground: http://www.cssplay.co.uk/index.html
Project 7: http://www.projectseven.com/tutorials/css/uberlinks/index.htm
Project 7 Popout Menu (DW only): http://www.projectseven.com/products/menusystems/pmm/index.htm
Juicy Studio Menu system: http://juicystudio.com/ecma/onlyone.html
Brothercake accessible dropdown/flyout menus (not free!): http://www.udm4.com/

-------Galleries--------------
CSS Zen Garden: http://www.csszengarden.com/
Style Gala: http://www.stylegala.com/
CSS Vault: http://cssvault.com/
CSS Import: http://cssimport.com/
Unmatched Style: http://www.unmatchedstyle.com/
CSS Beauty: http://cssbeauty.com/gallery/
Liquid Designs: http://www.cssliquid.com/category/gallery/

Browser Bugs
Position is Everything: http://www.positioniseverything.net/
Quirks Mode: http://www.quirksmode.org/
Bruce Lawson: Conditional Comments - http://www.brucelawson.co.uk/index.php/2005/future-proof-your-css-with-conditional-comments/

Accessibility
--------General----------
Web Accessibility Initiative: http://www.w3.org/WAI/
W3C Web Content Accessibility Guidelines 2: http://www.w3.org/TR/WCAG20/
An Introduction to Accessible Web Design: http://www.sitepoint.com/article/accessible-web-design
Dive into Accessibility: http://diveintoaccessibility.org/
Accessify.com: http://www.accessify.com/
Jim Thatcher: http://www.jimthatcher.com/index.htm
WebAim: http://www.webaim.org/
RNIB: http://www.rnib.co.uk/xpedio/groups/public/documents/PublicWebsite/public_legalcase.hcsp
WebAim: "Accessible Tables" - http://www.webaim.org/techniques/tables/
Colour Contrast checker: http://h10014.www1.hp.com/accessibility/color_tool.html
Accessible Plugin methods: http://weblogs.macromedia.com/accessibility/archives/2005/08/in_search_of_a.cfm

--------Forms-----------
Accessible Forms: http://www.websemantics.co.uk/tutorials/accessible_forms/
Man in Blue: Accessible Forms - http://themaninblue.com/writing/perspective/2004/03/24/
Juicy Studio: Accessible Forms and JS validation - http://juicystudio.com/article/dom-screen-readers.php
Web Usability: Accessible Forms: http://www.usability.com.au/resources/forms.cfm

Javascript
W3Schools Javascript Tutorial: http://www.w3schools.com/js/default.asp
Bobby Van der Sluis: "Unobtrusive Javascript" - http://www.bobbyvandersluis.com/
Dynamic Drive: Cross Browser bookmark script: http://www.dynamicdrive.com/dynamicindex9/addbook.htm
Dynamic Drive: Cross Browser fade in slideshow - http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
Project7 Show/Hide script: http://www.projectseven.com/csslab/swapclass/outline/
Javascript Form Field Validation: http://www.shiningstar.net/articles/articles/javascript/javascriptvalidations.asp?ID=ROLLA
Juicy Studio: Accessible Forms and JS validation - http://juicystudio.com/article/dom-screen-readers.php
TJK Design Show/Hide script: http://www.tjkdesign.com/articles/toggle_elements.asp
Centering using Javascript: http://www.alistapart.com/d/footers/footer_variation1.html
Lightbox 2: http://www.huddletogether.com/projects/lightbox2/
Stripe your Tables the OO way: http://www.thewatchmakerproject.com/journal/309/stripe-your-tables-the-oo-way
Using JS instead of target to open new windows: http://www.456bereastreet.com/archive/200605/using_javascript_instead_of_target_to_open_new_windows/

Graphics
istockphoto.com: http://www.istockphoto.com/index.php
Stock.xchng stock photos: http://www.sxc.hu/
Kaliber10000 Designer's Lunchbox: http://www.k10k.net/frames.aspx?section=patterns
Fam Fam: Free Icons -http://www.famfamfam.com/lab/icons/
SG Clark: Free Icons - http://www.sgclark.com/sandbox/icons/
Button Maker: http://www.lucazappa.com/brilliantMaker/buttonImage.php
Steal these buttons: http://gtmcknight.com/buttons/validated.php
Texture Warehouse: http://www.texturewarehouse.com/gallery/index.php?action=showgal&cat=14

Fonts
Typester: http://typetester.maratz.com/
Font Browser: http://www.stcassociates.com/lab/fontbrowser.html
Safe Fonts: http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

Other Stuff
More secure version of FormMail: http://nms-cgi.sourceforge.net/scripts.shtml

[The Duke]

Thanks for all those really good links Tailslide.

[Taz]

Audio

Broadcasting/Streaming

Peercast
http://www.peercast.org/quickstart.php
http://www.geocities.com/peercast_listener/how2mp3.htm

Shoutcast
http://www.shoutcast.com
http://forums.winamp.com/showthread.php?s=&threadid=90040

JetCast
http://www.jetaudio.com/

Graphics

Bryce Tutorials
http://www.petersharpe.com/Tutorials.htm
http://www.wolfiesden.com/bryce/tut/

PSP Tutorials
http://www.zimmertech.com/tutorials/paint-shop-pro/
http://www.pinoy7.com/

Photoshop Tutorials
http://www.cyesis.org/workshops/photoshop_websites.htm
http://www.planetphotoshop.com/tutorials_web.html

Simple Font tutorial for making simple Images
http://ganjataz.com/tutorials/images/desktops/1600x1200/font-tutorial.jpg

[Darkside]

Graphics:
Making your own rollover buttons using Macromedia Fireworks .
http://darksides.co.uk/Tutorials/Rollover-Button-Tutorial.html

Web browsers:
http://www.mozilla.com/firefox/
http://www.opera.com/download/
http://browser.netscape.com/ns8/

Mac browser compatibility tester:
How does your website look on Apple Safari ?
http://www.snugtech.com/safaritest/

[Fallen Angel]

HTML
HTML and CSS table border style wizard: http://www.somacon.com/p141.php

CSS
Tanfa CSS examples ? layouts, menus and more: http://www.tanfa.co.uk/css/examples/


Accessibility:
Vischeck colorblind simulator: http://www.vischeck.com/
A-Prompt web accessibility verifier: http://aprompt.snow.utoronto.ca/index.html
AbilityNet: http://www.abilitynet.org.uk/
GAWDS (Guild of Accessible Web Designers): http://www.gawds.org/
WAT-C (Web Accessibility Tools Consortium) ? Colour Contrast Analyser: http://www.wat-c.org/tools/CCA/1.1/index.html
Accesskeys and reserved keystroke combinations: http://www.wats.ca/show.php?contentid=43
?Building Accessible Websites?, Joe Clark, online version of his web accessibility book: http://joeclark.org/book/
AccessibleNet.org ? accessibility portal with resources on everything accessibility related: http://www.accessiblenet.org/
Create an accessible data table wizard: http://dept.kent.edu/mpa/tablegenerator.htm

CSS Image galleries
Stu Nicholls' CSS Play: http://www.cssplay.co.uk/menu/gallery4.html#nogo
Stu Nicholls ?How to create a photographic gallery using CSS?: http://www.webreference.com/programming/css_gallery/index.html
easyAlbum: http://tjkdesign.com/articles/gallery/photo_gallery.asp#null
CSS Photo-Caption Zoom: http://randsco.com/_miscPgs/cssZoomPZ3.html
Lightbox JS v2.0: http://www.huddletogether.com/projects/lightbox2/
Suckerfish Hoverlightbox: http://www.mondaybynoon.com/2006/03/27/suckerfish-hoverlightbox/

CSS Menus
CSS Tabs with submenus: http://www.ficml.org/jemimap/style/tabs/tab1.php
E-lusion free menu designs: http://e-lusion.com/design/menu/
Accessify List-O-Matic menu generator: http://www.accessify.com/tools-and-wizards/developer-tools/list-o-matic/
Sitewizard drop-down menu generator: http://www.thesitewizard.com/wizards/navigationmenu.shtml


Graphics:
Absolute Web Graphics Archive: http://www.grsites.com/webgraphics/
Buttons: http://gtmcknight.com/buttons/validated.php
Designed to a T: backgrounds, clipart, bullets etc. and Paint Shop Pro tutorials: http://www.designedtoat.com/
Mayang's Free Texture Library: http://www.mayang.com/textures/
Hexademical Color Values Reference and Color Scheme Generator: http://www.hitmill.com/html/rgbcolorvalues.html
Favicon from Pics: http://www.html-kit.com/e/favicon.cgi
Dreamstime Royalty Free Images and stock photos: http://www.dreamstime.com/
All Free Backgrounds: http://www.allfreebackgrounds.com/backgrounds.html

Colour Tools:
Principles of graphic design: http://www.mundidesign.com/
Color Schemer Online: http://www.colorschemer.com/online.html
Color Palette Generator: http://www.degraeve.com/color-palette/
Color Blender: http://www.meyerweb.com/eric/tools/color-blend/
Color Scheme Generator 2: http://wellstyled.com/tools/colorscheme2/index-en.html
The Ultimate Color Scheme Generator: http://www.stylephreak.com/index.php/archives/2004/05/the-ultimate-color-scheme-generator/
Iconico Color Picker: http://www.iconico.com/colorpic/
4096 Color Wheel: http://www.ficml.org/jemimap/style/color/wheel.html
RGB/Hex converter: http://www.dave-stephens.com/computers/rgbconverter.htm
Image*After ? images and backgrounds: http://www.imageafter.com/index.php

Javascript and other scripts
Drop Down Menu Generator: http://javascript.internet.com/generators/drop-down-menu.html
Simply The Best Scripts: http://simplythebest.net/scripts/
Javascript Source: http://javascript.internet.com/
Hotscripts.com: http://hotscripts.com/
The Complete Idiot's Guide to JavaScript Online Version: http://www.help4web.net/webmaster/Java/NewJS/JavaScriptIdiotsGuide/!start_here.html

Forms (generators and form handling scripts):
PHP Dynaform: http://www.webligo.com/products_dynaform.php
Form2Mail: http://www.web4future.com/easiest-form2mail.htm
Response-O-Matic: http://www.response-o-matic.com/home.htm
Mycontactform.com: http://www.mycontactform.com/index.php
Forms to Go: http://www.bebosoft.com/products/formstogo/
Website contact form generator: http://www.tele-pro.co.uk/scripts/contact_form/
PHPForms web form builder: http://phpforms.net/index.html
FormMail Form Generator: http://www.thepcmanwebsite.com/form_mail.shtml
Ed Kinittel's Form-O-Matic: http://www.tastypopsicle.com/formomatic/

Site Searches
Google Free Search: http://www.google.co.uk/faq_freewebsearch.html
Fluid Dynamics Search Engine (FDSE): http://www.xav.com/scripts/search/
GrowSearch: http://gr0w.com/amos/growsearch/
iSearch: http://www.isearchthenet.com/isearch/index.php

Forms (accessible forms):
HiSoftware Accessible Form Creator: http://www.hisoftware.com/access/valueadd9.htmlAform: http://www.atutor.ca/aform/index.php

SEO
Rankquest: http://www.rankquest.com/index.html
SEO Chat: http://www.seochat.com/c/b/Google-Optimization-Help/

HTML/Text Editors
TopStyle: http://www.newsgator.com/NGOLProduct.aspx?ProdId=TopStyle
Nvu: http://www.nvu.com/index.php
Jedit programmer's text editor: http://www.jedit.org/index.php?page=features


Fonts
Text Sizing: 264 screenshots of fonts on different browsers/OS: http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html#screens
Evolt character entity chart: http://www.evolt.org/article/as/17/21234/
Browser Tests of Entities: http://www.santagata.us/characters/CharacterEntities.html
Abstract Fonts: http://www.abstractfonts.com/
Character Cleaner: http://www.malevolent.com/extras/character-cleaner/


Other Useful Stuff
DNSStuff.com: http://www.dnsstuff.com/
Online meta-tag generator: http://www.hypergurl.com/meta.html
Robots.txt Syntax Checker: http://tool.motoricerca.info/robots-checker.phtml
DNS Sleuth: http://atrey.karlin.mff.cuni.cz/~mj/sleuth/
Screenshot Captor: http://www.donationcoder.com/Software/Mouser/screenshotcaptor/index.html

[Fallen Angel]

THREAD LOCKED: For ease of searching, please post your useful links in the appropriate 'useful links' thread.