Здесь нашел интересный обзор
Видео урок

Страница автора - Андрей Бернацкий
Страница автора
0.0/5 оценка (0 голосов)
Видео урок "Практика верстки сайта под мобильные устройства" (Андрей Бернацкий - WebForMySelf)

Автор: Андрей Бернацкий

Как создать сайта, который бы одинаково хорошо выглядел и идеально функционировал на всех типах устройств? Мы живем в такое время, когда настольная стационарная аппаратура уверенным и стремительным шагом переходит в планшеты и смартфоны. Время, когда даже ноутбуки смещаются на второй план… А значит, растет спрос на сайты под планшетные и мобильные устройства. ЧТО же лучше использовать — резиновый сайт или адаптивную верстку? РЕЗИНОВО-АДАПТИВНАЯ ВЕРСТКА — универсальный и самый оптимальный на сегодня вариант. 

Единый дизайн и верстка — и ваш сайт отлично смотрится на экране устройства любого вида и типа:

  • ВНЕ зависимости от разрешения экрана;
  • БЕЗ проблем с кроссбраузерностью, размерами и производительностью.

Смотреть видео:


Верстка сайт под мобильные устройства. Основы адаптивной верстки. Урок №3. Адаптивные изображения. (Андрей Бернацкий - WebForMySelf)

Содержание:

 

Раздел 1. Верстка макета APPIX

  • Введение. Постановка задачи
  • Исследуем макет
  • Разметка шапки сайта
  • Стили шапки сайта
  • Создаем меню
  • Верстаем область слогана
  • Устанавливаем основное изображение
  • Верстаем область услуг
  • Верстаем рекламный блок
  • HTML разметка нижнего блока
  • CSS нижнего блока
  • Верстаем footer
  • Дорабатываем footer
  • Адаптируем под планшет. Часть 1
  • Адаптируем под планшет. Часть 2
  • Адаптируем под планшет Часть 3
  • Адаптируем под смартфон. Часть 1
  • Адаптируем под смартфон. Часть 2
  • Адаптируем меню
  • Дополнительные материалы

Раздел 2. Верстка макета CREATIVE+

  • Введение
  • Разметка шапки сайта
  • Стили шапки сайта
  • Разметка области контент
  • HTML разметка постов
  • Стили CSS для постов
  • Верстаем pager
  • Верстаем блок виджетов
  • Верстаем блок последних постов
  • Устанавливаем баннер
  • Верстаем footer
  • Адаптируем под планшет. Часть 1
  • Адаптируем под планшет. Часть 2
  • Адаптируем под смартфон. Часть 1
  • Адаптируем под смартфон. Часть 2
  • Адаптируем меню
  • Тестируем верстку

Раздел 3. Блок полезных уроков

  • Адаптивность в IE 8
  • Адаптивное видео
  • Адаптивная галерея
  • Многоуровневое адаптивное меню
  • Работа с формами
  • Заключение
Страница курса - Практика верстки сайта под мобильные устройства. (Андрей Бернацкий - WebForMySelf)
Рейтинг@Mail.ru   Яндекс.Метрика
2671093515531984