SVG or Scalable Vector Graphics is an XML specification that defines vector graphics for the web. It has been in existence for over ten years, but with the release of Internet Explorer 9, and the increased interest in responsive web design, SVG has come of age! Responsive Web Design utilizes fluid containers, and therefore requires resizable content and images. As the name suggests, SVG images are scalable, and can increase or decrease in size as a browser is resized, without losing resolution. Although inconsistencies remain across browsers when displaying some SVG elements, this should improve in the future. Experience Level: Intermediate - Assumes basic knowledge of topic and some experience. Prerequisite Knowledge: Familiarity with Adobe Illustrator will be helpful, but not required. Also, basic knowledge of HTML and CSS and/or HTML5 and CSS3. Skills/Knowledge Gained: This workshop will provide a brief history and overview of SVG, a comparison of SVG Editors, and participants will have the opportunity to create a simple scalable graphic and incorporate it into a web page. Attendees should bring a laptop to this session in order to participate in the hands-on portion of the talk.
