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.
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.
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.
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.
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.
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.
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.
Using Conditional Comments to detect browser versions and avoid those nasty CSS hacks for Internet Explorer or Firefox.