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

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"

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"

What I have learned so far... SVG!

What I have learned so far...

          SVG is a XML graphic format for creating vetorial images and animations for the web.

          Like HTML, SVG also has a minimal page. Inside this minimal code, you have the following variables: version, viewbox (dimensions of the visible document. It uses x and y coordinates), width and height (size of the document), and ID (.svg).

          To create a circle you add the tag <circle> and you can change/add its radius size, color, location in the document, stroke and stroke size. Each circle created should be inside a SVG tag (<svg>).

          You can also create rectangles, ellipses, lines and polygons. There are different markups for each shape. For example, for a rectangle you have to add the width and height.