[James Williamson] Применение отзывчивого дизайна - Адаптивная вёрстка на практике!
Рекомендации
![[Михалевич Сергей] Как создать One Page Scroll сайт? Пошаговые видеоуроки](https://i3.storeland.net/2/8204/182033227/baec64/mihalevich-sergej-kak-sozdat-one-page-scroll-sajt-poshagovye-videouroki.png "[Михалевич Сергей] Как создать One Page Scroll сайт? Пошаговые видеоуроки")
![[Михаил Русаков] Заработок на создании сайтов под заказ (2015)](https://i3.storeland.net/2/8204/182033226/baec64/mihail-rusakov-zarabotok-na-sozdanii-sajtov-pod-zakaz-2015.png "[Михаил Русаков] Заработок на создании сайтов под заказ (2015)")
![[Михаил Русаков] Видеокурс WordPress 4. Пример создания блога (2015)](https://i2.storeland.net/2/8204/182033225/baec64/mihail-rusakov-videokurs-wordpress-4-primer-sozdaniya-bloga-2015.png "[Михаил Русаков] Видеокурс WordPress 4. Пример создания блога (2015)")
![[Михаил Русаков] Верстаем сайты в 2 раза быстрее с помощью SASS](https://i4.storeland.net/2/8204/182033224/baec64/mihail-rusakov-verstaem-sajty-v-2-raza-bystree-s-pomoshhyu-sass.png "[Михаил Русаков] Верстаем сайты в 2 раза быстрее с помощью SASS")
![[Михаил Русаков] Создание и раскрутка сайта от А до Я](https://i3.storeland.net/2/8204/182033223/baec64/mihail-rusakov-sozdanie-i-raskrutka-sajta-ot-a-do-ya.png "[Михаил Русаков] Создание и раскрутка сайта от А до Я")
![[Михаил Русаков] Создание и продвижение лендинга под ключ](https://i3.storeland.net/2/8204/182033221/baec64/mihail-rusakov-sozdanie-i-prodvizhenie-lendinga-pod-klyuch.png "[Михаил Русаков] Создание и продвижение лендинга под ключ")
![[Михаил Русаков] Создание гостевой книги без MySQL](https://i1.storeland.net/2/8204/182033220/baec64/mihail-rusakov-sozdanie-gostevoj-knigi-bez-mysql.png "[Михаил Русаков] Создание гостевой книги без MySQL")
![[Михаил Русаков] Hовый Видеокурс WоrdPrеss 4: Пpимep сoздaния блoгa](https://i4.storeland.net/2/8204/182033219/baec64/mihail-rusakov-hovyj-videokurs-wordpress-4-ppimep-sozdaniya-bloga.png "[Михаил Русаков] Hовый Видеокурс WоrdPrеss 4: Пpимep сoздaния блoгa")
![[Михаил Русаков] Фреймворк Yii 2.0 с нуля. Пример создания сайта](https://i2.storeland.net/2/8204/182033218/baec64/mihail-rusakov-frejmvork-yii-2-0-s-nulya-primer-sozdaniya-sajta.png "[Михаил Русаков] Фреймворк Yii 2.0 с нуля. Пример создания сайта")
![[Михаил Преснецов] Создание и настройка сайтов. Видеокурс (2017)](https://i1.storeland.net/2/8204/182033217/baec64/mihail-presnecov-sozdanie-i-nastrojka-sajtov-videokurs-2017.png "[Михаил Преснецов] Создание и настройка сайтов. Видеокурс (2017)")
![[Михаил Преснецов] Секреты создания сайтов 2.0](https://i3.storeland.net/2/8204/182033215/baec64/mihail-presnecov-sekrety-sozdaniya-sajtov-2-0.png "[Михаил Преснецов] Секреты создания сайтов 2.0")
![[Михаил Преснецов] Онлайн школа на wordpress своими руками (2021)](https://i4.storeland.net/2/8204/182033213/baec64/mihail-presnecov-onlajn-shkola-na-wordpress-svoimi-rukami-2021.png "[Михаил Преснецов] Онлайн школа на wordpress своими руками (2021)")
![[Михаил Преснецов] МАСТЕР LP Pro 2](https://i2.storeland.net/2/8204/182033211/baec64/mihail-presnecov-master-lp-pro-2.png "[Михаил Преснецов] МАСТЕР LP Pro 2")
![[Михаил Преснецов] Мастер Landing Page 3.0 (2018)](https://i1.storeland.net/2/8204/182033210/baec64/mihail-presnecov-master-landing-page-3-0-2018.png "[Михаил Преснецов] Мастер Landing Page 3.0 (2018)")
![[Михаил Преснецов] Интернет магазин на wordpress своими руками (2021)](https://i4.storeland.net/2/8204/182033209/baec64/mihail-presnecov-internet-magazin-na-wordpress-svoimi-rukami-2021.png "[Михаил Преснецов] Интернет магазин на wordpress своими руками (2021)")
![[Михаил Непомнящий] Курс WordPress – Быстрый старт! (2019)](https://i3.storeland.net/2/8204/182033208/baec64/mihail-nepomnyashhij-kurs-wordpress-bystryj-start-2019.png "[Михаил Непомнящий] Курс WordPress – Быстрый старт! (2019)")
![[Михаил Гаврилов и Александр Козлов] Продвинутый курс по продвижению и монетизации сайтов](https://i1.storeland.net/2/8204/182033207/baec64/mihail-gavrilov-i-aleksandr-kozlov-prodvinutyj-kurs-po-prodvizheniyu-i-monetizacii-sajtov.png "[Михаил Гаврилов и Александр Козлов] Продвинутый курс по продвижению и монетизации сайтов")
![[Михаил Яремчук] Интернет-магазин за выходные](https://i4.storeland.net/2/8204/182033206/baec64/mihail-yaremchuk-internet-magazin-za-vyhodnye.png "[Михаил Яремчук] Интернет-магазин за выходные")
![[Max Listov] Технический специалист инфопродуктов 2.0 (2021)](https://i2.storeland.net/2/8204/182033205/baec64/max-listov-tehnicheskij-specialist-infoproduktov-2-0-2021.png "[Max Listov] Технический специалист инфопродуктов 2.0 (2021)")
![[Мария Деригина] Ферма доходных сайтов (2018)](https://i3.storeland.net/2/8204/182033204/baec64/mariya-derigina-ferma-dohodnyh-sajtov-2018.png "[Мария Деригина] Ферма доходных сайтов (2018)")
![[Макс Ширко] Tilda Start - курс по разработке сайтов на Тильде (2020)](https://i3.storeland.net/2/8204/182033203/baec64/maks-shirko-tilda-start-kurs-po-razrabotke-sajtov-na-tilde-2020.png "[Макс Ширко] Tilda Start - курс по разработке сайтов на Тильде (2020)")
![[Максим Зайцев] WordPress 4.3. Готовый блог за 72 часа](https://i3.storeland.net/2/8204/182033202/baec64/maksim-zajcev-wordpress-4-3-gotovyj-blog-za-72-chasa.png "[Максим Зайцев] WordPress 4.3. Готовый блог за 72 часа")
![[Максим Вельма] Клоновый Магистр! Заработок на создание сети сайтов клонов (2014)](https://i2.storeland.net/2/8204/182033201/baec64/maksim-velma-klonovyj-magistr-zarabotok-na-sozdanie-seti-sajtov-klonov-2014.png "[Максим Вельма] Клоновый Магистр! Заработок на создание сети сайтов клонов (2014)")
![[Максим Соколов] Создание сайтов для продажи физических товаров в Adobe Muse и Photoshop с системой E-autopay (2015)](https://i4.storeland.net/2/8204/182033200/baec64/maksim-sokolov-sozdanie-sajtov-dlya-prodazhi-fizicheskih-tovarov-v-adobe-muse-i-photoshop-s-sistemoj-e-autopay-2015.png "[Максим Соколов] Создание сайтов для продажи физических товаров в Adobe Muse и Photoshop с системой E-autopay (2015)")
![[Максим Соколов] Система управления сайтом сделанным в программе Adobe Muse](https://i2.storeland.net/2/8204/182033199/baec64/maksim-sokolov-sistema-upravleniya-sajtom-sdelannym-v-programme-adobe-muse.png "[Максим Соколов] Система управления сайтом сделанным в программе Adobe Muse")
![[Максим Соколов] Landing Page для физических товаров с системой приёма заказов e-autopay (2015)](https://i1.storeland.net/2/8204/182033198/baec64/maksim-sokolov-landing-page-dlya-fizicheskih-tovarov-s-sistemoj-prijoma-zakazov-e-autopay-2015.png "[Максим Соколов] Landing Page для физических товаров с системой приёма заказов e-autopay (2015)")
![[Максим Ширко] Практический курс по созданию сайтов на Tilda (2020)](https://i4.storeland.net/2/8204/182033197/baec64/maksim-shirko-prakticheskij-kurs-po-sozdaniyu-sajtov-na-tilda-2020.png "[Максим Ширко] Практический курс по созданию сайтов на Tilda (2020)")
![[Максим Маршал] Как создать 5 продаюших саи?тов (лэндингов) по недвижимости своими руками](https://i4.storeland.net/2/8204/182033196/baec64/maksim-marshal-kak-sozdat-5-prodayushih-sai-tov-lendingov-po-nedvizhimosti-svoimi-rukami.png "[Максим Маршал] Как создать 5 продаюших саи?тов (лэндингов) по недвижимости своими руками")
![[Максим Архипов] Open Server 5.3.0 (Базовый, Расширенный, Максимальный)](https://i4.storeland.net/2/8204/182033195/baec64/maksim-arhipov-open-server-5-3-0-bazovyj-rasshirennyj-maksimalnyj.png "[Максим Архипов] Open Server 5.3.0 (Базовый, Расширенный, Максимальный)")
![[LPACK] Создаём лендинги западного уровня при помощи шаблонов + как на этом заработать](https://i3.storeland.net/2/8204/182033194/baec64/lpack-sozdajom-lendingi-zapadnogo-urovnya-pri-pomoshhi-shablonov-kak-na-jetom-zarabotat.png "[LPACK] Создаём лендинги западного уровня при помощи шаблонов + как на этом заработать")
![[Loftschool] Верстка - быстрый старт (2020)](https://i3.storeland.net/2/8204/182033191/baec64/loftschool-verstka-bystryj-start-2020.png "[Loftschool] Верстка - быстрый старт (2020)")
![[Loftschool] Основы вёрстки](https://i1.storeland.net/2/8204/182033190/baec64/loftschool-osnovy-vorstki.png "[Loftschool] Основы вёрстки")
![[Loftschool] Комплексное обучение веб-разработке (2015)](https://i3.storeland.net/2/8204/182033189/baec64/loftschool-kompleksnoe-obuchenie-veb-razrabotke-2015.png "[Loftschool] Комплексное обучение веб-разработке (2015)")
![[Loftschool] CSS GRID [Владимир Сабанцев]](https://i3.storeland.net/2/8204/182033188/baec64/loftschool-css-grid-vladimir-sabancev.png "[Loftschool] CSS GRID [Владимир Сабанцев]")
![[Леонид Вельвет] Лендинг от Делай Деньги](https://i2.storeland.net/2/8204/182033187/baec64/leonid-velvet-lending-ot-delaj-dengi.png "[Леонид Вельвет] Лендинг от Делай Деньги")
![[Леонид Апполонов] Одностраничник за 1,5 часа](https://i4.storeland.net/2/8204/182033186/baec64/leonid-appolonov-odnostranichnik-za-1-5-chasa.png "[Леонид Апполонов] Одностраничник за 1,5 часа")
![[Лендинг] Малостраничник - Сауна](https://i2.storeland.net/2/8204/182033185/baec64/lending-malostranichnik-sauna.png "[Лендинг] Малостраничник - Сауна")
![[Лендинг] Купоны и аккаунты Яндекс.Директ](https://i4.storeland.net/2/8204/182033184/baec64/lending-kupony-i-akkaunty-yandeks-direkt.png "[Лендинг] Купоны и аккаунты Яндекс.Директ")
![[Lea Verou] CSS Secrets: Better Solutions to Everyday Web Design Problems 1st Edition](https://i4.storeland.net/2/8204/182033183/baec64/lea-verou-css-secrets-better-solutions-to-everyday-web-design-problems-1st-edition.png "[Lea Verou] CSS Secrets: Better Solutions to Everyday Web Design Problems 1st Edition")
![[Лаврик Дмитрий] Web Junior (2016)](https://i4.storeland.net/2/8204/182033181/baec64/lavrik-dmitrij-web-junior-2016.png "[Лаврик Дмитрий] Web Junior (2016)")
![[Landing Page] Лендинг за 1,5 часа Блиц курс (2021)](https://i4.storeland.net/2/8204/182033180/baec64/landing-page-lending-za-1-5-chasa-blic-kurs-2021.png "[Landing Page] Лендинг за 1,5 часа Блиц курс (2021)")
![[Lancernet] Видеокурс “Копирование лендингов”](https://i2.storeland.net/2/8204/182033179/baec64/lancernet-videokurs-kopirovanie-lendingov.png "[Lancernet] Видеокурс “Копирование лендингов”")
![[Lancernet] Обучение Копированию Лендингов (2018)](https://i4.storeland.net/2/8204/182033178/baec64/lancernet-obuchenie-kopirovaniyu-lendingov-2018.png "[Lancernet] Обучение Копированию Лендингов (2018)")
![[Куртеев, Ткачев] Joomla реактивное продвижение сайта (2016)](https://i3.storeland.net/2/8204/182033177/baec64/kurteev-tkachev-joomla-reaktivnoe-prodvizhenie-sajta-2016.png "[Куртеев, Ткачев] Joomla реактивное продвижение сайта (2016)")
![[Крючков Максим] Landing Page PRO Тайны конверсий (2013)](https://i3.storeland.net/2/8204/182033176/baec64/kryuchkov-maksim-landing-page-pro-tajny-konversij-2013.png "[Крючков Максим] Landing Page PRO Тайны конверсий (2013)")
![[Константин Горбунов] Пошаговый мастер-класс по созданию Landing Page](https://i4.storeland.net/2/8204/182033174/baec64/konstantin-gorbunov-poshagovyj-master-klass-po-sozdaniyu-landing-page.png "[Константин Горбунов] Пошаговый мастер-класс по созданию Landing Page")
![[Издательство 'Бизнес. 2 Пакета'] Бизнес-Пак «Свадебные Лендинги» (2015)](https://i3.storeland.net/2/8204/182033172/baec64/izdatelstvo-biznes-2-paketa-biznes-pak-svadebnye-lendingi-2015.png "[Издательство 'Бизнес. 2 Пакета'] Бизнес-Пак «Свадебные Лендинги» (2015)")
![[Иван Петриченко] WEB-разработчик 2019](https://i3.storeland.net/2/8204/182033170/baec64/ivan-petrichenko-web-razrabotchik-2019.png "[Иван Петриченко] WEB-разработчик 2019")
![[Иван Майоров] Обучающий курс по визуальному редактору кода webflow](https://i4.storeland.net/2/8204/182033169/baec64/ivan-majorov-obuchayushhij-kurs-po-vizualnomu-redaktoru-koda-webflow.png "[Иван Майоров] Обучающий курс по визуальному редактору кода webflow")
![[ir-tech] Appside - App Landing Page](https://i3.storeland.net/2/8204/182033168/baec64/ir-tech-appside-app-landing-page.png "[ir-tech] Appside - App Landing Page")
![[ipsfocus] Villain для IPS 4.3.x](https://i4.storeland.net/2/8204/182033167/baec64/ipsfocus-villain-dlya-ips-4-3-x.png "[ipsfocus] Villain для IPS 4.3.x")
![[ИПАП] Комплексный курс 'Веб-мастер' - HTML5, CSS3, PHP, MySQL, SEO](https://i1.storeland.net/2/8204/182033166/baec64/ipap-kompleksnyj-kurs-veb-master-html5-css3-php-mysql-seo.png "[ИПАП] Комплексный курс 'Веб-мастер' - HTML5, CSS3, PHP, MySQL, SEO")
![[InvisionCommunity] Sidebar Discord Server 1.2.2 - виджет Discord сервера для IPS 4](https://i1.storeland.net/2/8204/182033165/baec64/invisioncommunity-sidebar-discord-server-1-2-2-vidzhet-discord-servera-dlya-ips-4.png "[InvisionCommunity] Sidebar Discord Server 1.2.2 - виджет Discord сервера для IPS 4")
![[imsider] Продающий Landing Page (а не такой как у всех)](https://i2.storeland.net/2/8204/182033164/baec64/imsider-prodayushhij-landing-page-a-ne-takoj-kak-u-vseh.png "[imsider] Продающий Landing Page (а не такой как у всех)")
![[Илья Чигарев] Лендинг на WordPress (2019)](https://i2.storeland.net/2/8204/182033162/baec64/ilya-chigarev-lending-na-wordpress-2019.png "[Илья Чигарев] Лендинг на WordPress (2019)")
![[Илья Чигарев] Идеальный сайт на WordPress (2020)](https://i1.storeland.net/2/8204/182033161/baec64/ilya-chigarev-idealnyj-sajt-na-wordpress-2020.png "[Илья Чигарев] Идеальный сайт на WordPress (2020)")
![[Игорь Майоров] Франшиза 'Фабрика Видеокопирайтинга'](https://i2.storeland.net/2/8204/182033160/baec64/igor-majorov-franshiza-fabrika-videokopirajtinga.png "[Игорь Майоров] Франшиза 'Фабрика Видеокопирайтинга'")
![[Игорь Лохман] Качественный лендинг за час (2022)](https://i3.storeland.net/2/8204/182033159/baec64/igor-lohman-kachestvennyj-lending-za-chas-2022.png "[Игорь Лохман] Качественный лендинг за час (2022)")
![[html academy] Интенсивный онлайн?курс: Профессиональный HTML и CSS (2018)](https://i2.storeland.net/2/8204/182033158/baec64/html-academy-intensivnyj-onlajn-kurs-professionalnyj-html-i-css-2018.png "[html academy] Интенсивный онлайн?курс: Профессиональный HTML и CSS (2018)")
![[Hикoлaй Cпиряeв] Профессиональный Landing Page за вечер](https://i2.storeland.net/2/8204/182033157/baec64/hikolaj-cpiryaev-professionalnyj-landing-page-za-vecher.png "[Hикoлaй Cпиряeв] Профессиональный Landing Page за вечер")
Автор: James Williamson
Название: Применение отзывчивого дизайна - Адаптивная вёрстка на практике!
Продолжая концепции, представленные в курсе Основы отзывчивого дизайна, старший автор Джеймс Вильямсон продемонстрирует практическое применение отзывчивого дизайна, и покажет, как улучшить отображение вашего веб-сайта на различных устройствах. Сначала, вы узнаете, как планировать ваш дизайн и использовать достоинства медиа-запросов CSS, чтобы создать несколько макетов. Затем, сделаете, чтобы навигация вашего сайта отзывалась на изменения размеров экрана, с помощью CSS и jQuery, и научитесь делать эластичные изображения и видео. Плюс, узнаете, как воспользоваться такими преимуществами мобильных возможностей, как события прикосновений и формы HTML5, чтобы улучшить восприятие мобильных посетителей. Также Джеймс покажет, как эффективно управлять ресурсами и оптимизировать производительность вашего сайта.
Темы курса:
- Создание разметок
- Структурирование областей страницы
- Определение стилей по умолчанию и медиа-запросов
- Построение десктопного, планшетного и мобильного макетов
- Структурирование и стилизация меню
- Динамическая замена меню
- Создание отзывчивой галереи изображений
- Добавление телефонного функционала
- Тестирование отзывчивых сайтов
Подробнее:
Скачать: