Charles M Wood

Vzdělání

Byznys

Jak na to

Technika

JSJ 297: Scrollytelling with Russell Goldenberg and Adam Pearce

JavaScript Jabber

Stay current on JavaScript, Node, and Front-End development. Learn from experts in programming, careers, and technology every week. Become a supporter of this podcast: <a href="https://www.spreaker.com/podcast/javascript-jabber--6102064/support?utm_source=rss&utm_medium=rss&utm_campaign=rss">https://www.spreaker.com/podcast/javascript-jabber--6102064/support</a>.

Panel: Charles Max WoodJoe EamesAimee KnightSpecial Guests: Russell Goldenberg and Adam PearceIn 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/" target="_blank" rel="noreferrer noopener">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" target="_blank" rel="noreferrer noopener">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" target="_blank" rel="noreferrer noopener">IntersectionObserver</a> in favor of scroll events. This is a great episode to understand another technology/tool created with JavaScript.In particular, we dive pretty deep on:<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>Links:<ul><li> </li><li>https://github.com/russellgoldenberg/scrollama</li><li><a href="https://pudding.cool/process/introducing-scrollama/" target="_blank" rel="noreferrer noopener">https://pudding.cool/process/introducing-scrollama/</a></li><li> @codenberg</li><li> @adamrpearce</li><li><a href="https://pudding.cool/" target="_blank" rel="noreferrer noopener">https://pudding.cool/</a></li><li><a href="http://russellgoldenberg.github.io" target="_blank" rel="noreferrer noopener">http://russellgoldenberg.github.io</a></li><li><a href="https://github.com/1wheel?direction=desc&sort=created&tab=stars" target="_blank" rel="noreferrer noopener">https://github.com/1wheel?direction=desc&sort=created&tab=stars</a></li><li>https://roadtolarissa.com</li></ul>Picks:Adam<ul><li><a href="https://boardgamegeek.com/boardgame/36218/dominion" target="_blank" rel="noreferrer noopener">Dominion - Broad Game</a></li></ul>Charles<ul><li>Smoker</li><li><a href="https://boardgamegeek.com/boardgame/163967/tiny-epic-galaxies" target="_blank" rel="noreferrer noopener">Tiny Epic Galaxies</a></li><li><a href="https://www.indiegogo.com/projects/devchat-tv" target="_blank" rel="noreferrer noopener">Indiegogo Dev Chat TV</a></li></ul>Aimee<ul><li>Deadlines</li><li><a href="https://www.questnutrition.com/collections/protein-powders" target="_blank" rel="noreferrer noopener">Quest Protein Powder</a></li></ul>Joe<ul><li>Giving!</li><li><a href="https://boardgamegeek.com/boardgame/230802/azul" target="_blank" rel="noreferrer noopener">Board Game - Azul</a></li></ul>Russel<ul><li><a href="https://boardgamegeek.com/boardgame/521/crokinole" target="_blank" rel="noreferrer noopener">Crokinole</a></li><li>Bust Out</li></ul>Special Guests: Adam Pearce and Russell Goldenberg. Support this podcast at — <a href="https://redcircle.com/javascript-jabber/donations" target="_blank" rel="noreferrer noopener">https://redcircle.com/javascript-jabber/donations</a> Privacy & Opt-Out: <a href="https://redcircle.com/privacy" target="_blank" rel="noreferrer noopener">https://redcircle.com/privacy</a> Become a supporter of this podcast: <a href="https://www.spreaker.com/podcast/javascript-jabber--6102064/support?utm_source=rss&utm_medium=rss&utm_campaign=rss">https://www.spreaker.com/podcast/javascript-jabber--6102064/support</a>.

Panel: Charles Max WoodJoe EamesAimee KnightSpecial Guests: Russell Goldenberg and Adam PearceIn 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/" target="_blank" rel="noreferrer noopener">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" target="_blank" rel="noreferrer noopener">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" target="_blank" rel="noreferrer noopener">IntersectionObserver</a> in favor of scroll events. This is a great episode to understand another technology/tool created with JavaScript.In particular, we dive pretty deep on:<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>Links:<ul><li> </li><li>https://github.com/russellgoldenberg/scrollama</li><li><a href="https://pudding.cool/process/introducing-scrollama/" target="_blank" rel="noreferrer noopener">https://pudding.cool/process/introducing-scrollama/</a></li><li> @codenberg</li><li> @adamrpearce</li><li><a href="https://pudding.cool/" target="_blank" rel="noreferrer noopener">https://pudding.cool/</a></li><li><a href="http://russellgoldenberg.github.io" target="_blank" rel="noreferrer noopener">http://russellgoldenberg.github.io</a></li><li><a href="https://github.com/1wheel?direction=desc&sort=created&tab=stars" target="_blank" rel="noreferrer noopener">https://github.com/1wheel?direction=desc&sort=created&tab=stars</a></li><li>https://roadtolarissa.com</li></ul>Picks:Adam<ul><li><a href="https://boardgamegeek.com/boardgame/36218/dominion" target="_blank" rel="noreferrer noopener">Dominion - Broad Game</a></li></ul>Charles<ul><li>Smoker</li><li><a href="https://boardgamegeek.com/boardgame/163967/tiny-epic-galaxies" target="_blank" rel="noreferrer noopener">Tiny Epic Galaxies</a></li><li><a href="https://www.indiegogo.com/projects/devchat-tv" target="_blank" rel="noreferrer noopener">Indiegogo Dev Chat TV</a></li></ul>Aimee<ul><li>Deadlines</li><li><a href="https://www.questnutrition.com/collections/protein-powders" target="_blank" rel="noreferrer noopener">Quest Protein Powder</a></li></ul>Joe<ul><li>Giving!</li><li><a href="https://boardgamegeek.com/boardgame/230802/azul" target="_blank" rel="noreferrer noopener">Board Game - Azul</a></li></ul>Russel<ul><li><a href="https://boardgamegeek.com/boardgame/521/crokinole" target="_blank" rel="noreferrer noopener">Crokinole</a></li><li>Bust Out</li></ul>Special Guests: Adam Pearce and Russell Goldenberg. Support this podcast at — <a href="https://redcircle.com/javascript-jabber/donations" target="_blank" rel="noreferrer noopener">https://redcircle.com/javascript-jabber/donations</a> Privacy & Opt-Out: <a href="https://redcircle.com/privacy" target="_blank" rel="noreferrer noopener">https://redcircle.com/privacy</a> Become a supporter of this podcast: <a href="https://www.spreaker.com/podcast/javascript-jabber--6102064/support?utm_source=rss&utm_medium=rss&utm_campaign=rss">https://www.spreaker.com/podcast/javascript-jabber--6102064/support</a>.

Aplikace Youradio Talk

JSJ 297: Scrollytelling with Russell Goldenberg and Adam Pearce

Poslechněte si podcast