Web Development Resources
• https://developer.mozilla.org/en/Web_Development
• http://code.google.com/doctype
A Dao of Web Design
• http://www.westciv.com/style_master/house/good_oil/dao/index.html
• http://www.alistapart.com/articles/dao
Progressive Enhancement
• http://www.alistapart.com/articles/understandingprogressiveenhancement
• http://www.sitepoint.com/blogs/2009/09/22/progressive-enhancement-graceful-degradation-basics
Separation of Markup, Presentation, and Behavior
• http://www.alistapart.com/articles/behavioralseparation
Specifications
• HTML 4.01—http://www.w3.org/TR/html4
• XHTML 1.0—http://www.w3.org/TR/xhtml1
• XHTML 1.1—http://www.w3.org/TR/xhtml11
• HTML5—http://www.w3.org/TR/html5
XHTML
• https://developer.mozilla.org/en/XHTML
Video for Everyone
• http://camendesign.com/code/video_for_everybody
SWFObject, JavaScript Object Embedding
• http://code.google.com/p/swfobject/wiki/documentation
Macromedia Flash Objects
• http://kb2.adobe.com/cps/415/tn_4150.html
Iframes
• https://developer.mozilla.org/en/HTML/Element/iframe
• http://softwareas.com/cross-domain-communication-with-iframes
Website Performance
• http://developer.yahoo.com/performance/rules.html
• http://www.stubbornella.org/content/2008/09/30/new-tool-easy-image-optimization-with-smush-it
Specifications
• CSS1—http://www.w3.org/TR/CSS1
• CSS2.1—http://www.w3.org/TR/CSS21
• CSS3—http://www.w3.org/Style/CSS/current-work
CSS 3 Info
CSS Guide
• http://westciv.com/wiki/CSS_Guide
Quick CSS Tutorials
• http://westciv.com/style_master/house/tutorials/quick/index.html
CSS Compatibility
• Yahoo Graded Browser Support—http://developer.yahoo.com/yui/articles/gbs
• Methods for Testing in Multiple Versions of IE—http://www.communitymx.com/content/article.cfm?page=1&cid=8897D
• Litmus Testing Software—http://litmusapp.com
• Multiple IEs in Windows—http://labs.insert-title.com/Multiple-IEs-in-Windows_article795.aspx
• Microsoft Virtual PC—http://www.microsoft.com/windows/virtual-pc/default.aspx
• http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx
Introductory DOM concepts
• http://www.digital-web.com/articles/the_document_object_model
JavaScript Statements
• http://quirksmode.org/js/state.html
DOM References and Specifications
• https://developer.mozilla.org/en/DOM
JavaScript and DOM Security
• http://www.howtocreate.co.uk/tutorials/javascript/security
• http://yuiblog.com/blog/2007/04/10/json-and-browser-security
• http://www.webdirections.org/resources/wdn08-douglas-crockford
JavaScript Libraries
• Dojo Toolkit—http://www.dojotoolkit.org
• jQuery—http://jquery.com
• MooTools—http://mootools.net
• Prototype—http://prototypejs.org
• Scriptaculous—http://script.aculo.us
• Others—http://www.w3avenue.com/2009/05/25/list-of-really-useful-javascript-libraries
Advanced DOM Scripting
Accessibility and the Law (United Kingdom)
Accessibility and the Law (United States)
• http://jimthatcher.com/law-target.htm
• http://joeclark.org/book/sashay/serialization/AppendixA.html
• http://www.w3.org/WAI/Policy
• http://www.caslon.com.au/accessibilityguide2.htm
Accessibility and the Law (Australia)
• http://www.hreoc.gov.au/disability_rights/webaccess/index.htm
Audio and Video Captioning
• http://www.webaim.org/techniques/captions
• http://www.sloan-c.org/cannect/projectone/advice/video-audio.php
WCAG 2
• http://www.webaim.org/standards/wcag/checklist
• http://boagworld.com/accessibility/video-introduction-to-wcag-2
Accessibility
• http://www.paciellogroup.com
IE 8 Compatibility Modes
• http://blogs.msdn.com/ie/archive/2008/08/27/introducing-compatibility-view.aspx
• http://farukat.es/journal/2009/05/245-ie8-and-the-x-ua-compatible-situation
• http://msdn.microsoft.com/en-us/ie/cc405106.aspx
Bugs and Bug Fixing
• http://www.communitymx.com/content/article.cfm?cid=C37E0
• http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml
Position is Everything
• http://www.positioniseverything.net
Westciv Wiki
Improving Code Readability
• http://www.smashingmagazine.com/2008/05/02/improving-code-readability-with-css-styleguides
• http://www.graphicrating.com/2009/02/23/css-code-readability-tips
ECML
• http://xml.coverpages.org/IETF-RFC-4112-ECMLv2.txt
• http://xml.coverpages.org/ecml.html
Microformats
• http://microformats.org/get-started
• http://microformatique.com/book
• http://erincaton.ca/media/cheatsheetHandout.pdf
• http://suda.co.uk/projects/microformats/cheatsheet
• http://visitmix.com/lab/oomph
Optimus Microformats Transformer/Validator
• http://microformatique.com/optimus
Browser Extensions
• https://addons.mozilla.org/en-US/firefox/addon/4106
Site Performance Improvement
• http://developer.yahoo.com/performance/rules.html
• http://stubbornella.org/content
Vertical Centering
• http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
• http://hicksdesign.co.uk/journal/how-to-vertical-centering-with-css
One True Layout
• http://www.positioniseverything.net/articles/onetruelayout
Faux Columns
• http://www.alistapart.com/articles/fauxcolumns
Faux Fluid Columns
• http://www.communitymx.com/content/article.cfm?cid=afc58
Position is Everything
• http://www.positioniseverything.net
CSS Resets
• http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded
• http://developer.yahoo.com/yui/3/cssreset
CSS Frameworks
• 960 Grid System—http://960.gs
• Blueprint—http://www.blueprintcss.org
• Typogridphy—http://csswizardry.com/typogridphy
• http://speckyboy.com/2008/03/28/top-12-css-frameworks-and-how-to-understand-them
• http://www.smashingmagazine.com/2007/09/21/css-frameworks-css-reset-design-from-scratch
HTML5 Specification
• http://dev.w3.org/html5/spec/Overview.html
HTML5 Controversy
• http://www.brucelawson.co.uk/2009/this-millenium-in-html-5-politics
Video & Audio
• http://www.brucelawson.co.uk/2009/accessibility-of-html5-video-and-audio-elements
• http://blog.gingertech.net/2008/12/12/attaching-subtitles-to-html5-video
Further Reading
CSS Compatibility
• http://hacks.mozilla.org/2009/06/css3-of-type
• http://www.456bereastreet.com/archive/200601/css_3_selectors_explained
• http://designshack.co.uk/tutorials/introduction-to-css3-part-1-what-is-it
• http://www.w3.org/TR/css3-mediaqueries
• https://developer.mozilla.org/En/CSS/Media_queries
Converting Fonts to EOT
• http://www.kirsle.net/wizards/ttf2eot.cgi
• http://www.microsoft.com/typography/web/embedding/weft3/overview.aspx
• http://edward.oconnor.cx/2009/07/how-to-create-eot-files-without-microsoft-weft
EOT Fonts
Further Reading
• http://lists.w3.org/Archives/Public/www-font/2009AprJun/0000.html
• http://blog.fontembedding.com
• http://www.theleagueofmoveabletype.com
SVG Basics
• http://articles.techrepublic.com.com/5100-10878_11-5246919.html
• http://www.w3.org/Graphics/SVG
Canvas Basics
• https://developer.mozilla.org/en/Canvas_tutorial
• http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html
SVG Animations
• http://www.w3.org/TR/SVG/animate.html
Configuring Servers
• https://developer.mozilla.org/En/Properly_Configuring_Server_MIME_Types
• http://devedge-temp.mozilla.org/viewsource/2003/mime-types/index_en.html
Images in the Canvas
• https://developer.mozilla.org/En/Canvas_tutorial/Using_images