Listen Now

In the 9th episode of season 1 of the Immersion Podcast—Petr and Rob talk about Design and JavaScript news happenings on the web…   Show Links   JavaScript Updates     Petr's Ihatetomatoes YouTube Channel Delightful form example by Darin Senneff—https://codepen.io/dsenneff/pen/QajVxO Polacode and Bracket Pair Colorizer - VSCode Extension https://marketplace.visualstudio.com/items?itemName=pnp.polacode   Bracket Pair Colorizer - Visual Studio Marketplace https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer    Clean React Toggle by Chris Gannon https://codepen.io/chrisgannon/pen/mqjjvx   YouTube Rewind 2017 https://rewind2017.withyoutube.com/   Val Head's Writing Process: https://css-tricks.com/author/valhead/   https://tympanus.net/codrops/2018/02/21/animated-fragment-slideshow/ https://github.com/lmgonzalves/pieces Design Updates Rob's Illustration Teardowns Rob Links   A New Home for Creative Market https://medium.com/building-creative-market/a-new-home-for-creative-market-1b7e6c2aa78d and at same time they've released Creative Market Pro https://pro.creativemarket.com/   Duncan Channon agency's Hey World! Upwork campaign http://www.duncanchannon.com/2018/01/hey-world-upworks-here-to-help/ and http://www.thedrum.com/creative-works/project/duncan-channon-upwork-hey-world   Tubik Studios Color Glossary for Designers: Terms and Definitions. https://uxplanet.org/color-glossary-for-designers-terms-and-definitions-1a65549804bd   How to create original flat illustrations https://tubikstudio.com/how-to-create-original-flat-illustrations-designers-tips/   Ryan Putnam's process for building Illustration Identities https://medium.com/putnam-studio/illustration-identities-are-our-thing-c9f136e46510   AI Power talks about his illustration process https://medium.muz.li/creating-a-illustration-style-4f8eb44a12d4   Rocky Roark talks about how illustration Helps to Reach Visual Learners https://medium.com/@RockyRoark/using-illustrations-to-help-reach-visual-learners-e94e07d68ccf   Nikola Lazarevic's Sketch App Illustration Tutorials https://tutsplus.com/authors/nikola-lazarevic?_ga=2.54968619.1880317666.1519340420-598497221.1504027638  

Today's Immersion Podcast—Petr and Rob talk about more illustration and JavaScript findings on the web… Show Links   JavaScript Updates Petr's Ihatetomatoes YouTube Channel https://interview.ueno.co/ http://kenwheeler.github.io/slick/ https://www.npmjs.com/package/react-slick Design Updates Rob's Illustration Teardowns Don't Make Me Think Rocket Surgery Made Easy   Embracing complexity https://blog.prototypr.io/make-me-think-90b46aa50513   100 Photo's in 100 Days. He got in to photography by: "set myself a challenge: take 1 photo per day for 100 days" starting with cell phone then progressing to proper camera: https://medium.com/@gregjnn/most-cameras-end-up-dusty-on-a-shelf-2c013d182981   Big Brands Using Illustration in '18: https://medium.com/@roblevintennis/big-brands-using-illustration-in-2018-6d2216bf6656 Diversity in tech You just can't draw purple people and call it diversity: https://ux.shopify.com/you-cant-just-draw-purple-people-and-call-it-diversity-e2aa30f0c0e8 http://versett.com/diversity/ https://medium.com/designing-atlassian/illustrating-balanced-and-inclusive-teams-c548166c7540 https://uxdesign.cc/designing-forms-for-gender-diversity-and-inclusion-d8194cf1f51 https://uxdesign.cc/diversity-in-design-what-can-i-do-as-a-designer-today-2b3db03bd409 Tweet us any ideas for show topics and show feedback: Rob: @roblevintennis and Petr: @ihatetomatoes

