Google Map Builder and Enjoy CSS


I found a couple of tools recently that I really like and thought other designers and developers would find useful.

Google Map Builder

Google Map Builder

First up is this handy Google Map Builder by Donald Sutherland (not that Donald Sutherland!). I’ve never found the process of customising maps to be enjoyable so this tool is a huge help. It allows you to set the set the size, plot markers, add custom icons, tweak the controls and it also has a load of map themes (courtesy of Snazzy Maps) to style your map up to fit your site. The one thing I would like to see included is the ability to add information to plotted markers. At the moment, it literally just adds a marker and I’ve not found a way to add address details to that marker using this tool. That said, it’s still a great tool and one I can see myself using a lot.

EDIT: Donald has told me that marker titles and descriptions will be in the next version.

Enjoy CSS

Enjoy CSS

Enjoy CSS is a really good resource for anyone getting to grips with CSS. It’s a bit like Chrome’s developer tools on steroids. Essentially you create an element and style it up using Enjoy CSS’s visual editor. All the basics are there such as padding, margins, backgrounds etc but the area that I think it stands out in is 3D transforms. I find 3D transforms quite painful to code but using this tool you can just drag your element in the 3D space. When you’re all done editing you can just grab the code and use it as you like. What I also find really handy with this tool is, you don’t have to grab all the code at once, If you literally just want the box shadows, you can grab just that code quickly, it separates it out nicely for you. I’m not actually sure who built Enjoy CSS, but you can follow the account on Twitter here.

Don't be shy! Leave a comment…