Практика Верстки под Мобильные Устройства. Видеокурс (2013)

-Любые сайты (в т.ч. на движке WordPress) вы будете с легкостью делать адаптивными ко всем существующим устройствам.
-Будете профессионально делать верстку, которая адаптируется и хорошо смотрится не зависимо от разрешения устройства.
-Вы освоите работу с медиа-запросами, которая подробно будет рассмотрена на примере верстки макетов.
-Сможете виртуозно адаптировать изображения и галереи с сохранением отличного качества.
-Научитесь профессионально устанавливать собственное видео (или с YouTube, Vimeo и др.) без потери элементов управления.
-Освоите работу с 3-мя, 4-мя колонками контента, а также с 2-мя колонками, включающими в себя подколонки.
-Вы будете качественно работать с изображениями и видео-контентом в адаптивной верстке.
-Узнаете, как должны уменьшаться и располагаться блоки при просмотре верстки на различных устройствах: от широких — к узким.
-Вы научитесь правильно работать с широкими фоновыми изображениями в шапке сайта для мобильных устройств.
-Также научитесь делать меню и многоуровневые меню, адаптированные под сенсорные экраны.
-Вы будете правильно использовать инструменты тестирования адаптивной верстки.
-Узнаете, как адаптировать верстку под альбомную и портретную ориентацию мобильных устройств.
-Вы освоите все инструменты и сервисы для более быстрой и удобной верстки.
-И еще многое-многое другое…

Раздел 1. Верстка макета APPIX
-Как максимально эффективно исследовать PSD-макет сайта.
-Как определить подходящую разметку страницы.
-Как эффективно использовать медиа-запросы.
-Как адаптивно работать с изображениями.
-Как вместить широкое меню в узкий экран смартфона.
-Как эффективно использовать позиционирование для адаптивных сайтов.
-Узнаете тонкости поведения плавающих блоков и свойства float.
-Как использовать свойство float для адаптивных сайтов.
-Как определить и вырезать необходимые изображения.
-Как описать, казалось бы, табличную структуру блоками.
-Как выравнивать элементы для адаптивной верстки.
-Как эффективно задавать отступы для адаптивных сайтов.
-Как предусмотреть все возможные поведения сайта при его наполнении и избежать возможных проблем.
-Как предусмотреть и описать все возможные элементы, которые могут быть на сайте, но которых нет в макете.
-Как, используя firebug, найти нужные стили и изменить их.
-Как эффективно использовать псевдо-классы.
-Как скруглить углы для изображений, используя CSS 3.
-Как избежать схлопывания границ блока.

Раздел 2. Верстка макета CREATIVE+
-Как максимально эффективно исследовать PSD макет сайта.
-Как определить подходящую разметку страницы.
-Как эффективно использовать медиа запросы.
-Как адаптивно работать с изображениями.
-Как назначать широкие фоновые изображения для адаптивных сайтов.
-Как вместить широкое меню в узкий экран смартфона.
-Как эффективно использовать позиционирование для адаптивных сайтов.
-Узнаете тонкости поведения плавающих блоков и свойства float.
-Как использовать свойство float для адаптивных сайтов.
-Как определить и вырезать необходимые изображения.
-Как выравнивать элементы для адаптивной верстки.
-Как эффективно задавать отступы для адаптивных сайтов.
-Как предусмотреть все возможные поведения сайта при его наполнении и избежать возможных проблем.
-Как предусмотреть и описать все возможные элементы, которые могут быть на сайте, но которых нет в макете.
-Как, используя firebug, найти нужные стили и изменить их.

Раздел 3. Блок полезных уроков
-Как заставить работать вашу верстку в старых версиях IE и стоит ли это делать.
-Как установить галерею изображений и сделать ее адаптивной.
-Как установить видео и сделать его адаптивным.
-Как адаптивно работать с формами и почему это важно.
-Как адаптировать громоздкое меню под маленькие экраны.

Бонусы
Бонус 1. Премиум-курс по CSS 3
Бонус 2. Уроки по работе в программе Dreamweaver
Бонус 3. Сборник полезных инструментов веб-разработчика