Адаптивная верстка сайтов. Общая теория и примеры
Привет! Этим видео я открываю мини-цикл по адаптивной верстке сайта. В нем мы рассмотрим, как верстать сайты адаптивно, а в этом видео важно разобраться с очень важными фундаментальными понятиями. Поэтому сегодня - про фиксированную, резиновую, адаптивную верстку, медиа-запросы, бутстрап, принципы адаптивности. В следующих видео будет про адаптивные изображения, адаптивное меню, верстка сайта на vw, а так же просто практика адаптивной верстки. Содержание: 00:00 - Вступление 00:26 - Для чего нам адаптивная верстка? 02:42 - Фиксированная верстка 04:50 - Резиновая верстка 06:40 - Адаптивная верстка 08:10 - Медиа-запросы 14:22 - Какие именно запросы использовать? 21:05 - Про бутстрап, нужен ли? 25:34 - Пара слов о mobile-first 27:42 - Принципы и фишки при адаптиве 33:40 - Заключение • Верстка сайта с нуля до выгрузки на хостин... - марафон верстки • Лучший слайдер для сайта на чистом JS! Под... - слайдер на мобильных устройствах • Как натянуть верстку на WordPress Часть 4 - про то, какие проблемы бывают с натяжкой на WordPress https://clck.ru/PbZCJ - исходники видео на GitHub Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка. Понравилось? https://clck.ru/Gr9Ec Моя страница вконтакте: http://vk.com/maxdenaro Мой блог: http://blog.maxgraph.ru Мой сайт: http://maxgraph.ru Канал в телеграм: https://teleg.run/maxgraph Чат для верстальщиков: https://teleg.run/maxgraph_chat #обучение #адаптивнаяверстка #бутстрап

Адаптивная верстка сайта с нуля для начинающих. Объяснение действий. HTML CSS

Делаем адаптивное меню для сайта

TOP 20 typical errors in website layout

😱 ТОП-6 ошибок при верстке адаптива сайта

How to Learn Python | Python Programming | Learn Python | Intellipaat

🔴 GOD SAYS: This Is the Moment I've Been Preparing You For 🙏

37 ошибок верстальщиков. Не делай так!

❌ Media queries are not needed if you write CSS like this

NextJS 15 Full Course 2025 | Become a NextJS Pro in 1.5 Hours

Vue 3 фундаментальный курс от А до Я

КАК УСТРОЕН TCP/IP?

Адаптивные изображения на сайте

Методология БЭМ за 17 минут. Пример верстки по БЭМ методологии // Фрилансер по жизни

React JS фундаментальный курс от А до Я

Responsive web design in 37 minutes + layout. You don’t need Bootstrap!

Верстка сайта - HTML, CSS, JS. Адаптив

AI Course for Developers – Build AI-Powered Apps with React

Верстка сайта для новичков HTML + CSS + JS (Макет Wishbone)

Адаптивная верстка сайта на HTML CSS

