Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML SVG Basics SVG and CSS Responsive SVGs

Is SVG, basically is the drawing or making graphics using mark ups or code? You draw a house for example using code?

I'm still overwhelmed with this part. I have never seen an Illustrator interface ever. I do not have any Photoshop skills as well, please pardon the question. Will this lesson be more easier for me to comprehend when I'm at the CSS track?

1 Answer

SVG is a collection of points, values, colors, shapes etc that will define an image.

Yes, you can use code to draw your own images using SVG.

Yes, you can use CSS to manipulate an SVG drawing, usually size/shape, color etc.

It is recommended that you use software to create SVG files. It is much simpler than trying to draw it yourself. If you are interested I would take a look at Inkscape ... excellent program for creating SVG files and its free. You can also have a look at Gimp for image manipulation, this one does much more than just SVG's (great for all kinds of image trickery).

Also, have a look at this Youtube Channel .. this guy does a nice job at showing how to use Inkscape and Gimp.

Just suggestions on all of this as there are multiple programs to create SVG's and youtube channels for tutorials...pick you poison.

Hope this helps

Thank you so much!!