Web Design that taps into the haromny and vision of your dreams.


My Web Design Tutorials contains resources to help you get started in web design and useful tips for designing an effective, high-quality website. The tutorials cover technical coding as well as graphic design, colour theory, typography and performance.

In this article I'm going to look at how you can add pins, waypoints and routes to Google Maps embedded in your website. I'm going to expand on the examples from the previous article so if you haven't seen that one, head over to part one on the list below.
Adding Pins, Points and Routes to Google Maps API


In this tutorial series, I am going to show you how to incorporate Google Maps into your website, add pins to locations with balloon pop-ups, set waypoints and even add routes. We'll also see how you can get latitude and longitude coordinates in Google Maps.
Getting Started with the Google Maps API


XML has become so integrated with the web, and even Microsoft Office, that XML is hardly a buzzword anymore. XML forms the core of Microsoft's .Net Framework as well as being an accepted format for data exchange across multiple platforms.
What is XML?


Google offers a multitude of methods for adding rich interactive maps to your websites from basic copy and paste code to a full API for a completely custom user experience. This tutorial gives you an overview of the methods and shows you how to get started adding maps.
Embed Google Maps on your Website


I'm always creating basic HTML pages by hand, writing out the same skeleton code time and time again. I've decided to create a page with some basic HTML which I can now use to copy & paste to save time. Here is the most basic XHTML framework where you can just fill in the blanks.
XHTML Transitional Skeleton


A top ten list of online developer tools that are my most used online resources and tools for web development and design. This list is in no particular order.
Top 10 Online Developer Tools


Quick CSS Snippet to show a pretty message notification bar/box with an icon. These message bars are commonplace nowadays, and I use them quite a bit in my designs because they are an important way to attract user attention.
CSS Message Notification Bars


Using Conditional Comments to detect browser versions and avoid those nasty CSS hacks for Internet Explorer or Firefox.
CSS Conditional Comments


Copyright © 2001-2018 Tim Trott, all rights reserved. Web Design by Azulia Designs

This web page is licensed for your personal, private, non-commercial use only.

Disclaimer, Privacy & LegalSitemapContact Me