Friday, June 12, 2015

The Mohawk Show

opl-small

Interactive One Pager for 'The Mohawk Show' featuring draggable "cards" in the page. That's quite an impressive reminder feature in the off-canvas area to the right.

by Rob Hope via One Page Love

A Walkthrough on Conditional Tags in WordPress: Series Finale

Free Vector World Maps

This is a pack of 30 different world maps in scalable vector graphics (SVG) format.

You can easily edit and customize the world maps using a vector graphics editor like Illustrator, Sketch, or Inkscape.

Also, the maps are ready and optimized for Web use. This was done by simplifying country borders to reduce each map’s file size.

This freebie was created exclusively for Six Revisions readers by SimpleMaps.

Preview

Free Vector World Maps preview.

Natural Earth Map Projection

Natural Earth Map Projection

Natural Earth Map Projection (Joined)

Natural Earth map projection (joined)

License

These world maps vector files can be used for free as part of your projects, even if said project is commercial in nature. Examples: Websites, apps, infographics, desktop software, etc. However, you cannot sell, bundle, or redistribute the contents of this freebie in whole or in part. See the README.txt file included in the world map package for more details on license/terms of use.

Technical Details on the World Maps

This free set of world maps uses the common map projections.

There are many ways to project a 3-dimensional world into 2-dimensional space. These methods are called map projections.

There were 15 map projections used. And each map projection was used to generate two different versions of each world map, for a total of 30 scalable vector world maps.

The first version of a map project includes 211 distinct countries that are conveniently identified in the SVG files by their 2-letter country code (based on ISO 3166). This can open up many possibilities for all sorts of user interaction, web design customization, and programmatic manipulation through, for instance, CSS and JavaScript.

The 2-letter country ISO codes are specified through the data-id and id attributes of the SVG path elements. The country name is specified in the data-name attribute.

The second map removes all internal borders creating a silhouette of the world. This could be a good option for backgrounds where you’re more interested in a more generalized visual scale. The vector file names of these map versions are affixed with the term _joined. An example: natural_earth_joined.svg.

World map projections used for these world maps are: Equirectangular, Cylindrical Equal-area, Mercator, Natural Earth, Robinson, Eckert IV, Sinusoidal, Mollweide, Wagner IV, Wagner V, Canters Modified Sinusoidal I, Goode Homolosine, Hatano, Winkel 3 and Aitoff.

Download

Related Content

Chris Youderian is a web developer living in Cincinnati, Ohio. He’s the founder of SimpleMaps, an interactive map library and customization tool. Follow him on Twitter

The post Free Vector World Maps appeared first on Six Revisions.


by Jacob Gube via Six Revisions

Meerkat and Periscope: How Businesses Are Using Live Mobile Broadcasting

Are you interested in live mobile broadcasting? Have you tried Meerkat or Periscope? To learn about mobile broadcasting apps, I interview Brian Fanzo. More About This Show The Social Media Marketing podcast is an on-demand talk radio show from Social Media Examiner. It’s designed to help busy marketers and business owners discover what works with […]

This post Meerkat and Periscope: How Businesses Are Using Live Mobile Broadcasting first appeared on Social Media Examiner.
Social Media Examiner - Your Guide to the Social Media Jungle


by Michael Stelzner via Social Media Examiner

New Course: Comparing Front-End Frameworks

There are so many amazing front-end JavaScript frameworks out there, and sometimes it can be hard to figure out which one to use! Each framework has its adherents who will tell you how great it is, but how can we choose between them? 

To make an informed choice, we need to experiment with each framework: to get a feel for how it works and to begin to decide whether it is best suited to our own project needs or style of programming. 

In Comparing Front-End Frameworks, Tuts+ instructor Andrew Burgess will take you through the full process of building an address book using four different front-end frameworks: Backbone, Angular, React and Ember. You'll get a feeling for how they all work, and how they stack up against one another. 

Watch the Introduction

Start Learning for Just $15

You can take our new course straight away by subscribing to Tuts+. For just $15 a month, you get access to this course and hundreds of others, with new ones added every week.


by Andrew Blackman via Tuts+ Code

jQuery Recipes Your Mom Should Know

List of useful jQuery snippets even your mom should know.

  • Back to Top Button
  • Preload Images
  • Checking If Images Are Loaded
  • Fix Broken Images Automatically
  • Toggle Classes on Hover
  • Disabling Input Fields
  • Stop the Loading of Links
  • Toggle Fade/Slide
  • Simple Accordion
  • Make Two Divs the Same Height

by via jQuery-Plugins.net RSS Feed

adidas: Be the Difference

Football is changing. For a team to be successful you need two types of players – playmakers who orchestrate and control everything, and gamechangers who smash the defense and cause chaos.
by via Awwwards - Sites of the day