Последние поступления

  • Бесплатный видеокурс
  • Видеокурс
  • Книга
  • Книга
  • Бесплатный видеокурс
  • Видеокурс

    Последние новости

    • Скидка 40%. Программирование на JavaScript с Нуля до Гуру 2.0. (Михаил Русаков)
    • Скидка на видеокурсы - Волшебные коллажи, 12 сказочных коллажей, Fatalism Start 2020, Fatalism Neon, Fatalism Art. (Фотошоп-мастер)
    • Скидка 60%. Клуб для веб-разработчиков от WebForMySelf

      Мы в сети

      VK
      FB

      Оформите подписку!

       Введите Ваш E-m@il и
      получайте свежие новости

      Видеокурс
      Бесплатный видеокурс "Основы адаптивной верстки сайт под мобильные" (Андрей Бернацкий - WebForMySelf)
      Бесплатный видео урок

      Рейтинг:

      Страница автора - Андрей Бернацкий - WebForMySelf

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

      Сегодня выходить в интернет и просматривать веб-страницы можно не только с компьютера, но и с планшета, электронной книги, смартфона и даже с помощью экрана, расположенного на двери холодильника. Насколько важно сегодня адаптировать свои сайты под различные устройства? Об этом поговорим в данном уроке. Рассмотрим список наиболее популярных разрешений, под которые следует адаптировать сайт.

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

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

      Содержание:
      • Урок 1. Введение

      Сегодня выходить в интернет и просматривать веб-страницы можно не только с компьютера, но и с планшета, электронной книги, смартфона и даже с помощью экрана, расположенного на двери холодильника. Насколько важно сегодня адаптировать свои сайты под различные устройства? Об этом поговорим в данном уроке. Рассмотрим список наиболее популярных разрешений, под которые следует адаптировать сайт.

      • Урок 2. Медиа-запросы

      В уроке мы подробно рассмотрим работу с медиазапросами. Медиазапросы предоставляют возможность выбора разных стилей в зависимости от возможностей пользовательского дисплея или устройства, таких как ширина области просмотра, разрешение экрана. Медиазапросы — это отличный инструментдля создания веб сайтов, оптимизированных для отображения на мобильных устройствах.

      • Урок 3. Адаптивные изображения

      Сегодня практически на каждой веб-странице присутствуют изображения. Но в условиях адаптивной верстки нам необходимо на больших экранах показывать изображение в их реальных размерах, а для маленьких экранов уменьшать размеры изображений. В уроке мы рассмотрим методы работы с изображениями в адаптивном дизайне.

      • Урок 4. Практический пример. Часть 1

      В данном уроке мы выполним практический пример верстки учебного макета несложной структуры. Создадим разметку оптимальную для дальнейшей адаптации под мобильные устройства.

      • Урок 5. Практический пример. Часть 2

      Во втором уроке по верстке учебного макета, мы добьемся красивого отображения макета на всех мобильных устройствах. Используя медиазапросы, мы адаптируем нашу верстку к планшетам и смартфонам. Улучшим верстку, чтобы она не зависела от "контрольных точек" в медиазапросах. Это будет гарантировать нам хорошее отображение верстки в различных устройствах, не зависимо от их разрешений.

      Бесплатный видеокурс "Основы адаптивной верстки сайт под мобильные" (Андрей Бернацкий - WebForMySelf)
      Страница курса - Основы адаптивной верстки сайт под мобильные. (Андрей Бернацкий - WebForMySelf)

      ПОПУЛЯРНЫЕ КНИГИ, КУРСЫ И ТРЕНИНГИ

      Видеокурс Видеокурс
      Видеокурс Видеокурс
      Видеокурс Бесплатный видеокурс
      Видеокурс Видеокурс
      Видеокурс Видео урок
      Видеокурс Видео урок

      БЕСПЛАТНОЕ ВИДЕО, МИНИ - КУРСЫ

      Промо ролики видеокурса Практика HTML5 и CSS3 с нуля до результата за вечер. (Андрей Бернацкий - WebForMySelf)
      Промо ролики видеокурса Основы оптимизации сайтов. (Андрей Бернацкий - Webformyself)
      Промо ролики видеокурса Основы адаптивной верстки сайт под мобильные . (Андрей Бернацкий - WebForMySelf)
      Промо ролики видеокурса Фреймворк Laravel. Теория и первая практика. ( Гавриленко Виктор, Андрей Бернацкий - Webformyself)
      Промо ролики видеокурса Секреты техники резиновой верстки сайта. (Андрей Бернацкий - WebForMySelf)
      Промо ролики видеокурса Создание сайта с нуля. (Андрей Бернацкий - Издательство Info-DVD)