5/27/11

I'm almost finished with tutorial 6. Interactivity is closely tied to animation, which I will cover in the next chapter, next week.

5/24/11

I'm getting a lot done, and learning even more. The SVG path tag is so complex, that it can do anything that any other visual tag , such as circle, polygon, or rectangle, can do. I thought that the path tutorial would go quickly, but I am having to stop and learn again and again. This tutorial covers paths really well: http://www.w3.org/TR/SVG/paths.html, but as the "getting down with" tutorials are only basic tutorials, I am only going to cover a fraction of what you can do with curves, namely lines, polygons, and simple curves. Mastering curves especially, would mean explaining a lot of math, not something to do in a basic tutorial. I am almost finished with tutorial 4 (paths), and I think I'm done with tutorial 5, where I added a section on embedding conventional (.jpg, .gif, .png) picture files into SVG. After I'm done with paths, I'll take a break, work on the pyBook or something else for a little while.

5/18/11

Revision 292. I am currently working on tutorial 5, which concerns paths.

5/17/11

I think I've pretty much finished tutorials 1-3. I think I might move #4 back later, as it is mostly concerned with posting SVG files onto the internet, and not with paths and actual SVG code like tutorials 1-3 & 5 are. I've pushed to revision 292 tho.

5/16/11

Pushed Revision 290. Tutorial 2 finished.

5/12/11

I have been working on the tutorial, and I made some time to programming an image  gallery with svg. I'll be sure to cover inserting images with svg in a future tutorial when I'm done with rewriting the tutorials that are already there.

5/10/11

Pushed revision 288.
I redid lesson 1 in SVG tutorial series.

5/9/11

Today I took some time to update my student site. Inkscape was being crash happy today, but I finished this, which is an interactive svg thingy.

5/4/11

Here's what I've been working on:

Embedding Scaleable Vector Graphics in Webpages.
     Up to this point you have been creating SVG files from scratch with a text editor in .xhtml documents. This is the best way of picking up the basics of using SVG files, but it is unwieldly for creating complicated images, and using visual effects such as gradients and filters. Fortunately, there is an easier way make SVG images: Inkscape. It's a free, open-source vector editing software, that uses .svg files as its native format. I recommend that you download a copy if you haven't already.

    Before Firefox 4, the best way to embed SVG files into HTML was to use the <embed> tag. This effectively links in an .svg document from a seperate file. Unfortunately, this tag caused problems, as sometimes the tag would ugly scrollbars to the edge of the .svg document, even when they were unneeded. However, now, to display SVG pictures, you can display them as you would with a .jpg or .png file.

<a id=logo href="http://www.website.com" title="Sample Title"> <img width=400 height=250 src="/images/logo.svg" ></a>