Video Tutorial: Intro to SVG

Learn the Basics of Scalable Vector Graphics for the Web

Discover the intricacies of SVG (Scalable Vector Graphics) in web design through our informative live stream. Learn how to save graphics as SVG in Adobe, Illustrator, Sketch, and Adobe Experience Design (XD), as well as how to style SVG with CSS and animate SVG with GSAP.

Key Insights

  • The live stream provides a comprehensive overview of SVG (Scalable Vector Graphics).
  • It offers insights into the various ways SVG can be effectively used in webpages.
  • Participants will learn tips and best practices for saving graphics as SVG using Adobe, Illustrator, Sketch, and Adobe Experience Design (XD).
  • Understanding how to ensure your web server supports SVG is also covered.
  • The stream delves into the art of styling SVG with CSS for improved web aesthetics.
  • Animating SVG with the GreenSock Animation Platform (GSAP) is another key topic presented.
Web Design Certificate: Live & Hands-on, In NYC or Online, 0% Financing, 1-on-1 Mentoring, Free Retake, Job Prep. Named a Top Bootcamp by Forbes, Fortune, & Time Out. Noble Desktop. Learn More.

Here are some of the topics you’ll learn about in this live stream:

  • Overview of SVG
  • Ways to use SVG in webpages
  • Tips and best practices for saving graphics as SVG in Adobe
  • Illustrator, Sketch, and Adobe Experience Design (XD)
  • Making sure your web server supports SVG
  • Styling SVG with CSS
  • Animating SVG with the GreenSock Animation Platform (GSAP)

Topics

Learn more in these courses

Back to Blog
Yelp Facebook LinkedIn YouTube Twitter Instagram