Обучающие видео » Компьютерные видеоуроки и обучающие интерактивные DVD » Web-дизайн
Understanding Responsive ImagesГод выпуска: 2015
Производитель: Tuts+
Сайт производителя: tutsplus.com
Автор: Adi Purdila
Продолжительность: 1:18
Тип раздаваемого материала: Видеоклипы
Язык: Английский
Описание: We all want our images to display at the best possible quality, with optimal file size, on different devices, but achieving that is easier said than done. There are many different techniques for making images responsive, but some of them have serious downsides, such as limited browser support. In this course you’ll learn everything you need to know to get started with responsive images. We’ll cover what they are and how they relate to responsive web design, and we’ll also discuss best practices.
Ади Пурдила рассказывает об адаптивных картинках для сайтов.
[spoiler="Содержание"]
1.
Hello!1.1 Welcome
1.2 Introduction to Responsive Web Design
2.
Working With Responsive Images2.1 Images in Web Design
2.2 The Classic Approach
2.3 Art Direction
2.4 Using CSS to Selectively Show Images
2.5 The Ideal Solution
3.
Existing Solutions3.1 Introducing the `srcset` and `sizes` Attributes
3.2 Using the Picture Element
3.3 Using Multiple Image Formats
3.4 The Downside: Browser Support
3.5 The Solution: a Polyfill
3.6 Other Solutions
3.7 Performance Considerations
4.
Conclusion4.1 Final Words
[/spoiler]
Файлы примеров: присутствуют
Формат видео: MP4
Видео: AVC, 1280x720, 16:9, 29.97fps, 1210kbps
Аудио: AAC, 44.1kHz, 237kbps, stereo
[spoiler="Скриншоты"]

[/spoiler]