HTML

Here are some links to useful pages for HTML and CSS:

• The World Wide Web Consortium home page
• W3 schools HTML 5 tutorial
• W3 schools CSS tutorial
• W3 consortium basic tutorial pages for HTML and CSS
• HTML5 demos
• HTML5 rocks
• Services for HTML validation and CSS validation
• Visibone popups for tags and colours
• CSS style examples at Zen Garden
• Robbins' Learning Web Design
• MacDonald's Creating a Web Site

Current and future trends:

• Find out what technologies are being used by your favourite websites
• Future trends
• YouTube video on Web 2.0.
• Chrome Experiments
• The Wilderness Downtown
• HTML 5 Video Destruction

Here are some HTML examples from the lectures and practicals:

• Simple template page
• Cake page from HTML practical sheets
• A variety of lists
• Two column tables
• An example cascading style sheet
• Some CSS examples
• Text properties in CSS
• Sizing and borders in CSS
• Background images in CSS
• Alignment examples in CSS
• Floating examples in CSS
• Positioning examples in CSS
• Two column layout in CSS
• Rounded box using CSS 3
• Rounded box in CSS using graphics
• Example form
• Enhanced form
• MathML example
• Another MathML example
• SVG example
• HTML5 Embedded SVG example
• Another HTML5 Embedded SVG example
• SMIL demos (external site; view in IE)
• HTML5 Canvas example

Here are HTML/CSS examples from MacDonald's "Creating a Website":

• Listing of Chapter 9 "Page Layout" contents

Web Design

Some links for the Design part of the course:

• A discussion of the best user interface books
• Yale Style Guide
• W3C accessibility guidelines
• US government Usability web site
• Jakob Neilsen's Website
• Essays by Don Norman. See particularly ones on Affordances and Design
• The Neilsen Norman Group
• Steve Krug's Advanced Common Sense.
See particularly the resources associated with the Rocket Surgery Made Easy book, and the video demo of usability testing.
• Web Usability company. See particularly Views and News.
• Web Pages That Suck
• Web Analytics from Alexa
• Web Designer Online
• WAVE
• Vischeck
• Illusions
  • Supersenses
  • Eyetricks
  • Illusionworks
• 16 Cool Computer Keyboards
• Fisheye demo
• 3D browser
• Brain Computer Interfacing
• Haptic Cow
• Augmented reality