JSJ 297: Scrollytelling with Russell Goldenberg and Adam Pearce

JavaScript Jabber

Episode | Podcast

Date: Tue, 23 Jan 2018 23:45:00 +0000

<div class="trix-content"> <div><strong>Panel: </strong></div><div>Charles Max Wood</div><div>Joe Eames</div><div>Aimee Knight</div><div><strong>Special Guests: Russell Goldenberg and Adam Pearce</strong></div><div>In this episode, JavaScript Jabber panelist speak with Russell Goldenberg and Adam Pearce Russell creates visualizations, interactive graphics, and documentaries for the web. Currently an editor at <a href="https://pudding.cool/">The Pudding</a>.  Adam is a graphics editor at The New York Times and a journalist engineers/developer  Russell and Adam are on the show to talk about what Scrollytelling is, as well as Scrollama. <a href="https://github.com/russellgoldenberg/scrollama#scrollamajs">Scrollama</a> is a modern and lightweight JavaScript library for scrollytelling using <a href="https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API">IntersectionObserver</a> in favor of scroll events. This is a great episode to understand another technology/tool created with JavaScript.</div><div><strong>In particular, we dive pretty deep on:</strong></div><ul> <li>What is Scrollytelling!</li> <li>Graph Scroll library</li> <li>What is the intersection Observerable?</li> <li>How long does it take to build an interactive graphic…?</li> <li>How do you test something like this?</li> <li>Test on a lot of different devices</li> <li>Can you do automated testing?</li> <li>Do you have to understand the use cases or can you implement quickly?</li> <li>Recommendation for getting started?</li> <li>Is this a skill set people have to have before that some on board?</li> <li>How do design these interactions?</li> <li>Scroll jacking</li> <li>What JS developers should know about this technology.</li> <li>Position sticky</li> <li>What are other uses cases?</li> <li>What can devs use it for?</li> <li>Tax calculator</li> <li>And much more!</li> </ul><div><strong>Links:</strong></div><ul> <li> </li> <li>https://github.com/russellgoldenberg/scrollama</li> <li><a href="https://pudding.cool/process/introducing-scrollama/">https://pudding.cool/process/introducing-scrollama/</a></li> <li> <strong>@</strong>codenberg</li> <li> <strong>@</strong>adamrpearce</li> <li><a href="https://pudding.cool/">https://pudding.cool/</a></li> <li><a href="http://russellgoldenberg.github.io">http://russellgoldenberg.github.io</a></li> <li><a href="https://github.com/1wheel?direction=desc&amp;sort=created&amp;tab=stars">https://github.com/1wheel?direction=desc&amp;sort=created&amp;tab=stars</a></li> <li>https://roadtolarissa.com</li> </ul><div><strong>Picks:</strong></div><div>Adam</div><ul><li><a href="https://boardgamegeek.com/boardgame/36218/dominion">Dominion - Broad Game</a></li></ul><div>Charles</div><ul> <li>Smoker</li> <li><a href="https://boardgamegeek.com/boardgame/163967/tiny-epic-galaxies">Tiny Epic Galaxies</a></li> <li><a href="https://www.indiegogo.com/projects/devchat-tv">Indiegogo Dev Chat TV</a></li> </ul><div>Aimee</div><ul> <li>Deadlines</li> <li><a href="https://www.questnutrition.com/collections/protein-powders">Quest Protein Powder</a></li> </ul><div>Joe</div><ul> <li>Giving!</li> <li><a href="https://boardgamegeek.com/boardgame/230802/azul">Board Game - Azul</a></li> </ul><div>Russel</div><ul> <li><a href="https://boardgamegeek.com/boardgame/521/crokinole">Crokinole</a></li> <li>Bust Out</li> </ul><div>Special Guests: Adam Pearce and Russell Goldenberg.</div> </div> Support this podcast at — https://redcircle.com/javascript-jabber/donations Advertising Inquiries: https://redcircle.com/brands Privacy & Opt-Out: https://redcircle.com/privacy