Today's Immersion Podcast—Petr and Rob talk about illustration and animation on the web… Show Links   Design Updates Petr's Ihatetomatoes YouTube Chennel - https://www.youtube.com/user/ihatetomatoesblog/community Rob's Illustration Teardowns https://medium.com/tag/illustration-teardowns/latest We mentioned  Chris Gannon—https://gannon.tv/, Sarah Drasner—https://sarahdrasnerdesign.com/, MegDraws—https://medium.com/@megdraws, and Rachel Nabors—http://rachelnabors.com/ on this episode. Animation https://ihatetomatoes.github.io/immersion-podcast/ https://stateofjs.com https://cssgrid.io/ http://aaronrutley.com/getting-started-wp-rest-api/ https://github.com/bringking/react-web-animation https://just-animate.github.io/ https://gibbok.github.io/animatelo/ Illustration http://hellomattstevens.com/facebook-illustration-guidelines/ https://en.facebookbrand.com/guidelines/brand https://polaris.shopify.com/ https://polaris.shopify.com/visuals/illustrations#navigation https://ux.shopify.com/empty-states-more-like-you-have-no-idea-how-much-work-goes-into-those-states-amirite-e0102f58b64e https://material.io/guidelines/growth-communications/onboarding.html#onboarding-top-user-benefits https://medium.com/google-design/picture-a-better-you-how-google-calendar-uses-illustration-to-help-you-reach-your-goals-96e52bb4a2e1 https://dribbble.com/byalicelee https://blog.intercom.com/ http://www.wearepixeltitans.com/ https://www.thisisyoke.com/ https://www.livechatinc.com/podcast/ https://www.prescribewellness.com/ https://www.chargebee.com/ https://www.kayako.com/ More Illustration Resources https://www.google.com/culturalinstitute/beta/ https://medium.com/google-design/picture-a-better-you-how-google-calendar-uses-illustration-to-help-you-reach-your-goals-96e52bb4a2e1 inclusivity in visual communication https://stories.lemonade.com/moving-the-needle-inclusivity-in-design-a4a91e26372b https://www.crowdspring.com/blog/6-companies-using-illustration-to-create-a-more-personal-brand/ http://www.species-in-pieces.com/ Illustration coupled with animation is a real dazzler http://www.creativebloq.com/features/illustration-trends-2018 Illustration can help when the work needs to be evocative e.g. to promote: Female empowerment, stop bullying, https://madebyshape.co.uk/web-design-blog/7-of-the-best-websites-that-use-illustration-and-animation http://rollpark.us/ .. what I liked about this isometric is it actually takes advantage of the "cut away" with useful annotations http://www.vermont.eu/ not a fan of music automatically coming on personally. Low poly is still apparently a thing..nice colors http://bestdayevereducation.com/ http://www.proudandpunch.com.au/product/it-takes-two-to-mango/ is an example of a page that probably takes too long to load as a result https://graphicmama.com/blog/graphic-design-trends-2018/ https://create.adobe.com/illustration.html https://www.toptal.com/designers/brand/brand-illustration-system     Tweet us any ideas for show topics and show feedback: Rob: @roblevintennis and Petr: @ihatetomatoes

Today's Immersion Podcast—Petr and Rob talk recap 2017 professional and personal accomplishments and goals for 2018… Show Links   Design Updates Petr's Ihatetomatoes YouTube Chennel - https://www.youtube.com/user/ihatetomatoesblog/community Rob's Illustration Teardowns https://medium.com/tag/illustration-teardowns/latest https://vuejs.org/ Wordpress Theme API: https://codex.wordpress.org/Theme_Development#Theme_Customization_API CSS Grids: https://tympanus.net/codrops/css_reference/grid/ VSCode: https://code.visualstudio.com/ mobx: https://github.com/mobxjs/mobx-react The Vienna Christmas tree:  https://xmas.wien.info/en/tree https://uxtools.co/ https://sketch.curated.co/ https://www.sketchappsources.com/tutorials-tips.html https://www.smashingmagazine.com/2017/04/photoshop-illustrator-sketch-ui/ Zeplin: https://zeplin.io/ https://medium.com/sketch-app-sources Adobe XD finally out: http://www.adobe.com/products/xd/features.html https://uxtools.co/blog/sketch-vs-adobe-xd-vs-figma https://uxtools.co/tools/design 2017 Design Trends 2017 Design Trends Recap: http://theideation.com/wp-content/uploads/2017/11/Digital-Design-Trends-by-Ideation-WP.pdf https://www.foundry.com/industries/virtual-reality/vr-mr-ar-confused Shopify paving way with use of Illustrations: https://medium.com/@megdraws Shopfiy Illustrations used in Polaris Design System: https://polaris.shopify.com/ kyletwebster.com brushes now included in the Adobe CC version of Photoshop Tweet us any ideas for show topics and show feedback: Rob: @roblevintennis and Petr: @ihatetomatoes        

