Creating Responsive SVGs in Illustrator and CSS [2015, ENG] torrent

Обучающие видео » Компьютерные видеоуроки и обучающие интерактивные DVD » Web-дизайн

Creating Responsive SVGs in Illustrator and CSS

Год выпуска: 01/2015
Производитель: Digital Tutors
Сайт производителя: digitaltutors.com/tutorial/1951-Creating-Responsive-SVGs-in-Illustrator-and-CSS
Автор: Gary Simon
Продолжительность: 1:34
Тип раздаваемого материала: Видеоклипы
Язык: Английский
Описание: 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.

Работа с SVG в Иллюстраторе для создания адаптивной веб-графики.
[spoiler="Содержание"]
1 Introduction and project overview Watch it now
2 Designing the first icon
3 Replicating the icon for two different sizes
4 Creating the HTML document
5 Making the layout responsive with CSS
6 Making the SVG responsive with CSS
7 Designing a 'satisfaction guaranteed' emblem
8 Designing the center of the emblem
9 Replicating the emblem for two different sizes
10 Writing the HTML and CSS
11 Making the emblem responsive
12 Making the SVG interactive with hover effects
13 Making the SVG interactive on mouse click
[/spoiler]
[spoiler="Об авторе"]

Gary Simon has worked exclusively as a freelance designer and design instructor for over 15 years. Having worked with a large clientele on many identity and web design projects, Gary has a solid understanding of many technologies and skills surrounding the design and development industry.
[/spoiler]
Файлы примеров: присутствуют
Формат видео: MP4
Видео: AVC, 1280x720, 16:9, 15fps, 904kbps
Аудио: AAC, 32kHz, 55.1kbps, stereo
[spoiler="Скриншоты"]

[/spoiler]