Адаптивная верстка сайта за 10 минут. Отзывчивый сайт HTML CSS

Рет қаралды 74,482

5 жыл бұрын

Чем отличается Отзывчивый сайт от Адаптивного? Как создаются сайты, которые работают на компьютерах, телефонах и планшетах? В этом уроке вы разберемся с принципами построения и создания адаптивности сайта.
Исходные файлы: yadi.sk/d/yclB4zIFOTACQw
----------------------------------------------
Подписывайся на группы в социальных сетях:
Вконтакте webdevcourse
Telegram t.me/WebdevCourse
----------------------------------------------
Понравилось видео?
Подпишись 🤙
Поставь лайк 👍
Оставь комментарий 💬
И жди следующего урока)
Если тебе надоело смотреть бесполезные курсы, которые не дают практических знаний. Хочешь стать полноценным Fullstack разработчиком в 2018 года - верстать сайты, создавать веб приложения и писать сервер? Делюсь собственным 5 летним опытов в программировании.
Теги
#адаптивная_верстка_сайта #адаптивный_сайт #bootstrap #cssgrid #flexbox #как_создать_сайт_за_час #как_создать_сайт #создание_сайта #html #css #html5 #css3 #js #javascript

Пікірлер: 52

@tanya_brut Жыл бұрын

Спасибо за видео! Чётко, быстро и по существу 👍

@andreykarolik7455 Жыл бұрын

Спасибо огромное за такой подробный разбор кода на конкретном примере. Снимай еще подобные видео, у тебя отлично получается!

@sharker1969 3 жыл бұрын

Красавчик, отдельное спасибо за исходники ☺

@mushnikov35 5 жыл бұрын

Все круто когда просто блоки крутишь туда сюда )) а вот если там контент то тут уже проблема ))

@mushnikov35 5 жыл бұрын

@@vladislavgriga1903 это точно ) сам намучался не давно с лендосом, вроде простой, но на мобильных дизайнер угарнул )) спасли order во флексах )

@makcimryzhyj-kz8hj 5 ай бұрын

где можно хорошо понять эту тему?

@egorlis7057 Жыл бұрын

Боже, дякую!!!!!!!!!!!!!!!! Я подивився близько 5 відео, але тільки у вас я зрозумів. Велике дякую!

@vladislavfreedom4267 3 жыл бұрын

Весь день искал что-то подобное) спасибо)

@user-bb3hu6cz2f 2 жыл бұрын

Искал именно это видео, большое вам спасибо ✊🏻

@yanka-ya Жыл бұрын

Боже, спасибо тебе, добрый человек, ты лучший ❤

@andreisushyi2763 5 жыл бұрын

хорошая подача материала

@user-ox2cf4rk6l Жыл бұрын

все четко и понятно! спасибо

@luxarmiger5729 3 жыл бұрын

Отлично, спасибо!

@igormaksymiv113 Жыл бұрын

Спасибо тебе, от души)

@xo_vallee Жыл бұрын

будь здоров, респект те!

@gerompauel 2 жыл бұрын

Спасибо. Доходчиво

@missisipi9992 Жыл бұрын

Пасибо, опробуем)

@Alim0408 10 ай бұрын

Огромная благодарность

@Forksti 6 ай бұрын

Спасибо большое!

@user-zd5ee 4 жыл бұрын

Достойный канал!

@vladislavgriga1903 4 жыл бұрын

Спасибо!)

@emilhuseyn6158 Жыл бұрын

Отлично. А можно тоже самое, только без медиа запросов, с использованием CSS grid и инструментов auto-fill, auto-fit, minmax?

@daryaneznanova9964 3 жыл бұрын

спасибо👍

@boulettedepate1787 5 жыл бұрын

Урок отличный. скажи, какие программы ты используешь для кодинга и наглядного примера игры с масштабом?

@mekanmekanovich Жыл бұрын

спасибо большое!

@prokolhoz6898 2 жыл бұрын

@deggefgewfgb3068 Жыл бұрын

Классное видео.Какой браузер установлен?

@useruseroff6605 2 жыл бұрын

Спасибо!

@andreykarolik7455 Жыл бұрын

Получается для блока service 50%, но указываешь 45%, чтобы был отступ между блоками? А как сделать, чтобы выравнивание по ширине блоков service и proj относительно друг друга было одинаково или такое не требуется? Просто они гуляют относительно друг друга по вертикали всего сайта. Спасибо.

@user-ky4vq5jm5u Жыл бұрын

У тебя отличные видио, жалко что бросил.

@thecatwrites9731 3 жыл бұрын

это актуально ? если да то очень крутой парень! тебя можно смотреть на скорости х2 и все доступно

@Leoboy400 3 жыл бұрын

Относительно, сейчас уже во всю используют grid и flex

@51procenjoyer20 Жыл бұрын

ты попробуй так с рабочим сайтом сделать и начнет возникать много проблем с которыми придется как то бороться

@init1514 4 жыл бұрын

Почему вы для всего используете class? Не лучше ли для отдельных элементов использовать id, а для групп class? Не совсем это понимаю, объясните пожалуйста. Спасибо)

@init1514 4 жыл бұрын

@@vladislavgriga1903 спасибо за ответ, обязательно почитаю

@petraceig1329 4 жыл бұрын

Сейчас id практически нигде не используют

@artyomsultanov5204 Жыл бұрын

class используют для стилизации, id для логики на js

@LuNa-om8ci 2 ай бұрын

Можливо хтось мені допоможе. Завжди було цікаво яку max- width завжди потрібно обирати для планшетів і телефонів? Бо коли я роблю, так у мене дуже багато визодить цих медіа. Яка мінімальна для телефона? Бо наприклад на 500 все ок, а на 430 вже ні. Підганяю під 430, на 300 уже знов фейл.Мені також ставити брейки?

@Nikitosss91 5 жыл бұрын

Запиши видос как заставить node.js компилировать less в css. Делаю всё по инструкции и никак не получается..

@Nikitosss91 5 жыл бұрын

@@vladislavgriga1903 вот я и пытаюсь галп победить, только для лесс. Пока не выходит, хотя , естественно, делаю всё как в Гугле..

@BARAHOLKA. 2 жыл бұрын

*"Исходные файлы"* Для жителей Украины к сжалению доступ к исходникам закрыт - некоторые негодяи закрыли доступ к Яндексу. Может зальёте на какой другой файлообменник?

@user-bj5lb7kf1c 2 жыл бұрын

5:46 Когда brazzers заказали рекламу у человека снимающего ролики про создание сайтов и он, чтобы не отпугнуть зрителей, втихую ее вставляет.

@hakeeeem 2 жыл бұрын

у меня одного нихера не работает?

@dogvscatfunny9956 Жыл бұрын

Как всегда у авторов всё работает, у меня лично на сайте это не работает,

@deeeze4140 Жыл бұрын

Все работает, просто у тебя где то ошибка в коде. Лично у меня все работает

@dogvscatfunny9956 Жыл бұрын

@@deeeze4140 конечно, только где, понять сложно из этого урока.

@vasogagnidze3325 Жыл бұрын

@@dogvscatfunny9956 media запросы должны быть прописаны в конце ваших css стилей

@51procenjoyer20 Жыл бұрын

@@dogvscatfunny9956 ну так автор видео наверное не может посмотреть на 4 года вперед в твой код и сказать, что конкретно не так. сиди и разбирайся, html это костыльное говнище, но зато везде ценятся люди которые могут разобраться с чем то без покупки курса «Верстальщик за неделю»