Today's Immersion Podcast—Petr and Rob talk about front end developer and designer news. We had some connectivity issues so we had to record both respective parts separately. Show Links   Front-end Updates Ihatetomatoes YouTube Chennel - https://www.youtube.com/user/ihatetomatoesblog/community GSDevTools on CodePen - https://codepen.io/collection/DjyzKV/ React v16.2.0 includes improved support for fragments - https://reactjs.org/blog/2017/11/28/react-v16.2.0-fragment-support.html Learn CSS Grid in 5 Minutes - freeCodeCamp - https://medium.freecodecamp.org/learn-css-grid-in-5-minutes-f582e87b1228 Getting Started with CSS Grid Layout - https://scotch.io/tutorials/getting-started-with-css-grid-layout Learn to code in JavaScript by playing a game - https://lab.reaal.me/jsrobot/# Design Updates Illustration Teardowns https://medium.com/tag/illustration-teardowns/latest 2018's UX Designer Salary Forecast https://medium.muz.li/2018s-ux-designer-salary-forecast-32ccc1dfcd5f Where to Spot New Design Trends: 15 Sources to Stay Fresh https://medium.com/building-creative-market/where-to-spot-new-design-trends-15-sources-to-stay-fresh-8877d6e097b8 Stylable https://stylable.io/ Opinions Mixed on Kickstarter Redesign https://designmodo.com/kickstarter-redesign/ Tweet us any ideas for show topics and show feedback: Rob: @roblevintennis and Petr: @ihatetomatoes    

Today's Immersion Podcast—Petr and Rob talk about Styleguides and Design Systems Show Links   http://bradfrost.com/blog/post/style-guides/ http://atomicdesign.bradfrost.com/ Living Styleguide - http://styleguide.devbproto.com/styleguide/ tdcss.js: http://jakobloekke.github.io/tdcss.js/ http://styleguides.io http://styleguides.io/podcasts https://github.com/alexpate/awesome-design-systems   Site Examples https://design.trello.com/components/buttons https://polaris.shopify.com/ http://design-system.pluralsight.com/ Salesforce https://www.lightningdesignsystem.com/ IBM https://www.ibm.com/design/language/ and http://carbondesignsystem.com/ Rizzo aka Component API http://rizzo.lonelyplanet.com/styleguide/design-elements/colours https://material.io/guidelines/material-design/introduction.html http://type-scale.com/ http://styleguide.devbproto.com/styleguide/ https://github.com/styleguidist/react-styleguidist Tweet us any ideas for show topics and show feedback: Rob: @roblevintennis and Petr: @ihatetomatoes    

Today's Immersion Podcast is Petr solo talking about front end updates! Show Links   Useful Resources React Styleguidist - https://react-styleguidist.js.org/ Styleguidist in action - https://dialogs.github.io/dialog-web-components/ How to stay organised while working on a large project - https://www.youtube.com/watch?v=WqtsyhbzkdU New VSCode Features - October Update Multi-root workspaces released to Stable - Group a logical set of folders into a single workspace. Vertical panels - Dock panels (Terminal, Output, or Debug Console) to the right of your editor. Git indicators in the Explorer - See pending file changes in the File Explorer. Green, orange etc. Inline pending change review BLUE LOGO IS BACK Animating in React CSS classes - https://www.npmjs.com/package/classnames ReactCSSTransitionGroup - https://reactjs.org/docs/animation.html React Motion - https://github.com/chenglou/react-motion GreenSock - https://greensock.com Inspiration Air France Music - https://music.airfrance.com/en Tweet us any ideas for show topics and show feedback: Rob: @roblevintennis and Petr: @ihatetomatoes    

