VoV 063: Exploring the World of Animations with Krystal Campioni




Views on Vue show

Summary: <h2 dir="ltr"><strong>Sponsor</strong></h2> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.netlify.com/">Netlify</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="http://sentry.io/">Sentry</a> use the code “devchat” for 2 months free on Sentry small </strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://triplebyte.com/vue">Triplebyte</a> offers a $1000 signing bonus</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.cachefly.com/">CacheFly</a></strong></p> </li> </ul> <h3 dir="ltr"><strong>Panel</strong></h3> <ul> <li dir="ltr"> <p dir="ltr"><strong>Chris Fritz</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong>Divya Sasidharan</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong>Ben Hong</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong>Natalia Tepluhina</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong>Erik Hanchett</strong></p> </li> </ul> <p dir="ltr"><strong>Joined by Special Guest: Krystal Campioni</strong></p> <h3 dir="ltr"><strong>Summary</strong></h3> <p dir="ltr"><strong>Krystal Campioni starts by introducing herself and her background. She shares how she got into Vue and her design education. She shares resources for developers looking to learn more about design. She shares free online animation resources. The panel shares their favorite animation tips and discusses what makes vue a great framework for animations. The panel considers the value of animation; what are the benefits for both the user and the team. </strong></p> <h3 dir="ltr"><strong>Links</strong></h3> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="http://cubic-bezier.com/">http://cubic-bezier.com/</a> </strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://easings.net/en">https://easings.net/en</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://twitter.com/sarah_edo">https://twitter.com/sarah_edo</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.vuemastery.com/conferences/vuejs-amsterdam-2019/visualizations-using-svg-canvas-and-webgl-in-vue/">Visualizations using SVG, Canvas, and WebGL in Vue</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://vuejs.org/v2/guide/transitions.html">https://vuejs.org/v2/guide/transitions.html</a> </strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://vuejs.org/v2/guide/computed.html">https://vuejs.org/v2/guide/computed.html</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.udemy.com/vuejs-2-the-complete-guide/">https://www.udemy.com/vuejs-2-the-complete-guide/</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://vuejs.org/v2/guide/transitioning-state.html">https://vuejs.org/v2/guide/transitioning-state.html</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://refactoringui.com/book/">https://refactoringui.com/book/</a> </strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.amazon.de/Dont-Make-Me-Think-Usability/dp/0321965515/ref=asc_df_0321965515/?ie=UTF8&amp;qid=1548462018&amp;sr=8-1&amp;linkCode=ll1&amp;tag=devchattv-20&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;language=en_US">Don't Make Me Think: A Common Sense Approach to Web Usability</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.vuemastery.com/conferences/vueconf-us-2018/vue-in-motion-rachel-nabors">Vue in Motion</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://twitter.com/kenny_io/status/1114206038801014784">https://twitter.com/kenny_io/status/1114206038801014784</a> </strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="http://krystalcampioni.com/#/">http://krystalcampioni.com/#/</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://twitter.com/krystalcampioni">https://twitter.com/krystalcampioni</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://medium.com/@krystalcampioni">https://medium.com/@krystalcampioni</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://github.com/krystalcampioni/vue-animations">https://github.com/krystalcampioni/vue-animations</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://twitter.com/viewsonvue">https://twitter.com/viewsonvue</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.facebook.com/ViewsonVue/">https://www.facebook.com/ViewsonVue</a></strong></p> </li> </ul> <p> </p> <h3 dir="ltr"><strong>Picks</strong></h3> <p dir="ltr"><strong>Chris Fritz:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://store.steampowered.com/app/736260/Baba_Is_You/">https://store.steampowered.com/app/736260/Baba_Is_You/</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.vuemastery.com/conferences/vueconf-us-2018/agile-design-systems-in-vue-miriam-suzanne/">Agile Design Systems in Vue Agile Design Systems in Vue by Miriam Suzanne</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.vuemastery.com/conferences/vueconf-us-2018/a-react-point-of-vue-divya-sasidharan/">A React Point of Vue A React Point of Vue by Divya Sasidharan</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.vuemastery.com/conferences/vueconf-us-2019/building-desktop-applications-with-vue">Building Desktop Applications with Vue Building Desktop Applications with Vue by Natalia Tepluhina</a></strong></p> </li> </ul> <p dir="ltr"><strong>Divya Sasidharan:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.customink.com/designs/dsdrasnerd/zbm0-00bs-p1x4/share?pc=EMAIL-40778&amp;utm_campaign=shared%20design&amp;utm_source=share%20link&amp;utm_medium=shared%20design&amp;utm_content=shared%20desktop">https://www.customink.com/designs/dsdrasnerd</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.vuemastery.com/conferences/vueconf-us-2018">https://www.vuemastery.com/conferences/vueconf-us-2018</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.vuemastery.com/conferences/vueconf-us-2019/advanced-animations-with-vuejs">Advanced Animations with Vue.js Advanced Animations with Vue.js by Krystal Campioni</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.vuemastery.com/conferences/vueconf-us-2019/back-to-the-vueture-stuck-in-the-event-loop">Back to the Vueture: Stuck in the Event Loop Back to the Vueture: Stuck in the Event Loop by Tessa</a></strong></p> </li> </ul> <p dir="ltr"><strong>Ben Hong:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.amazon.com/Bad-Blood-Secrets-Silicon-Startup/dp/152473165X/ref=sr_1_1?ie=UTF8&amp;qid=1548462018&amp;sr=8-1&amp;linkCode=ll1&amp;tag=devchattv-20&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;language=en_US">Bad Blood: Secrets and Lies in a Silicon Valley Startup</a></strong></p> </li> </ul> <p dir="ltr"><strong>Natalia Tepluhina:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong>Game of Thrones</strong></p> </li> </ul> <p dir="ltr"><strong>Krystal Campioni:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.amazon.com/Programmed-Inequality-Discarded-Technologists-Computing/dp/0262535181/ref=sr_1_1?ie=UTF8&amp;qid=1548462018&amp;sr=8-1&amp;linkCode=ll1&amp;tag=devchattv-20&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;language=en_US">Programmed Inequality: How Britain Discarded Women Technologists and Lost Its Edge in Computing (History of Computing)</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://github.com/krystalcampioni/vue-hotel-datepicker">https://github.com/krystalcampioni/vue-hotel-datepicker</a></strong></p> </li> </ul>