SVG Vectorial Graphics: Illustrate and Animate with Code
SVG responsive
A course by Javier Usobiaga Ferrer , Web designer
About the video: SVG responsive
Overview
“We could say that an SVG, being an image, is already partly responsive. However, the fact that it can incorporate CSS also allows to include media queries, and therefore make visual modifications depending on the size it has to be displayed, adding more or less details. Let's see their possibilities.”
In this video lesson Javier Usobiaga Ferrer addresses the topic: SVG responsive, 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
“Logic says that SVG. as an image file. is inherently responsive. adaptable already. but actually. that OPG holds great potential. let's see it On this page. we can see a set of... Responsive logos are an experiment where logos adapt to the space available. showcasing their flexibility and Display more or less detail as needed accordingly. In this case... The effect is achieved simply by creating a bigger image. a sprite. with various states. displaying only certain sections. However. we will explore other techniques to achieve similar effects. In this example we saw earlier. we can observe ...”
This transcript is automatically generated, so it may contain mistakes.
Course summary for: SVG Vectorial Graphics: Illustrate and Animate with Code
-
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
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."
- 98% positive reviews (273)
- 9,308 students
- 32 lessons (2h 2m)
- 28 additional resources (6 files)
- Online and at your own pace
- Available on the app
- Audio: Spanish, English, French, Italian, Portuguese, Turkish
- Spanish · English · Portuguese · German · French · Italian · Polish · Dutch · Turkish · Romanian · Indonesian
- Level: Beginner
- Unlimited access forever
Recommended software & tools for this course
Adobe Illustrator
SketchCategory
Areas