Today's Immersion Podcast is all about content management systems aka CMS.  Show Links HarpJS - http://harpjs.com/ used for unicorn-ui.com Big Guns WordPress - https://wordpress.org/ Joomla - https://www.joomla.org/ Drupal - https://www.drupal.org/ Static Site Generators Jekyll - https://jekyllrb.com/ Gatsby - https://www.gatsbyjs.org/ React Static - https://github.com/nozzle/react-static Hugo - https://gohugo.io/ Other CMS Craft CMS - https://craftcms.com/ Perch - https://grabaperch.com/ Grav - https://getgrav.org/ Graph CMS - https://graphcms.com/ Statamic - https://statamic.com/ DatoCMS - https://www.datocms.com/ What's the #JAMstack? Javascript, APIs + Markup = a better approach to web projects. https://jamstack.org/ Other Resources Music Random Movement - https://www.youtube.com/watch?v=SWsbzeRR_Uc JAMStack Radio - A show all about the JAMstack, a new way to build fast & secure apps or websites. https://www.heavybit.com/library/podcasts/jamstack-radio/ The New Front-End Stack: JavaScript, APIs and Markup SmashingConf talk https://vimeo.com/235438562   Tweet us any ideas for show topics and show feedback: Rob: @roblevintennis and Petr: @ihatetomatoes      

We announce that SVG Immersion is in the process of rebranding to just "The Immersion Podcast", and Rob announces to the world that Petr Tichy is now the co-host and partner in immersion crime. This show is very much an introduction to the new format, plans we have for the show, and a warm-up for both Rob and Petr to get back in to the swing of podcast things!   Show Links   Milanote - https://milanote.com/ New GreenSock Devtools - https://greensock.com/gsdevtools Webpack survey - https://docs.google.com/forms/d/e/1FAIpQLSc-qZE3nrvCDzHAIyVrNveQpqR7mkbyNoXAqPksx-HvEepgjg/viewform Tweet us any ideas for show topics and show feedback: Rob: @roblevintennis and Petr: @ihatetomatoes      

In this conversation with Amelia Bellamy-Royds, we talk about all things SVG 2 and beyond.   Show Links   Here are the wiki pages summarizing big SVG 2 change (works in progress): New features: https://github.com/w3c/svgwg/wiki/SVG-2-new-features Breaking changes: https://github.com/w3c/svgwg/wiki/SVG-2-breaking-changes   If anyone's in the Boston area, Amelia will be talking about SVG 2 & the web standards process at CSS Conf, September 26/27: https://2016.cssconf.com/#speakers   Two places to see what she’s up to: http://codepen.io/AmeliaBR/ https://twitter.com/AmeliasBrain   The Books: SVG Essentials, 2nd Edition: http://shop.oreilly.com/product/0636920032335.do SVG Colors, Patterns, & Gradients: http://shop.oreilly.com/product/0636920043065.do SVG Text Layout: http://shop.oreilly.com/product/0636920043072.do Using SVG with HTML5 and CSS3 (due end of 2016): http://shop.oreilly.com/product/0636920037972.do http://www.oreilly.com/web-platform/free/modern-svg.csp       SVG 2 SVG 2 Editor's Draft: https://svgwg.org/svg2-draft/ Links to the latest drafts of the CSS/SVG Effects task force (which now handles filters, masking, etc): http://www.w3.org/Graphics/fx/wiki/Main_Page The SVG email archive if you want to get involved in the discussion: https://lists.w3.org/Archives/Public/www-svg/ Github repo providing some resources related to joint work of the CSS and SVG working groups related to graphics. https://github.com/w3c/fxtf-drafts There should be an official draft available in the next few weeks at https://www.w3.org/TR/SVG2/ (but what's there right now was last updated in November). Issues with SVG 2 spec (typos or inconsistencies) can be reported at github.com/w3c/svgwg/issues, or... The www-svg email list can be used for broader discussion (e.g., announcement of the awesome new polyfill you've created for an SVG 2 feature!) Music Attributions: Loop Freesky–dEbE: http://www.freesound.org/people/bebeto/sounds/554/ frankum: http://www.freesound.org/people/frankum/sounds/237581/ (adapted with vocals by Nico Dotti) notembug-Epic Tribal Drums: http://www.freesound.org/people/notembug/sounds/264284/  

