SVG Basics
Focused View
Nick Pettit
32:06
139 View
01. Vector Graphics.webm
03:34
02. Creating an SVG.webm
03:44
03. SVGs as Images.webm
08:50
creating-an-svg.zip
svgs-as-images.zip
vector-graphics.zip
01. Embedding SVG XML.webm
07:17
02. Responsive SVGs.webm
08:41
embedding-svg-xml.zip
responsive-svgs.zip
Description
About this Course
Scalable Vector Graphics (SVG) is an XML markup language for creating two-dimensional images using vectors. This is different from traditional raster-based image formats that use pixels, like JPEG and PNG. When used on web pages, SVG images provide an infinite level of detail, so they look sharp regardless of screen size or pixel density. In this course, we'll look at situations where SVGs are better than PNG and JPEG files, as well as when an SVG might not be the best choice. Finally, we'll learn how to modify SVGs using CSS.
What you'll learn
- Vector graphics versus raster graphics
- Image and background SVGs
- Embedded SVGs
- Responsive SVGs
More details
User Reviews
Rating
average 0
Focused display
Category
Nick Pettit
Instructor's CoursesNick is a teacher at Treehouse and an independent game developer. His Twitter handle is @nickrp.
Treehouse
View courses TreehouseTreehouse or is an online technology school that offers beginner to advanced courses in web design, web development, mobile development and game development. Its courses are aimed at beginners looking to learn computer coding skills for a career in the tech industry.
- language english
- Training sessions 5
- duration 32:06
- Release Date 2023/05/01
