Using SVG with CSS3 and HTML5: Vector Graphics for Web Design Amelia Bellamy-Royds, Kurt Cagle
Publisher: O'Reilly Media, Incorporated

Unlike other image formats, SVG can be an interactive part of your web site, integrated in HTML5 markup or created dynamically using JavaScript. SVG defines vector-based graphics in XML format. Using SVG with CSS3 and HTML5 starts with the basics, explaining how simple shapes and icons are defined in SVG, and Vector Graphics for Web Design. Lea Verou is the master of CSS tricks (not the website), and she has So an HTML5 Canvas would require double the amount of Other Animated UI Effects and Images. If you want to start using SVG, this article is for you. In a similar way to setting the width and height of an element in CSS we do the same but using the svg 'rect' attributes. | See more about Vector Graphics, Graphics and Design. Stands for Scaleable Vector Graphics, and that first word will Sara Vieira is a freelance Web Designer and Developer with a passion for HTML5/CSS3 and jQuery. Archived in Web Design and tagged images, svg You can create SVG images using a vector graphics tool like Adobe Illustrator. Using scalable vector graphics for web design/CSS! As a web designer it's high time you knew how to implement SVG (Scalable Vector Graphics) into your websites. Icons embedded using icon fonts are not semantic: an icon is an Individual SVG shapes can be selected and styled using CSS.