Scalable Vector Graphics (SVG)

SVG is a widely-deployed royalty-free graphics format developed and maintained by the W3C SVG Working Group. This is a public group, which works on an open mailing list and which welcomes your feedback. Upcoming Events The Graphical Web 2014 – Winchester, England, August 27–30, 2014 The Graphical Web will showcase SVG, as well as related technologies like Canvas, WebGL, CSS, Javascript, and HTML5 video and audio. News CSS-SVG Effects Task Force Started The CSS and SVG Working groups have started a joint task force to discuss and develop mutual features such as gradients, transforms, filters, and animation.

Scalable Vector Graphics (SVG) 1.1 Specification W3C Recommendation 16 August 2011 This version: Latest version: Previous version: Public comments: www-svg@w3.org (archive) Editors: Erik Dahlström, Opera Software <ed@opera.com> Patrick Dengler, Microsoft Corporation <patd@microsoft.com> Anthony Grasso, Canon Inc. Chris Lilley, W3C <chris@w3.org> Cameron McCormack, Mozilla Corporation <cam@mcc.id.au> Doug Schepers, W3C <schepers@w3.org> Jonathan Watt, Mozilla Corporation <jwatt@jwatt.org> Jon Ferraiolo, ex Adobe Systems <jferrai@us.ibm.com> (Versions 1.0 and 1.1 First Edition; until 10 May 2006) 藤沢淳 (FUJISAWA Jun), Canon Inc. Dean Jackson, ex W3C <dean@w3.org> (Version 1.1 First Edition; until February 2007) Please refer to the errata for this document, which may include some normative corrections. Copyright © 2011 W3C® (MIT, ERCIM, Keio), All Rights Reserved. Abstract Status of this document Comments on this Recommendation are welcome.

HTML5 from a Mobile Perspective « Cloud Four I’ve read with interest the controversy following the W3C’s decision to not renew the XHTML 2 Working Group charter. For those unfamiliar with the jargon of standards organizations, this means that XHTML 2 is effectively dead. In its place as the future of web development stands HTML5. The comments about HTML5, and the potential for its future have been surprising. At the risk of being accused of wearing mobile-tinted glasses, HTML5 is going to big a deal and it will be relevant much sooner than people think. Lack of Extensibility The main complaint against HTML5 is the lack of extensibility. The need for this meaning is what created microformats which describe standard ways of presenting information like addresses in markup so that they can be understood programmatically. The best description of this extensibility problem can be found in John Allsop’s article from A List Apart. This is not simply a theoretical problem. Documents versus Applications HTML5 for Mobile When Can We Use HTML5?

Png Abstract This document describes PNG (Portable Network Graphics), an extensible file format for the lossless, portable, well-compressed storage of raster images. PNG provides a patent-free replacement for GIF and can also replace many common uses of TIFF. Indexed-color, grayscale, and truecolor images are supported, plus an optional alpha channel. Sample depths range from 1 to 16 bits. PNG is designed to work well in online viewing applications, such as the World Wide Web, so it is fully streamable with a progressive display option. This specification defines an Internet Media Type image/png. Status of this document This section describes the status of this document at the time of its publication. This document is the 14 October 2003 W3C Recommendation of the PNG specification, second edition. The PNG specification enjoys a good level of implementation with good interoperability. Public comments on this W3C Recommendation are welcome. Available languages 3.1 Definitions 3.1.1 alpha 3.1.7 byte

Que peut-on faire avec SVG? Les meilleures applications actuelles réalisées avec SVG vous ferons voir ce que l'on peut faire avec ce langage graphique standard. SVG est un langage pour convertir les données en graphiques. Nous allons voir avec la liste d'applications qui suit que cela peut représenter en fait une variété très étendue d'utilisations. Mais avant tout, il ne faut pas se leurrer, SVG ne convient pas à tous les cas de figure et souvent il vaudra mieux remplacer le code par une simple image, éventuellement avec une image map pour ajouter un peu d'interactivité... Parce que le code SVG est lourd, on peut souvent le remplacer par une image sans ralentir le chargement de la page. Mais lorsque les conditions sont réunies, il est alors possible de fournir grâce à SVG des choses étonnantes... SVG Web Demo Ce site propose un outil qui convertit SVG en Flash afin de l'afficher sur tous les navigateurs. Tracer un chemin sur une carte Jeu de plateau Le lien est sur un fichier SVG. Le jeu Invaders Le jeu Tetris

