SVG, or scalable vector graphics, are the newest image format support by web browsers. In this video, take a look at what makes them unique and the different ways they can be incorporated into a web project.
SVGs are based on a language called XML.…While it's different from HTML, the syntax looks similar.…HTML uses predefined tags such as the <p> tag or an <h1> tag…to present the content to the browser.…The browser then interprets the meaning of the content.…XML uses custom tags and represents structured information…such as data or transactions.…You don't need to know how to write XML to use SVGs,…but what this means is you can access the SVG's XML code,…add it inline to your HTML page and style it using CSS.…
- Designing with a grid
- Working with a flexbox
- Retina and high-density displays
- Raster and vector graphics
- Retina and images
- Animation and shapes
- CSS3 keyframes and animation
- CSS shapes
- CSS shape functions
- Responsive typography
- Fluid typography
- Accessibility and ARIA
- Style guides for CSS
Skill Level Intermediate
2. Retina Displays and Images
3. Animation and Shapes
4. Tools and Tips
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.