Description
Course info
Rating
(32)
Level
Advanced
Updated
Jan 18, 2015
Duration
1h 32m
Description

Throughout these Illustrator and CSS tutorials, you'll learn how to make SVG (Scalable Vector Graphics) responsive. We'll first step inside of Adobe Illustrator to design custom SVGs for our project. Next, we'll export the SVGs and, through HTML and CSS, you'll learn how to manipulate the SVGs based on media queries. By the end of the Illustrator and CSS training, you'll understand how to make the SVGs interactive with hover and click events. Software required: Adobe Illustrator CC 2014.

About the author
About the author

Gary Simon has worked exclusively as a freelance designer and design instructor for over 15 years.

More from the author
Building Layouts with the CSS Grid
Beginner
1h 16m
Mar 2, 2018
Building Websites with Bulma
Intermediate
1h 42m
Oct 27, 2017
Building Websites with Skeleton CSS
Intermediate
1h 16m
Aug 9, 2017
More courses by Gary Simon
Section Introduction Transcripts
Section Introduction Transcripts

Introduction and Project Overview
Hi everyone. My name is Gary Simon and I've been a freelance designer for the last 15 years and I've had the privilege of working with literally over 1000 clients on a wide variety of projects. In this course, we're going to focus on the creation and integration of responsive SVGs, otherwise known as Scalable Vector Graphics. This is a relatively new technique that allows you to change the appearance and behavior of graphics on a website based on the view port. Some of the key takeaways from watching this course include learning how to design SVGs within Adobe Illustrator, save SVGs in an organized fashion, write responsive HTML and CSS, and finally, work within an SVG file to make it responsive and even interactive. By the end of this training, you will have learned how to design and integrate responsive SVGs. I'm excited to work with Digital Tutors and share these techniques with you. So let's get started with the first lesson.