Le format SVG Images vectorielles et images bitmap Il existe 2 manières de représenter des images dans un ordinateur. Les images bitmap [3] sont construites à partir d’une matrice de points, on affecte une couleur à chaque point. Les images vectorielles consistent en un assemblage d’objets géométriques élémentaires (points, lignes, cercles) à l’intérieur d’un repère du plan (mais si, souvenez-vous les cours de maths au collège…). Parmi les formats d’images les plus connus, on trouve PNG [4] , JPEG [5] et TIFF [6] qui sont des formats bitmap. Un standard du W3C Tout comme XHTML [7], CSS [8] ou encore MathML [9], SVG est un standard du W3C [10]. Vous avez dit XML ? XML est un métalangage en ce sens qu’il sert de base pour l’élaboration d’autres langages comme OpenDocument, XUL [13] (le langage de description d’interfaces de Mozilla) ou encore XMPP [14] (utilisé notamment pour la messagerie instantanée et plus connu sous le nom de Jabber [15]). Support du format SVG Des solutions libres la racine <defs>, et

E-Commerce Copywriting: The Guide to Selling More - Smashing Magazine Advertisement Quality product descriptions can transform e-commerce conversion rates — it’s common to see increases of 30-100%. As well as converting more visitors, search traffic increases drastically when unique copy is written for each product. Most online retailers use manufacturers’ copy or rely solely on images to sell products. Essentially, your copy must achieve two goals: Establish trust andConvince visitors that your product is right for them. Potential customers cannot see or touch the product since it’s not physically there in front of them. You must establish the right tone, a mix between informative and engaging, while showcasing your product’s usability, practicality and benefits. Formatting E-commerce websites should usually opt for a combination of bullets and paragraph form. Running Warehouse uses both bullet points and a short paragraph to describe the product. Basics of Good E-Commerce Copywriting Avoid long sentences Avoid jargon and clichés Achieve clarity. Speak simply

Formats ouverts Recommandations, propositions & cadre législatif Recommandations pour l'administration française Un Cadre Commun d'Interopérabilité est défini par l'ADAE, l'Agence française pour le Développement de l'Administration Électronique. Toutes les administrations et les marchés publics français sont invités à suivre les recommandations de l'ADAE et plus spécifiquement ce cadre d'interopérabilité. Cahier des charges pour appels d'offre pour réalisation de sites web Acheter des sites Web conformes aux normes est un document élaboré par le W3C, à destination des clients et des fournisseurs d'applications et de sites web. Ce document est à intégrer, dans son ensemble ou en partie, dans les appels d'offre et les réponses aux appels d'offre. Ce document permet de aux professionnels de se différencier par rapport à leurs concurrents en proposant, sur la base des standards web, des mesures concrètes de la qualité des livrables. Proposition de loi française pour l'interopérabilité Formats de documents

SVG ou Canvas, que choisir ? Depuis plusieurs années que je m’intéresse à SVG et aux nouvelles possibilités qu’offre HTML5, on me pose régulièrement cette même question : « Quel est le mieux entre SVG et Canvas ? ». Je réponds alors stoïquement et laconiquement : « Les deux mon capitaine, ça dépend ». En effet, ça dépend, voilà donc un petit guide pour vous aider à choisir entre ces deux technologies. Voyons tout d’abord ce que ces technologies ont en commun. Il est très rare que dans le cadre du Web nous ayons deux standards qui fassent la même chose... Vecteurs contre bitmap La première différence entre ces deux technologies tient aux types de données qu’elles manipulent. La différence entre les deux va donc se jouer sur des questions assez simples finalement : si vous devez envisager un redimensionnement sans perte de qualité, SVG sera plus indiqué. Déclaratif contre programmatif Une autre différence de fond entre ces deux technologies tient à la façon de les utiliser. DOM or not DOM, zat iz ze question Conclusion