1. Новые складчины: Показать еще

    25.07.2017: Настольный тенис

    25.07.2017: SUNBRILLIANT VIDEO.Видео бомбардировка сознания

    25.07.2017: [AST production] Я Концепция. Обретение целостности

    25.07.2017: Фреймворк Laravel (Дмитрий Юрьев)

    25.07.2017: Раскрути Юлу на деньги (Владимир Белозеров)

  2. Нужен организатор: Показать еще

    25.07.2017: Мощная прокачка всех сфер жизни через предназначение (Мара Боронина)

    25.07.2017: БЕТОН от Prognoz.ninja - 100%ный прогноз!!!

    24.07.2017: 1-я ступень ШК (new)

    24.07.2017: Математика (Любовь Вайткене)

    24.07.2017: География (Людмила Прокопович)

  3. Сбор взносов Показать еще

    25.07.2017: 31+ мастер-класс, как создать свой интернет-магазин на woocommerce (Анфиса Бреус)

    24.07.2017: Системный навык продвижения любых сайтов за 9 недель (Дмитрий Шахов)

    24.07.2017: 15 лет РМЭС праздничный марафон мастер-классов (Денис Шальнов, Петр Кузнецов)

    22.07.2017: Копирайтинг для коучей и тренеров (Егор Булыгин)

    22.07.2017: Идеальное свидание. Первый шаг в счастливые отношения (Юлия Ланске)

Запись

Практика верстки под мобильные устройства

Тема в разделе "Курсы по программированию", создана пользователем Telegram, 31 янв 2015.

Цена:
4870 руб
Взнос:
54 руб
Организатор:
Требуется
Участников:
0/100

Список пока что пуст. Запишитесь первым!

Записаться
    Тип: Стандартная складчина
    1. Telegram
      Telegram Организатор складчин

      Практика верстки под мобильные устройства

      Практика верстки под мобильные устройства
      [​IMG]
      Содержание видеокурса «Практика верстки под мобильные устройства»:

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

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

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

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

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

      Изучив предыдущие два блока курса, вы уже сможете с легкостью адаптивно верстать макеты различной сложности. Но есть некоторые специфические техники и приемы, которые не рассматривались при верстке макетов APPIX и CREATIVE+. И поскольку они достаточно часто встречаются при верстке сайтов, вы их рассмотрите отдельно в данном блоке курса. В третьей части курса вы улучшите и дополните созданные вами верстки. Рассмотрите дополнительные техники и приемы адаптивной верстки, которые могут пригодиться в будущем.
      Как заставить работать вашу верстку в старых версиях IE и стоит ли это делать
      Как установить галерею изображений и сделать ее адаптивной
      Как установить видео и сделать его адаптивным
      Как адаптивно работать с формами и почему это важно
      Как адаптировать громоздкое меню под маленькие экраны

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

      Практика верстки под мобильные устройства
      Автор: Андрей Бернацкий
       
      Telegram, 31 янв 2015
Участники складчины Практика верстки под мобильные устройства смогут написать отзыв
Наверх