SVG Vectorial Graphics: Illustrate and Animate with Code

Ways to load an SVG on the web

A course by Javier Usobiaga Ferrer , Web designer

98% positive reviews (271)

9,108 students

Audio: Spanish

· ·

About the video: Ways to load an SVG on the web

Overview

“So far we have been working with SVG in-line, that is, writing it directly in the HTML code. However, the SVG can be incorporated into a web in many ways: content image, background image, loading with JavaScript ... we will see pros and cons of all of them.”

In this video lesson Javier Usobiaga Ferrer addresses the topic: Ways to load an SVG on the web, which is part of the Domestika online course: SVG Vectorial Graphics: Illustrate and Animate with Code. Learn to create vector illustrations for your website, from basic lines to interactive animations.

Partial transcription of the video

“There are many ways to load svg into a web With content image as a background image With javascript know the pros and cons of Each of them does not we work with svg as An external file is as an image of Content background image We will have to Add At the beginning of the label svg this attribute Xmlns with this value with this address because It is necessary for it to render properly Svg is based on the language xml and xml Requires this type attributes called Namespaces to know how to renderize its content Properly without stress And using the protocol xlink example to link a External imag...”

This transcript is automatically generated, so it may contain mistakes.

Course summary for: SVG Vectorial Graphics: Illustrate and Animate with Code

Level: Beginner
98% positive reviews (271)
9108 students
7 units
32 lessons (2h 2m)
6 downloads

Category
Web & App Design
Software
Adobe Illustrator, Sketch
Areas
Animation, Interactive Design, Web Design, Web Development

Javier Usobiaga Ferrer

A course by Javier Usobiaga Ferrer

Teacher Plus

Web designer

Javier Usobiaga is a Web Designer for 10 years and co-founder with Marta Armada Swwweet studio, specialized in designing responsive webs from the initial conception to the front-end development.

He also enjoys a lot in his facet as professor of Web Design in renowned workshops and schools like Elisava, IDEP.

Usobiaga understands the web as a whole, not only how beautiful it can be on the computer screen, but its usability in different devices and circumstances.

In his words "I think that as important as the aesthetic is how fast it charges or how well it responds, and I think that in our industry we often forget about that."