Standards Compliant Web Development Starter

With browsers paying more attention to web standards, and W3C working towards more mature ones, now is a great time for developers to embrace these standards, and make their lives easier.

So what does it take to ditch your table layouts, inline styles, deprecated HTML tags and rampant Javascript snippets? LOTS of reading, LOTS of patience and a shoulder to cry on. Commitment to code quality and standards doesn’t hurt either, but more on that later.

So to make this journey of the everyday web developer easier, here’s a linkfest of references scattered across the web that will (should =p) help in getting up to speed with the latest web standard compliant coding techniques.

To get in the mood, it’ll help to read 12 Lessons for Those Afraid of CSS and Standards first.

Separation of Content and Presentation

XHTML
Basics

Layout (Floating & Positioning, CSS Columns and Tableless Forms)
Basically you’ll be using <div> for layout and positioning of content, <span> for formatting different looking text, <ul>, <ol> & <li> for ordered items (lists) and <fieldset>, <label> & <input> for your form elements.

CSS

Javascript (a little bit of Ajax as well)
Basically you’d want to have your Javascript separated from your XHTML, it’s called Unobtrusive Javascript if you like buzzwords. Benefits include code reuse, better OO design, less loading time for pages etc.

CheatSheets!

Sites to follow
Before turning to Google for your searching needs, consult these sites.

When coding for the web, it is important to strike a balance between standards and practicality. It may take you twice as long to code something which is standards compliant, then something you can cook together while bending the standards. Differences in the 4 major browsers (IE, FF, Safari & Opera) also won’t make you life any easier.

Be sure to comment any links that you think are useful!!

Advertisements

One thought on “Standards Compliant Web Development Starter

  1. […] are the most commonly used tags out there. Be warned that you will need to swallow the bitter pill of CSS to make full use of some of the above tags, especially divs and list […]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: