HTML5 Graphics with SVG & CSS3 by Kurt Cagle

HTML5 Graphics with SVG & CSS3 Kurt Cagle ebook
ISBN: 9781449304478
Publisher: O'Reilly Media, Incorporated
Page: 120
Format: pdf

You can take a look at the bleeding edge of HTML5, CSS3, SVG, Canvas, and WebGL. When developing HTML 5 sites CSS3 , HTML 5, SVG(Scalable Vector Graphics) are used to create cool HTML5 Websites. This is great for targeting multiple screen sizes. Not long after releasing Sonic, Github user cadc made SonicGIF, introducing me to a novel concept — converting images in an HTML5 Canvas to an animated GIF on the fly using jsgif. HTML5 means support for SVG or vector graphics on the web. If it's a straightforward circling snake or dots then you're probably best going with either SVG or DOM+CSS. And I can't wait to see what the future brings. There are two ways of going about this: SVG and HTML5's Canvas element. It really is amazing how far we've come. For most Based off of XML, SVG objects are built right into the DOM, so they can be manipulated with CSS and JavaScript on a per-shape basis. XRAY uses lots of cool CSS3 features like border-radius , opacity , box and text-shadow , as well as the HTML5 canvas. Fast forward to this week and I've been working on a live Sonic editor so you can create The graphical capabilities of each technique should also be taken in account. There are two different ways you can leverage this support: SVG and CSS3. Holy crap some good things are going on here. The CSS uses media queries to detect the screen size and automatically serves up the correct SVG image.