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.
EVENT: Full Stack Fest 2017
SPEAKER: Sarah Drasner
PERMISSIONS: The original video was published on Codegram Technologies YouTube channel with the Creative Commons Attribution license (reuse allowed).
ORIGINAL SOURCE: https://www.youtube.com/watch?v=ADXX4fmWHbo&t=1864s
Видео SVG CAN DO THAT?! канала Coding Tech
EVENT: Full Stack Fest 2017
SPEAKER: Sarah Drasner
PERMISSIONS: The original video was published on Codegram Technologies YouTube channel with the Creative Commons Attribution license (reuse allowed).
ORIGINAL SOURCE: https://www.youtube.com/watch?v=ADXX4fmWHbo&t=1864s
Видео SVG CAN DO THAT?! канала Coding Tech
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Even More CSS Secrets](https://i.ytimg.com/vi/vs34f9FiHps/default.jpg)
![Chris Coyier - The Wonderful World of SVG](https://i.ytimg.com/vi/tsGa-gcckwY/default.jpg)
![Things I Was Unprepared For As A Lead Developer](https://i.ytimg.com/vi/AwuqJ1qORag/default.jpg)
![Web APIs You [Probably] Didn't Know Existed](https://i.ytimg.com/vi/EZpdEljk5dY/default.jpg)
![Front End Center — Why Inline SVG is Best SVG](https://i.ytimg.com/vi/af4ZQJ14yu8/default.jpg)
![An introduction to WebAssembly](https://i.ytimg.com/vi/3sU557ZKjUs/default.jpg)
![What Makes Developers Unhappy](https://i.ytimg.com/vi/1q7gKoNI9mY/default.jpg)
![](https://i.ytimg.com/vi/Bg0SktopdvA/default.jpg)
![Animating SVG Icons? UI Animations with ShapeShifter! (Tutorial)](https://i.ytimg.com/vi/P35hQOsW0xU/default.jpg)
![Interactive web animation with SVG by Cassie Evans | CSSCAMP 2019](https://i.ytimg.com/vi/8p5SDI4TNDc/default.jpg)
!["We are paid to write programs that work well and are free of error." - Douglas Crockford](https://i.ytimg.com/vi/DePE0ffiMf4/default.jpg)
![SVG Will Save Us, Sarah Drasner @ #PerfMatters Conference 2019](https://i.ytimg.com/vi/sxte3WpyO60/default.jpg)
![Diving Into Rust For The First Time](https://i.ytimg.com/vi/_jMSrMex6R0/default.jpg)
![The Rise of JAMStack](https://i.ytimg.com/vi/dqqMFpR7sMk/default.jpg)
![Are you writing responsive CSS the wrong way?](https://i.ytimg.com/vi/0ohtVzCSHqs/default.jpg)
![VS Code Can Do That?! VS Code Tips and Tricks](https://i.ytimg.com/vi/x5GzCohd4eo/default.jpg)
![How Do You Structure Your Go Apps?](https://i.ytimg.com/vi/1rxDzs0zgcE/default.jpg)
![A Case for Oxidation: The Rust Programming Language](https://i.ytimg.com/vi/cDFSrVhnZKo/default.jpg)
![Creative SVG Backgrounds for Modern Web Design](https://i.ytimg.com/vi/OjIxscGV-Qg/default.jpg)
![10 CSS Pro Tips - Code this, NOT that!](https://i.ytimg.com/vi/Qhaz36TZG5Y/default.jpg)