Data, Maps, Usability, and Performance

API canvas d3 data geo GeoJSON html5 image JavaScript json maps mysql PHP WordPress

JavaScript Templating Frameworks and SEO

JS Templating and SEO

JavaScript templating frameworks are gaining a lot of popularity these days. Client-side templating comes with many benefits: performance, clean separation of data and presentation tier, browser and/or CDN html caching, and much more like maximizing code reusability and maintainability. This is a great introduction on JavaScript templates. But, how do they affect search engine optimization? Today, I will dig into JavaScript templating frameworks, talk about some new players, discuss comparisons and benchmarks, and address the question of front-end templating and SEO.
Read more

OpenLayers jsFiddle Examples

jsFiddle OpenLayers Examples

It has been a while since my last jsFiddle canvas examples post and I want to do these more frequently. JSfiddle is a great resource for learning as you can quickly visualize all pieces of the code (CSS, JavaScript, and HTML). It is also very popular, so you can often find some great demos and examples which can help you with your work. This time around, I am going to focus on OpenLayers examples in jsFiddle:
Read more

OpenLayers with Various Data Sets and Tiles

Compare Data Sets Visually with OpenLayers

In my last post, I dived into OpenLayers and created a demo that uses different data sets, layers, and tooltips. Today, I am creating something very similar but serving a different purpose: visually comparing something with different data sets of geographical points. That sounds confusing, but I am referring to a concept like airports and grabbing data about airport locations from various sources and visualizing the differences between the sources. You can just look at the size of the data source and determine that it is larger and has more airports but plotting geo locations on a map and seeing it with your eyes can bring more insight.
Read more

Using the Pinterest API

Pinterst API documentation

Today, I hit 1000 Pinterest followers and decided to make a post about the service. 1000 followers is not much, but considering that I remain anonymous and haven’t done anything special to get followers, I think it’s noteworthy. I probably spend 30 minutes in the morning pinning images I like and that’s it. I wonder how long it will take me to hit 2000. Not following more people and not getting more involved in community boards is not helping, but I might change that soon. With all that being said, this post is about the Pinterest API.
Read more

OpenLayers Map with Tooltips

OpenLayers Multiple Layers on World Map

OpenLayers Demo with Multiple Layers of Data
Same OpenLayers Demo with Custom Tooltips

There has been a lot of development into JavaScript mapping libraries and after playing around with D3 and Raphael, I wanted to try something more map specific. I briefly looked into Google Maps, Leaflet, ESRI, Cloudmate, Polymaps, ModestMaps and many others but I decided on OpenLayers. After reading several good threads on comparing client side map libraries I felt that OpenLayers got the highest overall vote. The OpenLayers API documentation also seems very promising. So, today, I am going to find some interesting geographical data, extract and convert it into a good geo format, and use OpenLayers to visualize the data on the map.
Read more