- From: Jeremie Patonnier <jeremie.patonnier@gmail.com>
- Date: Sat, 1 Oct 2011 12:06:28 +0200
- To: Chris Mills <cmills@opera.com>
- Cc: public-webed@w3.org, schepers@w3.org
- Message-ID: <CAEi838mL4fwUVJ9TFascS-0makaM-rCbhKvy3LA_R=gZdr_Ldg@mail.gmail.com>
Hi all, 2011/9/30 Chris Mills <cmills@opera.com> > http://www.w3.org/wiki/WSC_proposed_updates#OTHER_THINGS_TO_COVER(especially SVG - please grab it and roll it out to it's own section. Doug? > Jeremie?) > Here are some idea to start an SVG course (I updated the wiki accordingly) SVG is a very large specification with many functionalities so I suggest to build a progressive course focus on those functionalities (each point is an article with 2 main category : Basic and Advanced) : *Part 1 : SVG BASICS* 1. *History and usage* : As for HTML, it could be good to start by giving some context: What is it, Where does it come, What is it made for, How is it different than HTML? 2. *Syntax and deployment* : This part would introduce the basic syntax, the concept of viewport and absolute positioning and finally how to embed an SVG document inside other language (basically HTML and CSS) 3. *Basic shapes* : This part will be dedicated to the basic shapes available in SVG 4. *Position and transformation* : To go deeper inside the viewport thing and to explain the role of the transformations. 5. *Using text in SVG* 6. *Styling SVG* : This is where we would detailed how to use presentation attributes and their CSS counterpart. 7. *Scripting SVG* : Where we could introduce the SVG DOM API. *Part 2 : SVG ADVANCED * 1. *How to build Pathes* : To dig into the syntax of the d attribute on path elements 2. *Animating the web with SVG Animations* : How to use SVG Animations 3. *SVG Filters* : This would be an introduction to filters but each filters could have it's own article (Filters a really hard things) 4. *Clipping and Masking* 5. *Patterns* 6. *Gradients* 7. *Dealing with the external* : This part would be dedicated to the foreignObject element but also to links and images elements. It's obviously possible to go deeper but it's already a huge starting point and writing all of this will take a significant time. I also think we can use the SVG Primer by David Dailey<http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html>[1] as a good starting point. The tutorial available on the MDN<https://developer.mozilla.org/en/SVG/Tutorial>[2] is also a good source of inspiration. Doug, what do you think? Is there something missing? [1] http://www.w3.org/Graphics/SVG/IG/resources/svgprimer.html [2] https://developer.mozilla.org/en/SVG/Tutorial Regards -- Jeremie ............................. Web : http://jeremie.patonnier.net Twitter : @JeremiePat <http://twitter.com/JeremiePat>
Received on Saturday, 1 October 2011 10:07:26 UTC