Mon premier blog

HTML5 Graphics with SVG & CSS3 Kurt Cagle
Publisher: O'Reilly Media, Incorporated

This blog post provides an overview of what we showed today, across performance, standards, hardware-accelerated HTML5 graphics, and the availability of the IE9 Platform Preview for developers. Topics include standard patterns for building games in HTML5, what methods to choose for building (CSS3, SVG, or Canvas), popular game engines and frameworks, and much more. The net is buzzing about Wallaby the latest tool from Adobe that allows you to convert flash files (.fla) to HTML5 Canvas, JavaScript, SVG and CSS3. Adobe announced today the immediate availability of the Adobe Illustrator CS5 HTML5 Pack, an extension of Illustrator CS5 designed to make it easier to output SVG graphics and CSS3 styles for use with HTML5 web layouts. Firefox + Multitouch + HTML5 + CSS3 + SVG = Awesomeness It is code that lets developers designers make really cool graphics and animations without the need for an add-on like flash. The visible shapes in the graphic will be defined inside the SVG element. XRAY uses lots of cool CSS3 features like border-radius , opacity , box and text-shadow , as well as the HTML5 canvas. Learn more about Using HTML5 and CSS3 for animation options in web design. Today, Microsoft has submitted over 100 additional tests of HTML5, CSS3, DOM, and SVG to the W3C. Our approach to web standards is the development of an industry standard test suite. How to use inline SVGs, covering a range of techniques and exploring the interaction between web page and graphic. SVG is capable of basic animations and can only display vector graphics, so animations in SVG aren't as great visually as some of the other options. When used in conjunction with other emerging standards in HTML5, JavaScript and CSS3, inline SVGs can significantly add to the user experience. When developing HTML 5 sites CSS3 , HTML 5, SVG(Scalable Vector Graphics) are used to create cool HTML5 Websites. Before that, we will work on the defs section. First, we showed IE9's new script engine, internally known as “Chakra,” and the .