Personal tips for local development

  • January 10th, 2007

Here are a few tips for local web development which, for the most part, are applicable for both OS X and Windows users. Simple little steps which can be implemented in order to “automate” the creation of web documents.

Local development requires a development environment

Simplicity is the name of the game. With less time worrying about completing installations by hand – checking libraries, installing multiple packages, etc – I say go for the drag ‘n drop approach.

  • Windows users can setup a full development environment using Apache Friends XAMPP packages for Windows.
  • OS X users see Living-e AG’s MAMP (MySQL, Apache, and PHP) previously mentioned here.

Once you’ve created a suitable development environment, you’ll need a plain text editor like Notepad++ (Windows), e Editor (Windows), Smultron (OS X), or TextMate (OX S).

Meta refresh – Reload page in IE, Firefox, Safari, Opera

TextMate meta refresh

Meta refresh is an HTML meta tag used to specify a time-interval after which a web browser should automatically refresh the current webpage #. By adding the following snippet somewhere within the <head> of your “static” web document(s), any browser which loads the page will refresh at 5 second intervals.

<meta http-equiv="refresh" content="5">

Remember to remove the meta tag prior to uploading your final project to a public server. Alternatively, you could simply rely on the ReloadEvery Firefox extension to refresh your local pages (if you choose to develop in Firefox only).

Make use of shortcuts, snippets, or automated commands

If there’s one tip that everyone should consider implementing – new or old – it’s making use of shortcuts, snippets, bundles, or anything else designed to improve your workflow. Many of todays applications offer a variety of “features” created to enhance and simplify the use of redundant code snippets or commands. Check out some of the following links for pertinent information or resources created to improve productivity.

  • TextMate shortcuts desktop wallpaper – Basic TextMate shortcuts on an appealing desktop wallpaper for easy access using Expose.
  • Repetitive steps are time consuming. Before beginning your next project, peruse the net for add-ons or plugins which may increase productivity.

Pre-contructed “templates” – not the kind you purchase

Redundant tasks such as consistent HTML document structure or stylesheets are time-consuming to create if done by hand time and time again. Saving time during the early steps of your development process by re-using a consistent “master” template which outlines general structure.

You control your work environment, you know your habits, you know the exact steps you follow during development. You may already have created a master template for documents without even knowing. Look back at archived projects and try to identify which aspects are consistent throughout. Naturally, we are all creature of habit. Our habits are consistent and predictable – harness that knowledge and identify which phases of your development process can be used as opportunities to save time. Note: Do not cut corners.

Minimizing redundant steps will increase your productivity

The single most important tip is identifying what steps you repeat which can be streamlined and decreased improving your productivity.