Wednesday, March 14, 2012

Validation!

I decided to check if my pages were all valid and... RED BAR! I had to fix some little things on my code to make it turn into a beautiful and bright green bar!
Checking if a SVG file is valid is really easy to do. You can simply change the Doctype, that is being checked, to "SVG 1.0". Also, if you want to check a HTML file that has SVG code in it, you just have to change de Doctype to HTML 5.
After this awesome discovery I can make sure all my SVG pages are neat and valid :D

Friday, March 9, 2012

Headache

I did the "headache" page to apply what I have learned about, mainly, animating. I used shapes (rectangles and circles) to create a image, and I modified it by applying opacity, changing the color/size, and animating it. I learned a lot about how SVG works and how I would add its code to my HTML page. Also, by doing this page I was able to remember some of what I learned about HTML/CSS

See "headache"

Monday, March 5, 2012

Sad face

I created a sad face to apply what I learned about paths. I had a hard time in the beginning trying to figure out the positioning, but in the end I was able to create the sad face's mouth successfully. I also learned how to use gradient, that's the reason why I have two tons of red in the face's filling. I used the regular red and the HEX #990000 to create this effect.
In conclusion, by creating this face I was able to have a better understanding on paths and on modifying a shape's color.

See "Sad face"