Web Development Philosophy

Websites are complex; on the front-end you have to make them look shiny and sleek, creating an effective design with which to communicate all the information that the web pages contain. On the back end, there is code that needs to be tidy and readable, which should be viewed correctly in all the major browsers and platforms available to web surfers.

To properly create a website, I break it down into three distinct, but inter-related parts: design, content, and code.

Design

I base my web design on the same principle of communication and reproducibility that I base my print design on. I choose my tools carefully, and make sure each page is optimized to best interact with the viewer. I make my pages simple to navigate and easy to read.

Content

I separate my content from my code, using style sheets, so that there isn't a bunch of junk cluttering up my HTML. This makes updating the content and managing the site easier in the future, and also helps give the page higher search engine rankings. It also allows the page to be viewed by people who have disabled JavaScript.

Code

I create standards-compliant sites, meaning that any site I build will work with any standards-compliant browser, and any recent version of Internet Explorer (since IE isn't very good at following industry standards). I organize my code and, where necessary, use documentation, allowing other developers to jump in behind me with as little catching-up time as possible.

Web Design vs. Graphic Design

A true web developer knows that a web page is built using valid HTML and style sheets. That means that creating an image containing text and graphics that look like a web page does not create a web page; it creates (you guessed it!) an image containing text and graphics that look like a web page. Similarly, designing the entire page with Adobe Flash does not create a web page; it creates (you guessed it, again!) a Flash animation. It's important to define true web development, because anything less is lazy, and does a disservice to you, the customer, and the vitally important message you're trying to communicate.

Going about it the lazy way means:

  • The web page won't be indexed by a search engine, because search engines don't index images or Flash animations.
  • Readers can't select, copy, or paste only portions of the contents of the web page, any more than they can select, copy, or paste portions of an image (such as a picture), or portions of a flash animation (such as a YouTube video).
  • Pages will be difficult to update, because content is static and tied to the design. In order to make a change, the image will need to be modified and re-saved.
  • Pages will take longer to download, which will annoy the bejeebers out of anyone trying to access the site.
  • If the web page is a Flash animation, then anyone not having the Flash plug-in installed, or anyone trying to view the site via the iPhone or iPod, will be unable to do so.