Archives for ‘Tutorials’

Creating County Overlays with Google Maps Javascript API

I am working with a client that wanted a feature on their website where users could find the nearest sales rep to their location. The client’s company have several sales reps that represent various counties in Southern California. I began working on using the awesome Google Map API to create such a tool, and it will be launched soon.

As I worked on the tool, I learned a lot, and I wanted to share some of my new-found knowledge with everyone. In the following post (including a video, yay!) I will show you how to create a county overlay on a Google Map.

Keep Reading

Display PDFs Inline with A Little Help From Google…

Ahh the PDF. The gold standard of document exchange and sharing, PDFs are one of the most commonly used filetypes today. But they have a drawback when it comes to the web. Unlike image files (JPEG, GIF, TIFF, PNG, etc.), you can’t easily display a PDF inline with HTML on a website. “Why is this a problem?” I hear you ask. Suppose you want to show project spec sheets in a web portfolio, or show a resume on a personal site. You can’t use a PDF without converting each page to an image and then displaying them all on your page. With a little help from Google, however, the process becomes a whole lot easier.
Keep Reading

Display Flickr Feeds with JSON and Javascript

I have recently been working on a project for a client that required an image gallery component. The images that were to be used in the gallery were in a set on Flickr. I had two options on displaying the images:

  • Download and re-upload each image to a directory on the project website (long, tedious, and inefficient)
  • Pull the images in live from Flickr (dynamic and efficient)

I had a problem, however: I had no idea how to pull images live from Flickr. However, I had recently begun learning JavaScript, and wanted to put my new skills to the test. I began to research…
Keep Reading