SVG can do that?! (Sarah Drasner)
Talk given at Full Stack Fest 2017: https://fullstackfest.com
OUR SPEAKERS
SARAH
DRASNER
SVG CAN DO THAT?!
SVGs, with their potential for high-quality and performant graphics, have myriad uses on the web. By now, a lot of developers are aware of their practical uses, such as small and accessible icons, or illustrations. In this session, though, Sarah will go beyond typical use cases. She’ll cover a few practical things like styling SVG icons like typography, and then dive into the creative wilds of this graphic format built with math. She’ll make it respond to physics, make it bounce and snap, stack it like legos for responsive, and make it interactive with front-end frameworks like Vue.js and React. In this session Sarah will push the boundaries of what’s possible while also thinking about cross-browser stability, and you’ll come out of it with a whole new world of tools in your front-end developer toolbox.
Sarah Drasner is an award-winning speaker, consultant, and staff writer at CSS-Tricks. She is also the co-founder of Web Animation Workshops, with Val Head and the author of SVG Animations from O’Reilly. Sarah is formerly Manager of UX Design & Engineering at Trulia (Zillow). She won CSS Dev Conf’s “Best of the Best Award” as well as “Best Code Wrangler” from CSS Design Awards.
Full Stack Fest is a conference held by Codegram. We've been running development conferences since 2012 with a goal in mind: Inspiring our audience by putting together the best speakers & talks at a privileged location in the beautiful Barcelona area.
Head over to https://conferences.codegram.com/ for an overview of our conferences and to watch all talks. Visit https://www.codegram.com/blog/ to learn more from our team on related topics.
Видео SVG can do that?! (Sarah Drasner) канала Codegram
OUR SPEAKERS
SARAH
DRASNER
SVG CAN DO THAT?!
SVGs, with their potential for high-quality and performant graphics, have myriad uses on the web. By now, a lot of developers are aware of their practical uses, such as small and accessible icons, or illustrations. In this session, though, Sarah will go beyond typical use cases. She’ll cover a few practical things like styling SVG icons like typography, and then dive into the creative wilds of this graphic format built with math. She’ll make it respond to physics, make it bounce and snap, stack it like legos for responsive, and make it interactive with front-end frameworks like Vue.js and React. In this session Sarah will push the boundaries of what’s possible while also thinking about cross-browser stability, and you’ll come out of it with a whole new world of tools in your front-end developer toolbox.
Sarah Drasner is an award-winning speaker, consultant, and staff writer at CSS-Tricks. She is also the co-founder of Web Animation Workshops, with Val Head and the author of SVG Animations from O’Reilly. Sarah is formerly Manager of UX Design & Engineering at Trulia (Zillow). She won CSS Dev Conf’s “Best of the Best Award” as well as “Best Code Wrangler” from CSS Design Awards.
Full Stack Fest is a conference held by Codegram. We've been running development conferences since 2012 with a goal in mind: Inspiring our audience by putting together the best speakers & talks at a privileged location in the beautiful Barcelona area.
Head over to https://conferences.codegram.com/ for an overview of our conferences and to watch all talks. Visit https://www.codegram.com/blog/ to learn more from our team on related topics.
Видео SVG can do that?! (Sarah Drasner) канала Codegram
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Interactive web animation with SVG (DevFest 2019)Front End Center — Why Inline SVG is Best SVGA beginners guide to SVG | Part One: The Why, What, and HowMake Awesome SVG Animations with CSS // 7 Useful TechniquesSarah Drasner on The future of web animation • ColdFront 2018SVG Will Save Us, Sarah Drasner @ #PerfMatters Conference 2019But what is a Fourier series? From heat flow to drawing with circles | DE4Design & Animate SVG Illustrations for Web DesignSarah Drasner - The State of the JAMstack NationHow to Create SVGs to Sell on Etsy Part 1: Inkscape TutorialChris Coyier - The Wonderful World of SVGSarah Drasner: Intricate SVG AnimationsI built the same app 10 times // Which JS Framework is best?Predicting the Future of the Web Development (2020 and 2025)Animating the Virtual DOM - Sarah Drasner aka @sarah_edo at @ReactEurope 2017SVG Explained in 100 Secondsالحلقة ١٨: سارة سويدان وبرمجة واجهة صفحات الويب (بودكاست صوت المبرمج)Intermediate Three.js Tutorial - Create a Globe with Custom ShadersSara Soueidan - Building Better Interfaces With SVG