In this conversation with Dustin Lee and Brad Woodard, we talk about the illustration process, making killer Photoshop and Illustrator brushes, and other good stuff. Dustin Lee's Info:   http://www.retrosupply.co/ http://www.passiveincomefordesigners.com/ (unfortunately, I forgot to bring this back up in our conversation (sorry Dustin!), but if you admire Dustin’s success with RetroSupply, and want to learn how he “makes things happen”, this is definitely something to check out. He’s also got a podcast on the topic: http://www.passiveincomefordesigners.com/podcast/   Brad Woodard's Info: http://bravethewoods.com/ Brave Schoolhouse: http://bravethewoods.com/help_us_start_the_brave_schoolhouse/   Space Ranger Brush Kit & Tutorials http://www.retrosupply.co/products/spaceranger-brush-kit-and-tutorial-pack   Other Links https://campnanowrimo.org https://www.kylebrush.com/ http://www.retronaut.com/ http://malikafavre.com/ http://tomhaugomat.tumblr.com/ http://www.thomasdanthony.com/ http://www.amazon.com/Meggs-History-Graphic-Design-Philip/dp/0470168730     Music Attributions: Loop Freesky–dEbE: http://www.freesound.org/people/bebeto/sounds/554/ frankum: http://www.freesound.org/people/frankum/sounds/237581/ (adapted with vocals by Nico Dotti) notembug-Epic Tribal Drums: http://www.freesound.org/people/notembug/sounds/264284/  

In this conversation with Fraser Davidson, we talk about After Effects and his general working process. Fraser Davidson's Info:   http://fraserdavidson.co.uk/ https://dribbble.com/fraserdavidson http://www.cubstudio.com/ http://fraserdavidson.tv/ https://www.youtube.com/user/fraserdldavidson     Music Attributions: Loop Freesky–dEbE: http://www.freesound.org/people/bebeto/sounds/554/ frankum: http://www.freesound.org/people/frankum/sounds/237581/ (adapted with vocals by Nico Dotti) notembug-Epic Tribal Drums: http://www.freesound.org/people/notembug/sounds/264284/  

In this conversation with Vincent Hardy & Dmitry Baranovskiy from Adobe, we talk about their work on Adobe Illustrator's SVG Export. Site Links Announcement of new AI Export Features https://helpx.adobe.com/illustrator/how-to/export-svg.html?set=illustrator--whats-new--2015-11   General Help for Adobe SVG https://helpx.adobe.com/illustrator/using/svg.html   http://blogs.adobe.com/creativecloud/introducing-project-comet-a-new-tool-for-designing-and-prototyping-user-experiences/   Animate SVG with the Flash Timeline http://blog.cjgammon.com/animate-svg-with-flash-timeline/   Dmitry's Info: http://dmitry.baranovskiy.com/ @DmitryBaranovsk   Vincent's Info: http://svg-wow.org/ @vincent_hardy   Music Attributions: Loop Freesky–dEbE: http://www.freesound.org/people/bebeto/sounds/554/ frankum: http://www.freesound.org/people/frankum/sounds/237581/ (adapted with vocals by Nico Dotti) notembug-Epic Tribal Drums: http://www.freesound.org/people/notembug/sounds/264284/  

Val Head is a Designer who loves web animation, offers training, speaking, and consults around these topics of web, design, and animation. She also curates the UI Animation Newsletter and hosts the All The Right Moves screencast & Motion and Meaning podcast. Last but not least, Val is also the author of The Pocket Guide to CSS Animations, and, the one talked a lot about on this episode, her upcoming book: Designing Interface Animations.   Motion and Meaning Podcast http://motionandmeaning.io/   UI Animation Newsletter http://valhead.com/newsletter/   Designing Interface Animations http://rosenfeldmedia.com/books/designing-interface-animations/   Storyboards article http://valhead.com/2015/11/17/messy-storyboards/   Sarah Drasner's article (which has a section on storyboarding that we bring up in the show) http://www.smashingmagazine.com/2015/06/practical-techniques-on-designing-animation/    tmrDevelops https://twitter.com/tmrDevelops   Rachel Smith http://codepen.io/rachsmith/   Ana Tudor http://codepen.io/thebabydino/   A beginner's guide to designing interface animations http://www.creativebloq.com/web-design/beginners-guide-designing-interface-animations-111517793   Animation and RWD http://www.slideshare.net/valhead/animation-in-responsive-design   lynda.com intro to CSS Animations course: http://www.lynda.com/CSS-tutorials/CSS-Animations/115434-2.html   Flash Professional will be renamed Adobe Animate CC exports to SVG https://blogs.adobe.com/flashpro/welcome-adobe-animate-cc-a-new-era-for-flash-professional/ http://blogs.adobe.com/creativecloud/update-about-edge-tools-and-services/     Music Attributions: Loop Freesky–dEbE: http://www.freesound.org/people/bebeto/sounds/554/ frankum: http://www.freesound.org/people/frankum/sounds/237581/ (adapted with vocals by Nico Dotti) notembug-Epic Tribal Drums: http://www.freesound.org/people/notembug/sounds/264284/  

