These websites use maps to illuminate information or as a primary motif in their designs.
Designs of the Week
Ready to go out and design your next website? Try building with the Catalyst Framework.
![Our Tam](http://www.devlounge.net/wp-content/uploads/2015/05/ourtam.jpg)
Not flat, but a three-dimensional map traversing the different regions of Mount Tamalpais.
![Designers Atlas](http://www.devlounge.net/wp-content/uploads/2015/05/designersatlas.jpg)
Not a literal map of designers, but a portfolio of one. Map elements like lines and icons are animated and used as markers.
![District Magazine](http://www.devlounge.net/wp-content/uploads/2015/05/districtmagazine.png)
The logo is oriented and cleverly spins like a compass. Also as your pointer moves around the background map, the coordiantes on the lower left update.
![50 problems in 50 days](http://www.devlounge.net/wp-content/uploads/2015/05/50problems50days.jpg)
It’s always cool to present location-based stories on a map, and here you also have the option of viewing them in a neater grid layout.
![Svenska kyrkans Internationella arbete](http://www.devlounge.net/wp-content/uploads/2015/05/projektkartan-svenskakyrkan.jpg)
This one also has a side drawer with filter and list views, and I like the subtly pulsing effect on the circular markers and the popup animation with the photos.
![Word Map](http://www.devlounge.net/wp-content/uploads/2015/05/wordmap.png)
Not only is this a great idea for an informative map, but you can also see how a word is adopted from one country to others.
Social Media Weekly
Get solid WordPress themes, plugins, and even design training from iThemes.
Email Web Design – Using Images in HTML Email
“ALT text should be baked into your image tags, at least for most images in an email.”
JavaScript – Interview: The Future of Web Animation with Julian Shapiro
“The higher we can push animations to perform — across all browsers and devices — the sooner the slick motion design commonly found in mobile apps will exist without compromise on the Web.”
Mobile Web Design – Why ‘Mobile First’ May Already Be Outdated
“Only tracking someone on a “mobile device” is an incomplete picture and will result in poor targeting of messages and ads.”
JavaScript – Replacing jQuery with D3
“Although D3 has powerful features like its selectors or an ajax wrapper already built-in, we are often times missing some jQuery functions in our D3 projects. That’s why we will show some approaches on how you can replace jQuery by only using D3.”