Адаптивная верстка сайта за 10 минут. Отзывчивый сайт HTML CSS
HTML-код
- Опубликовано: 1 фев 2019
- Чем отличается Отзывчивый сайт от Адаптивного? Как создаются сайты, которые работают на компьютерах, телефонах и планшетах? В этом уроке вы разберемся с принципами построения и создания адаптивности сайта.
Исходные файлы: yadi.sk/d/yclB4zIFOTACQw
----------------------------------------------
Подписывайся на группы в социальных сетях:
Вконтакте webdevcourse
Telegram t.me/WebdevCourse
----------------------------------------------
Понравилось видео?
Подпишись 🤙
Поставь лайк 👍
Оставь комментарий 💬
И жди следующего урока)
Если тебе надоело смотреть бесполезные курсы, которые не дают практических знаний. Хочешь стать полноценным Fullstack разработчиком в 2018 года - верстать сайты, создавать веб приложения и писать сервер? Делюсь собственным 5 летним опытов в программировании.
Теги
#адаптивная_верстка_сайта #адаптивный_сайт #bootstrap #cssgrid #flexbox #как_создать_сайт_за_час #как_создать_сайт #создание_сайта #html #css #html5 #css3 #js #javascript
Все круто когда просто блоки крутишь туда сюда )) а вот если там контент то тут уже проблема ))
@@vladislavgriga1903 это точно ) сам намучался не давно с лендосом, вроде простой, но на мобильных дизайнер угарнул )) спасли order во флексах )
где можно хорошо понять эту тему?
Красавчик, отдельное спасибо за исходники ☺
Спасибо за видео! Чётко, быстро и по существу 👍
Весь день искал что-то подобное) спасибо)
Искал именно это видео, большое вам спасибо ✊🏻
Боже, дякую!!!!!!!!!!!!!!!!
Я подивився близько 5 відео, але тільки у вас я зрозумів.
Велике дякую!
Боже, спасибо тебе, добрый человек, ты лучший ❤
Спасибо огромное за такой подробный разбор кода на конкретном примере. Снимай еще подобные видео, у тебя отлично получается!
все четко и понятно! спасибо
Отлично, спасибо!
хорошая подача материала
Спасибо тебе, от души)
Спасибо. Доходчиво
Пасибо, опробуем)
Огромная благодарность
Спасибо большое!
будь здоров, респект те!
спасибо большое!
спасибо👍
Спасибо!
Урок отличный. скажи, какие программы ты используешь для кодинга и наглядного примера игры с масштабом?
Получается для блока service 50%, но указываешь 45%, чтобы был отступ между блоками? А как сделать, чтобы выравнивание по ширине блоков service и proj относительно друг друга было одинаково или такое не требуется? Просто они гуляют относительно друг друга по вертикали всего сайта. Спасибо.
Достойный канал!
Спасибо!)
Отлично. А можно тоже самое, только без медиа запросов, с использованием CSS grid и инструментов auto-fill, auto-fit, minmax?
У тебя отличные видио, жалко что бросил.
Классное видео.Какой браузер установлен?
Почему вы для всего используете class? Не лучше ли для отдельных элементов использовать id, а для групп class? Не совсем это понимаю, объясните пожалуйста. Спасибо)
@@vladislavgriga1903 спасибо за ответ, обязательно почитаю
Сейчас id практически нигде не используют
class используют для стилизации, id для логики на js
это актуально ? если да то очень крутой парень! тебя можно смотреть на скорости х2 и все доступно
Относительно, сейчас уже во всю используют grid и flex
ты попробуй так с рабочим сайтом сделать и начнет возникать много проблем с которыми придется как то бороться
Запиши видос как заставить node.js компилировать less в css. Делаю всё по инструкции и никак не получается..
@@vladislavgriga1903 вот я и пытаюсь галп победить, только для лесс. Пока не выходит, хотя , естественно, делаю всё как в Гугле..
Можливо хтось мені допоможе. Завжди було цікаво яку max- width завжди потрібно обирати для планшетів і телефонів? Бо коли я роблю, так у мене дуже багато визодить цих медіа. Яка мінімальна для телефона? Бо наприклад на 500 все ок, а на 430 вже ні. Підганяю під 430, на 300 уже знов фейл.Мені також ставити брейки?
*"Исходные файлы"*
Для жителей Украины к сжалению доступ к исходникам закрыт - некоторые негодяи закрыли доступ к Яндексу. Может зальёте на какой другой файлообменник?
у меня одного нихера не работает?
5:46 Когда brazzers заказали рекламу у человека снимающего ролики про создание сайтов и он, чтобы не отпугнуть зрителей, втихую ее вставляет.
Как всегда у авторов всё работает, у меня лично на сайте это не работает,
Все работает, просто у тебя где то ошибка в коде. Лично у меня все работает
@@deeeze4140 конечно, только где, понять сложно из этого урока.
@@dogvscatfunny9956 media запросы должны быть прописаны в конце ваших css стилей
@@dogvscatfunny9956 ну так автор видео наверное не может посмотреть на 4 года вперед в твой код и сказать, что конкретно не так. сиди и разбирайся, html это костыльное говнище, но зато везде ценятся люди которые могут разобраться с чем то без покупки курса «Верстальщик за неделю»
8:13 "ширину в 23%, т.е. 1/4 от ширины экрана" 😆 1/4 это 25%, но все поняли о чем речь.
А отступы?
а паддинг и марджин кто учитывать будет?
Спасибо!