CSS Grid. Годное Руководство.
HTML-код
- Опубликовано: 27 авг 2024
- Лучший WordPress Шаблон - 1.envato.marke...
↓↓↓
Уроки по Веб Разработке - geniuscourses....
CSS Grid. Годное Руководство.
Добавьте меня в друзья
/ sochirca
alexand...
/ sochirca.alexandr
/ alexandr-sochirca-1669...
Шаблоны от Александра Сокирки
aletheme.com/
/ aletheme_agency
aletheme
/ alethemes
Курсы от Александра Сокирки
geniuscourses....
geniusc...
Быть Программистом
bedevel...
t.me/bedev
*Понравилось видео? Поддержки автора на **boosty.to/bedev** и получи уникальные закрытые курсы с практикой и поддержкой автора. (Описание ништяков для подписчиков в этом видео - **ruclips.net/video/qLrK8-NrQ9E/видео.html** )*
Спасибо, ты единственный кто помог правильно уложить в голову работу с areas. И работу с media. Другие , а мол и так понятно.
Дякую за доступне роз'яснення !
Просто офигенное руководство. Кратко, четко, по делу и без соплей. Спасибо большое
Лучшее руководство на ютубе. Спасибо.
Очень понятно объясняете! Спасибо!)
Отлично показаны возможности технологии grid и вариации компоновки. Спасибо!
контент подъехал годный
Я фрилансер благодаря видео с этого канала. Давно смотрю.
Спасибо за ваши мысли и то что вы делитесь с нами. я уже несколько лет на фрилансе, спасибо урокам с канала.
Спасибо, помог вспомнить Grid!
Отлично! Без воды, все по существу, все наглядно и понятно! Спасибо!
Крутыш! Всё по полочкам и без всякой пурги!!!! Благодарю!!!!
Спасибо!!!👍👍👍
Классное видео 👍
Спасибо! Храни Вас Господь!!!
ура видос
Спасибо материал подан прекрасно
Спасибо , теперь понял как он работает
Спасибо!)))
Ты просто чёртов маг!!!
Начало такое же как у других ютуб-учителей, а концовка очень интересная
Спасибо, Александр. Очень полезный урок
Годный видос 👍🏻
Блин, спасибо теперь я знаю, что мне делать
Отличный урок!Спасибо!
😉
Благодарю, это очень полезное видео
Реально гораздо удобнее работать с css grid! Спасибо за пояснения!
Спасибо!
Спасибо, отличный урок!
Просто спасибо
Огонь! Благодарствую!!
лайки редко ставлю, но тут не могу пройти мимо
Спасибо огромное! за инфу!
😉
Спасибо большое! Как всегда годнота 👍
Спасибо, очень доходчиво!
Очень хорошо, объяснил) Спасибо за видео.
Спасибо
замечательно
Отличный урок, спасибо!
Спасибо, теперь я взломаю пентагон!!!
Все отлично! Но нужно было упомянуть об кроссбраузерности.
спасибо
Спасибо, полезно...
Только посмотрел плэйлист по фрилансу.
Спасибо за полезное видео!
Спасибо. А то всю голову сломал, как выровнять контент.
Не смотрев пока ролик ставлю лайк
Спасибо за хороший урок) Неплохо было бы записать вёрстку макета на гридах, было бы тоже очень интересно
как будет 500 лайков залью это на канал.
зашло на изи, красава
Привет, сделай пожалуйста ролик про MySQL для python
Класс, спасибо!
Спасибо очень помогло)
Спасибо большое
Спасибо!!!
😉
Merci
Спасибо за прекрасный видео урок. Вы показали, как выравнивать ячейку относительно сетки. А как выравнивать контент внутри самой ячейки?
автор, жги ещё))
Лучший
29:40 без медиа запросов как-то же можно переносить на новую строку области? Типа как wrap во флексах
Я 500й. Просто красаучик. Ждемсь версточку
Спасибо!)
😉
годнота
Однозначно лайк
Это все хорошо, конечно, и видео хорошее, только гридам до продакшена очень далеко)
Разве что работать с заказчиком, который не требует поддержки любых ие (писать дичайшие костыли на 11 версии для гридов, что почти равноценно полному переписыванию верстки - это самоубийство, уж лучше флексы использовать) и оперы мини, которых очень мало).
Да и писать весь сайт на гридах - тоже так себе идея. Даже базовая разметка не нужна на них, с ней замечательно справляются флексы. Они нужны, разве что для реализации конченых идей, конченых дизайнеров, которые не понимают, что есть некоторые вещи, которые почти невозможно сверстать флотами/флексами в адаптивке и где как раз только гриды и могут помочь.
Не стоит людей в заблуждение вводить. Грид включают в себя опыт и ошибки в flexbox и является его потомком. Кроме IE, IE mobile, Opera Mini, Baidu Browser, которые не поддерживаются, гриды работают везде, а заказчикам которым нужна универсальная разметка надо грамотно объяснять что им всего то необходимо редиректить на современный браузер и все, все сэкономят деньги, нервы и время. А если вы идете на поводу у заказчика, то какой вы, простите, специалист? пруфы caniuse.com/#search=grid
Странно конечно вы рассуждаете, но я хоть только начинающий кодер, но помнится тоже самое писали при появлении флэксов)))) Больше шума было от динозавров которые сидели на флотах) Сейчас 90% выполняется на флексах. Ничего не напоминает?)
Кому нужны гриды, я делал для себя миксины. Работают в IE10-11 и других навигаторах.
codepen.io/coder_space/pen/gjZyeK
Спасибо за урок! Используете ли вы грид в проектах ? Или еще рано ?
понятно объясняешь)
28:50 а как футер прибить к низу?
Если вы используете препроцессор less, то " grid-column: 1 / 4; " не будет работать. Пишите так: grid-column: ~" 1 / 4 "
супер!
где можно скачать бесплатный CSS Grid?
Придется лайкнуть с 4-х аккаунтов
Какай я могу написать css класс, чтобы я мог добавить его к элементу, чтобы он стал высотой как 2 fr) (не указывая grid-row: start/end)
Давай что-то по элементору
повнимательнее к словам ;-) а то строки с колонками местами путаются)))
и в grid-column не позиции, а колонки, старт 1 и конец 3 колонка, всё понятно и без позиций каких-то там.
То чувства что ты просто играешь коддами😨
кул, познавательно
Давайте лайки
Привет, я недавно наткнулся на ваш канал, начал проходить курс по WP с нуля, скачал ваш framework сделал всё по инструкции но выбивает ошибку в файле написано в связи с обновлением рhp в 14 строке, написано что объект не может иметь такое же значение как и класс, помогите пожалуйста разобраться, ведь очень хочу выучить ВП но годных уроков не нашёл(кроме вашего) заранее спасибо).
По wp много инфы. Финты Wordpress в помощь.
😍😍😍😍😍😍😍😍😍😍😍
+
"501 лайков" :)))
Пж
Спасибо!
Спасибо
Спасибо, отличный урок!
Спасибо
Спасибо!
Спасибо