I worked with Vernal recently to implement this member site that provides “an online logbook for keeping track of your artistic experiences”. There were no maps here, but a lot of jQuery work to provide front end forms with a nice user experience. Event logic is always a challenge on the server side, but worked out nicely in this case with a WordPress custom post type and a few meta fields. Now I need to visit the Yerba Buena Center for the Arts in San Francisco and see some of the things people are discussing using my code…
Ever seen a map of custom markers synchronized with thumbnail images in a content flow that dynamically loads content including tabs, post listings, and a slide show? I hadn’t either! I was not certain it could be done, but perseverance paid off. The map is tied to the thumbnails, so an item selected in either one updates the other, and loads a bunch more relevant content below. Members can use a gravity form to add their organization to the map. The work was part of a theme makeover by Vernal Creative.
This is the first investment site I’ve worked on, and it required some real learning for me and my partner at Vernal Creative. When money, investment, and regulation enter the picture, a new level of rigor and attention to detail are required. This only improved the end result.
I did the front end (jQuery) and back end (PHP) programming, enabling features like status alerts as you browse different sections of the site and nice animated paging on listings. There are some nice uses of the great DataTables jQuery plugin.
This is a Geo Mashup site focused on Iceland’s capital city. I implemented a custom info window with the nice touch of a colored border to match the color of the clicked marker. This is a great example of a site that uses Geo Mashup well with just a touch of customization to make it distinctive.
I did a lot of custom WordPress development for this site, but the highlight is the browsing interface for their large library of publications. Publications are presented in a table using the great open source DataTables jQuery plugin. We needed even more filtering abilities to refine the table contents, so I wrote an add on for DataTables to allow filtering the table based on unique values in the table columns. You have to play with it to get how cool this is! Geo Mashup is also featured in the global map of partner sites.
Natural Lands Trust, a collection of conservation areas in Pennsylvania and New Jersey, hired me to customize their Geo Mashup implementation with a Google-like lettered marker display of geo search results, and some improved handling of the KML-based boundary maps for individual preserves like the Glades Wildlife Refuge.
I think it really brings the reality of these preserves home to see where they are, down to their boundaries and trails (though I didn’t work on the trail maps), and I hope it helps promote awareness and support of Natural Lands Trust. I love to imagine a map of preserves like these dotting the whole globe…
We’ve updated this map of RSF Social Finance projects with a larger map pane, extra zoom control, smaller controls in general, full post display below the map, and a tabbed alternate list view. Next up is an interface for users to submit their projects using a customized gravity form to make the map as social as the finance.
My role: software developer for Vernal Creative
Photographer David Coleman uses Typekit for the fonts on his website, and naturally wants the fonts in his map info bubbles to match their surroundings. This was my first experience with typekit, but I with a little customiztion I’d say it suits Geo Mashup nicely.
Alex hired me to help him color his travel map markers by author instead of category. A Geo Mashup customization did the trick, and an administration page for assigning colors to authors lets him do the same trick on other blogs. Happy travels, Alex!