JuxtaposeJS

photo

JuxtaposeJS helps storytellers compare two pieces of similar media, including photos, and gifs. It’s ideal for highlighting then/now stories that explain slow changes over time (grown of a city skyline, regrowth of a forest, etc.) or before/after stories that show the impact of single dramatic events (natural disasters, protests, wars, etc.).

It is free, easy to use, and works on all devices. All you need to get started are links to the images you’d like to compare.

Historical

The Berlin Wall: 20 Years Later

Development

See how Manhattan’s new skyscrapers will cast shadows on Central Park

park
Streets before and after cars

Natural Disasters

Satellite Photos of Japan, Before and After the Quake and Tsunami

japan


Side-by-Side Look at Destruction and Renewal in Japan

2013 Colorado floods
Hurricane Katrina

Head Shot/Change Over Time

NBA’s oldest players
Kennedy half-dollar

Steps:

1) Find pictures that illustrate a before and after scene. Upload both to your Google drive.

2) Insert the two URL’s

3) Add any additional dates, etc.

juxtapose

4) Copy both sets of code into a post on your portfolio site in the text mode. Publish and send the URL along with the other homework.

 


 

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>