SVG (Scalable Vector Graphics) and HTML5 Canvas
Cutting edge graphic techniques for the web
This will be a multi-topic evening with two presenters.
1. Derek Williams be be speaking about SVG (Scalable Vector Graphics) including:
A quick demo and some simple code examples for three (of many) approaches to use SVG in a web page:
As an image source As a background image in CSS/LESS Directly in the markup (HTML)
The talk will include a discussion of the positives and negatives of the approaches for different use cases.
What is SVG? Scalable Vector Graphics is an XML-based vector image format for two-dimensional graphics that has support for interactivity and animation. SVG has been around for quite a while (since 1999) but is now enjoying more widespread browser support and has appeal with the trend toward utilizing Responsive Web Design techniques that allow websites to adapt to different screen sizes.
SVG images and their behaviors are defined in XML text files. This means that they can be searched, indexed, and scripted. As XML files, SVG images can be created and edited with any text editor, and you can do some really nifty things with them.
2. Mark Morris will be providing an introduction to Canvas.
If you've been wondering how to create animations in a post-Flash, smart phone world, don't miss this Meetup.
We'll have great information, discussion, beer and appetizers...
Don't miss it! RSVP today.
Meetup starts at 6pm sharp, appetizers available starting 5:45pm.