Parallax
Apr 05, 2015

Articles – collections de sites parallax

 

> 10 Examples of Bespoke Article Design and Scrolling Goodness:
http://mindymcadams.com/tojou/2013/10-examples-of-bespoke-article-design-and-scrolling-goodness/

 

> 17 Longform Online Parallax Stories:
http://www.daigo.org/2013/10/17-example-snow-fall-long-form-story/

 

> 15 Awesome Websites That Tell a Story as You Scroll:
http://line25.com/articles/15-awesome-websites-that-tell-a-story-as-you-scroll

 

> 14 Fantastic Scrolling Websites That Tell a Story:
https://econsultancy.com/blog/9582-14-fantastic-scrolling-websites-that-tell-a-story/

 

> Once Upon a Design: Storytelling with Parallax:
http://www.ciceron.com/2013/12/upon-design-storytelling-parallax/

 

 

Le monde

 voix-outretombe

 

> Voix d’outretombe :

http://www.lemonde.fr/ameriques/visuel/2014/10/10/voix-d-outretombe-les-derniers-mots-de-condamnes-a-mort-executes-au-texas_4501418_3222.html

 

 leMonde-SinCity

> Frank Miller, Sin City :

http://www.lemonde.fr/a-la-une/visuel/2014/09/17/franck-miller-retour-a-sin-city-sans-repentance_4486400_3208.html

 leMonde-rembrandt

 

> Il y a un Rembrandt dans mon placard :

http://www.lemonde.fr/societe/visuel/2014/05/03/il-y-a-un-rembrandt-dans-mon-placard_4409757_3224.html

 ecocide5

 

> Ecocide, épisode 5 :

http://www.lemonde.fr/planete/visuel/2015/01/24/ecocide-episode-1-le-bois-qui-saigne_4527270_3244.html

 

Une sélection

dangers-of-fracking 

 

> Dangers of Fracking, Hydraulic Fracturing: 

http://www.dangersoffracking.com/

 

 colombian-terroirs

 

> Nespresso, Colombian Terroirs: 

http://www.nespresso.com/colombian-terroirs/

 du-9-hugues-micol

 

> (2012 – DU9) Entretien avec Hughes Micol (Skrollr) :

http://www.du9.org/entretien/hugues-micol/

 hobolobo

 

> Hobolobo (BD écran en parallax):

http://hobolobo.net/

america-elect 

> (Nov 2012) The Guardian, America:Elect!

America:Elect! Graphic Novel (BD, parallax, skrollr) :

http://www.theguardian.com/world/interactive/2012/nov/06/america-elect-graphic-novel

 

How we built it:

http://www.theguardian.com/info/developer-blog/2012/nov/20/howwe-built-america-elect-graphic-novel-interactive

 

etude-studio

 

 

> Etudes Studio (collectif, vêtements, livres d’artistes)

http://etudes-studio.com/

padechichi

 

 

> Pas de Chichi (vêtements, Montréal)

http://pasdechichi.ca/

 

> Ici Neuhof (Pedro Seromenho, HEAR DNSEP Communication Graphique, juin 2014) :

http://icineuhof.org/

 

> Nespresso, Monsoon Malabar Ltd Edition (avril 2015) :

https://www.nespresso.com/fr/fr/pages/monsoon-malabar?cid=email%7Cfrfr%7CMars%7C15%7CMonsoon%7CLancement%7CBTQ1

 

> Exemple “corporate”, Kayako:

http://www.kayako.com/product/tour/

 

> Operation Opera (BD, parallax, bande scrollante) :
http://www.operation-opera.net

> One-Page Parallax scrolling:

https://onepagelove.com/tag/parallax-scrolling

 

 

 

Technologies

skrollr 

 

> skrollr:

https://github.com/Prinzhorn/skrollr

 

tutorials:

http://codepen.io/ihatetomatoes/pen/jetJs

 

 

 stellar-js

 

> stellar.js:

http://markdalgleish.com/projects/stellar.js/

 

 superSCrollorama

 

> Super Scrollorama:

http://johnpolacek.github.io/superscrollorama/

 

 scrollDeck

 

> ScrollDeck:

http://johnpolacek.github.io/scrolldeck.js/

 

parallax-js 

> Parallax.js:

http://matthew.wagerfield.com/parallax/

 

 scrollMagic

> ScrollMagic:

http://janpaepke.github.io/ScrollMagic/

 

Examples, tutorials:

http://janpaepke.github.io/ScrollMagic/examples/index.html

 

> Jarallax:

http://www.jarallax.com/