Тёмный

Как сделать адаптивную CSS сетку с нуля, Видео курс по CSS, Урок 34 

ITDoctor
Подписаться 69 тыс.
Просмотров 7 тыс.
50% 1

Я покажу как сделать адаптивную CSS сетку с нуля своими силами. Вы узнаете принципы создания адаптивных сеток на CSS. В этом уроке мы сделаем сетку по типу Bootstrap, но намного проще. Адаптивная сетка на CSS делается достаточно просто.
Материалы к уроку Адаптивная сетка на CSS: drive.google.com/file/d/1i5Ge...
Эксклюзив на Boosty - boosty.to/itdoctor
Telegram канал - t.me/itdoctor_official
Курсы на Stepik - stepik.org/users/387773773/teach
Донаты:
1. ЮMoney - sobe.ru/na/itdoctor
2. VISA - 4274 3200 3233 1582
ВКонтакте - itdoctorstudio
Яндекс Дзен - zen.yandex.ru/id/5f994406f3d1...
Rutube - rutube.ru/channel/23500045/

Опубликовано:

 

21 июл 2021

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 35   
@ITDoctor
@ITDoctor 2 года назад
Курс по HTML+CSS: www.udemy.com/course/itdoctor_html_css/?referralCode=A2836649F9071CB3F903
@alexdenuke
@alexdenuke Год назад
Глоток воды в пустыне, именно это искал несколько дней !!!!
@ITDoctor
@ITDoctor Год назад
рад что было полезно
@tastebublik
@tastebublik Год назад
как же ты хорош, пару часов искал нормальное видео по сеткам без grid и нашел его на твоем канале
@user-kb4kd2vd7v
@user-kb4kd2vd7v 2 года назад
Очень хороший материал,спасибо!! 👍👍👍
@user-ke5fn6sm8u
@user-ke5fn6sm8u Год назад
Ты нереально крутой чувак. Я не мог понять как работает сетка. Вот учил по видосам, вроде запомнил как сделать, а как работает не понимал. После твоего видоса, дошло. Реально считаю что ты крутой мужик.
@ITDoctor
@ITDoctor Год назад
Спасибо, очень рад слышать!
@oldplayer9122
@oldplayer9122 2 года назад
то что нужно, спасибо
@unitydeveloper265
@unitydeveloper265 2 года назад
Отличный материал, благодарю!
@user-po2nd7ok5f
@user-po2nd7ok5f 2 года назад
Спасибо за полезную информацию
@user-uc4gz3ud9w
@user-uc4gz3ud9w 2 года назад
Все гениально и просто! Благодарю!
@ITDoctor
@ITDoctor 2 года назад
Спасибо
@yanbelov8319
@yanbelov8319 Год назад
Спасибо вам огромное. Я сам писал фреймворки свои и даже забыл что можно взять сетку бутсрапа. Огромный шаг для меня ! Спасибо
@ITDoctor
@ITDoctor Год назад
Пожалуйста!
@marhunter1698
@marhunter1698 7 месяцев назад
Балин, точно есть же col и row у бутстрапа
@user-bu4ne2rz9c
@user-bu4ne2rz9c Год назад
Дай бог тебе здоровья ты лучший!!!
@ITDoctor
@ITDoctor Год назад
спасибо.
@tinatriboi6799
@tinatriboi6799 2 года назад
Супер! Спасибо)
@ITDoctor
@ITDoctor 2 года назад
пожалуйста
@tinatriboi6799
@tinatriboi6799 2 года назад
Исмаил, отдельное спасибо за СУПЕР КУРС по JS. Я его ещё не закончила, но уже могу сказать, что он действительно супер!)
@ITDoctor
@ITDoctor 2 года назад
@@tinatriboi6799 рад что нравится. И надеюсь что полезно. Все таки над ним я много работал и думаю не зря
@marpusik1277
@marpusik1277 2 года назад
Пасиба!
@ITDoctor
@ITDoctor 2 года назад
Пожалуйста
@galandec2000
@galandec2000 2 года назад
Спасибо! Тоже недавно делал себе такую сетку, очень полезная штука. Возьму вашу, если вы не против и чуть модифицирую под себя. Вы не против если поделюсь вашим видео, в своей группе в ВК? Я там скидываю самые интересные решения, которые практический всегда нужны под рукой.)) Сразу делал для себя, потом ребята попросили делиться, решил сделать для всех.)))
@ITDoctor
@ITDoctor 2 года назад
Пожалуйста. Все в свободном доступе
@galandec2000
@galandec2000 2 года назад
я тут впечатлился видео, и написал себе мини модуль. суть проста, просто подключаю js файл модуля к проекту (который верстаю), появляется вверху кнопка маленькая (может сделаю вызов по сочетанию кнопок), нажимаю на ее, появляется меню, включается сетка поверх моей верстки, можно поменять цвет направляющих, сделать их более прозрачными, при перезагрузке страницы, не слетает настройка. хз нафига оно мне надо, ну так, чисто по приколу слепил. можете сказать есть тип плагины... ну вы видать еще не сталкивались с проблемами, когда ты работаешь а тебе с консоль плагины ошибки сыплют, или ломают что... и ты не понимаешь откуда ошибки...))))
@zakharko7720
@zakharko7720 2 года назад
Добрый день! Спасибо за простое и доступное изложение интересного материала. Вопрос. Chrome. Не срабатывали все, кроме первого, медиазапросы до момента добавления в html метатега (нарыл на stackoverflow) А в чем суть? Почему метатег так влияиет?
@ITDoctor
@ITDoctor 2 года назад
он говорит браузеру что сайт не нужно показывать так как он на ПК (то есть с прокрутками по горизонтали) а нужно его масштабировать. и так делается адаптив, медиа запросы и все работает.
@silverlr3130
@silverlr3130 4 месяца назад
Искал медь, а нашел золото!
@ITDoctor
@ITDoctor 4 месяца назад
Спасибо большое. Рад что вы оценили! Возможно вам будет полезен и интересен вот этот материал boosty.to/itdoctor/posts/abe1df30-7ede-4581-a3a2-dda5015f6674?share=post_link
@VB-dm6ps
@VB-dm6ps 2 года назад
Привет, а можно обеденить css и media в один файл, убрать всю лишнюю инфу типа цвета и тд, и подгружать после основного css файла который будет пусто, а по той будет идти твой где прописано про очистку отступы и медиа запросы?
@ITDoctor
@ITDoctor 2 года назад
можно по разному. нет каких то строгих правил. главное соблюдать приоритет стилей
@amelianceskymusic
@amelianceskymusic Год назад
Макет от дизайнера в Фотошопе в 2022 году? Что это за дизайнер такой?🤔
@ITDoctor
@ITDoctor Год назад
Видео 2021 года
@amelianceskymusic
@amelianceskymusic Год назад
@@ITDoctor Для 2021 тоже актуально=)))
Далее
надувательство чистой воды
00:28
CSS Flexbox. Полный курс
59:57
Просмотров 159 тыс.
CSS3 #22 Медиазапросы (Media queries)
8:19