Helpful Links

The following are a few interesting Web pages and articles that may help you when creating your website.

General Info about Browsers and Display Resolutions

• Browser Statistics
• Display Resolution Statistics 

XHTML and CSS References

• W3 Schools
• HTML Goodies
• 250+ Resources to Help You Become a CSS Expert

New Tags in HTML5

• W3 Schools: HTML5 Reference
• A List Apart: Preview of HTML5
• The truth about structuring HTML5

CSS3 Neat Features

Use these features carefully on things that will be ok on display if the feature doesn't work due to various browsers rendering features.

• CSS3 - Cool Effect using Text Shadow
• CSS3 - Text Shadow Generator
• CSS3 - Adding Box Shadow
• CSS3 - Rounded Corners
• CSS3 - Border Rounded Corner Generator
• CSS3 - Gradients Without Using Images
• CSS3 - Designing Gradient
• CSS3 - Gradient Generator
• CSS3 - Buttons Generator

Color Scheme Helper

• Adobe Kuler: Color wheel | color schemes
• Color Scheme Designer
• Color hunter: create and find color palettes made from images

Other goodies

• A beginner's guide to using Google Web Fonts
• Font size conversion chart
• HTML, CSS, Javascript, JQuery, and Facebook code generator

E-commerce Tools

• Fat Free Cart

Website Layout

• Smashing Magazine: Fixed vs. fluid vs. liquid vs. hybrid
• Matthew James Taylor: Perfect multi-column liquid layouts
  
• Max Design: liquid layout
• Smashing Magazine: smart fixes for liquid layouts

Div layouts and positioning

• Barely Fitz Designs: Learn CSS Positioning in 10 Steps
• A List Apart: CSS Positioning 101
• Stack Overflow: Div positioning
• W3Schools positioning example

Mobile Devices and Stylesheets

• Bushido Designs: Bulletproof Mobile Device Detection
• A List Apart: Return of the Mobile Stylesheet
• 320 and Up: The 'tiny screen first' responsive boilerplate
• iPad CSS layout: landscape vs. portrait modes
• Design for multiple screen size
  
• CSS3 using media queries to detect different screen size and apply CSS

Pure CSS Navigational Bars

• CSS Zen Garden
• 456 Berea Street: CSS
• Listamatic
• Layers Magazine
• The Watchmaker Project

Pulldown Menus in CSS Navigational Bars

You will need to download the project files linked on this page because the instructions are included in those:

• More Eric Meyer on CSS: List-Based CSS Menus

AJAX Live Search Feature

This is a build-your-own local search engine that does a live search (i.e., shows you search results as you type them in the box). The search is based on the contents of the XML file.

• XML Live Search 

XHTML Validation

• W3 XHTML Validation

CSS Validation

• W3 CSS Validation

Accessibilty

• Accessify

Track Statistics

• Google Analytics

Browser Developer Tools

• 25 Secrets of the Browser Developer Tools

Browser	Development Toolset	Type	Documentation	Video
Chrome	Developer Tools	Integrated	Documentation	Intro to Chrome Developer Tools
Firefox	Firebug	Add-on	Documentation	Intro to Firebug
Internet Explorer	Developer Tools	Integrated	Documentation
Opera	Dragonfly	Integrated	Documentation
Safari	Developer Tools	Integrated (Default off)	Overview

Conferences

• Web Visions Conferences
• WordCamp Portland 2012 (WordPress Conference)

User Groups

• Portland Web & Design Group
• HTML 5 Coding School - Portland
• Portland's Mobile Development Community
• Portland & Vancouver Photoshop & Creative Suite Group
• Portland Adobe Developer User Group (PDX RIA-Rich Internet Application)
• Portland InDesign User Group
• Adobe Groups (Global)
• Search Engine Marketing Professionals of Portland
• Portland WordPress Group
• Portland Google Analytic User Group