Interview with Dennis Gaebel, a Design Technologist passionate for Open Source, SVG, Typography, Web Animation, Interaction Development and Pattern Based Design. We talk about how he got in to web development and design, PolyLion, learning through an online school, a bit about freelancing as a web dev/designer, and, of course, our mutual fondness of https://css-tricks.com :-)   Show Links  http://grayghostvisuals.com/ https://twitter.com/droidpinkman http://codepen.io/dennisgaebel/   SVG Workers https://github.com/svg-vector-workers   Polylion Article https://css-tricks.com/polylion/   https://github.com/jakealbaugh   Dudley Storey http://thenewcode.com/     Music Attributions: Loop Freesky–dEbE: http://www.freesound.org/people/bebeto/sounds/554/ frankum: http://www.freesound.org/people/frankum/sounds/237581/ (adapted with vocals by Nico Dotti) notembug-Epic Tribal Drums: http://www.freesound.org/people/notembug/sounds/264284/  

Part Two of conversation with Jack Doyle and Carl Schoof of the company Greensock discuss SVG and their GSAP library.  Show Links   Greensock http://greensock.com/   Animation Engine Timing Comparison http://codepen.io/GreenSock/full/e3ac33404937de0eb77c789323367da8/   Sequence Video http://greensock.com/sequence-video   transformOrigin article by Jack on css tricks https://css-tricks.com/svg-animation-on-css-transforms/   http://greensock.com/learning/ http://greensock.com/jump-start-js  (on Codeine the collection: http://codepen.io/collection/ifybJ/)   Source Code https://github.com/greensock/GreenSock-JS   SVG Power Tips (includes transformOrigin and svgOrigin demos + other awesome svg tips) http://greensock.com/svg-tips   Solutions for Banner Ads in the Post-Flash World http://greensock.com/html5-banners   Self-promotion    GreenSock Animation Platform eBook https://www.nobledesktop.com/books/gsap   2-day class at Noble Desktop http://greensock.com/?post_type=event&p=6237   Reference to the SVG challenge – how making 2 gears spin was basically impossible with anything else.   http://codepen.io/GreenSock/pen/dooWWp?editors=001   Questions about licensing, or custom training: http://greensock.com/contact-us/    Music Attributions: Loop Freesky–dEbE: http://www.freesound.org/people/bebeto/sounds/554/ frankum: http://www.freesound.org/people/frankum/sounds/237581/ (adapted with vocals by Nico Dotti) notembug-Epic Tribal Drums: http://www.freesound.org/people/notembug/sounds/264284/  

Jack Doyle and Carl Schoof of the company Greensock discuss SVG and their GSAP library.    Show Links   Greensock http://greensock.com/   Animation Engine Timing Comparison http://codepen.io/GreenSock/full/e3ac33404937de0eb77c789323367da8/   Sequence Video http://greensock.com/sequence-video   transformOrigin article by Jack on css tricks https://css-tricks.com/svg-animation-on-css-transforms/   http://greensock.com/learning/ http://greensock.com/jump-start-js  (on Codeine the collection: http://codepen.io/collection/ifybJ/)   Source Code https://github.com/greensock/GreenSock-JS   SVG Power Tips (includes transformOrigin and svgOrigin demos + other awesome svg tips) http://greensock.com/svg-tips   Solutions for Banner Ads in the Post-Flash World http://greensock.com/html5-banners   Self-promotion    GreenSock Animation Platform eBook https://www.nobledesktop.com/books/gsap   2-day class at Noble Desktop http://greensock.com/?post_type=event&p=6237   Reference to the SVG challenge – how making 2 gears spin was basically impossible with anything else. http://codepen.io/GreenSock/pen/dooWWp?editors=001   Questions about licensing, or custom training: http://greensock.com/contact-us/    Music Attributions: Loop Freesky–dEbE: http://www.freesound.org/people/bebeto/sounds/554/ frankum: http://www.freesound.org/people/frankum/sounds/237581/ (adapted with vocals by Nico Dotti) notembug-Epic Tribal Drums: http://www.freesound.org/people/notembug/sounds/264284/  

Interview with Rachel Nabors. Rachel is an ambassador for web animation, curating the wonderful weekly newsletterwebanimationweekly.com and regularly speaking about the topic at web development conferences. In a past life, Rachel won awards for here web comics and graphic novels for teenage girls… Today, you can see some of this influence in Rachel’s more interactive projects and demos such as Alice in Videoland, the black brick road to OZ, the Cat in Byakoyya. Show Links   http://webanimationweekly.com Web Animation Weekly   http://rachelnabors.com/waapi/ Web Animation API resources    UX Week Workshops: http://uxweek.com/speakers/web-animations-expert-tin-magpie-and-web-animation-weekly   FOWD San Francisco: https://futureofwebdesign.com/san-francisco-2015/schedule/workshops/2068   Rober Penner Easing Functions: http://robertpenner.com/easing/   Cat Walk Cycles (showing of web animations api): http://codepen.io/rachelnabors/pen/zxYexJ   State of Animations: https://www.youtube.com/watch?v=GxOq1bnlZXk   Scott Hudson Quote: Animation: From Cartoons to the User Interface, UIST’93: Proceedings of the 6th annual ACM Symposium on User Interface Software and Technology, pp. 45-55  http://dl.acm.org/citation.cfm?doid=168642.168647      Music Attributions: Loop Freesky–dEbE: http://www.freesound.org/people/bebeto/sounds/554/ frankum: http://www.freesound.org/people/frankum/sounds/237581/ (adapted with vocals by Nico Dotti) notembug-Epic Tribal Drums: http://www.freesound.org/people/notembug/sounds/264284/  

Conversation with Chris Gannon... Chris specializes in animation, UI, video and interactive design and runs the site gannon.tv as well as the company FrameSpark Interactive–which specializes in HTML5 apps, interactive video and animation, interfaces & games, for all form factors from mobile to tablet to desktop. Chris can also be found on CodePen where his work sometimes ends up in the Top Picks or Popular sections.   Show Links   http://gannon.tv/ http://codepen.io/chrisgannon/popular/ https://twitter.com/chrisgannon   The animation announcement for SVG Immersion Podcast was made by, Chris Gannon, himself. Here's my fork of his pen: http://codepen.io/roblevin/pen/bdLGqg ... thanks Chris!   Music Attributions: Loop Freesky–dEbE: http://www.freesound.org/people/bebeto/sounds/554/ frankum: http://www.freesound.org/people/frankum/sounds/237581/ (adapted with vocals by Nico Dotti) notembug-Epic Tribal Drums: http://www.freesound.org/people/notembug/sounds/264284/  

Conversation with Rachel Smith... Rachel started building for the web just 5 years ago, when she started out by making Flash banners for an advertising agency. Now she animates interfaces with CSS and JavaScript and also builds APIs and backend applications with Node.js. She currently builds all the websites for the good folks at Active Theory   Show Links   Rachel Smith’s Blogs & Twitter http://rachsmith.com/ http://codepen.io/rachsmith/blog/ https://twitter.com/rachsmithtweets   2013 the year of javascript article http://rachsmith.com/2014/2013-the-year-of-javascript.html   Sarah Drasner–Weighing SVG Animation Techniques (with Benchmarks) https://css-tricks.com/weighing-svg-animation-techniques-benchmarks/   Cubic Bezier animation rubber band effect http://codepen.io/rachsmith/blog/grokking-quadratic-bezier-curves-in-svg http://panda.network/   Active Theory http://activetheory.net/work    PenguinCurling - multi-device curling game part of the Coca-Cola AHH campaign   http://www.ahhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh.com/   Music Attributions: Loop Freesky–dEbE: http://www.freesound.org/people/bebeto/sounds/554/ frankum: http://www.freesound.org/people/frankum/sounds/237581/ (adapted with vocals by Nico Dotti) notembug-Epic Tribal Drums: http://www.freesound.org/people/notembug/sounds/264284/