Тёмный

CSS GRID ЗА 5 МИНУТ 

AlixHatsu
Подписаться 2,3 тыс.
Просмотров 1,6 тыс.
50% 1

CSS Grid является важной технологией для создания layout'ов на ряду с flexbox. В этом видео мы разберем все свойства, связанные с grid
Frontend Portal: t.me/+zQoSCDD4vfIxMjYy
Источники:
developer.mozilla.org/ru/docs...
habr.com/ru/companies/macloud...
Телеграм канал: t.me/alixhatsu
Поддержать автора донатом: www.donationalerts.com/r/alix...
Бусти: boosty.to/alixhatsu
⏱Таймкоды:
0:00 - Интро
0:14 - display и grid-template-columns
0:41 - fr
1:03 - grid-template-rows
1:08 - repeat()
1:20 - auto-fit
1:28 - minmax()
1:45 - auto-fill
1:55 - min-content
2:16 - max-content
2:29 - gap, column-gap и row-gap
2:47 - grid-column и grid-row
3:06 - span
3:20 - реклама
3:40 - justify-items, align-items, justify-content, align-content
4:13 - grid-template-ares
4:56 - grid-auto-rows и grid-auto-columns
5:24 - grid-auto-flow
5:38 - Аутро
🎵Музыка из видео:
Drake, 21 Savage - Spin Bout U
Drake, 21 Savage - On BS
21 Savage - American Dream
Playboi Carti - Backrooms
Drake, Playboi Carti - Pain 1993
#html #http #https #css #web #website #вебразработка #javascript #frontend #фронтенд #alixhatsu

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

 

20 май 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 24   
@alixhatsu
@alixhatsu 3 месяца назад
Забыл отметить свойство grid-template, которым можно сократить написание grid-template-areas grid-template-rows / grid-template-columns. Например: grid-template: "a a a" 40px "b c c" 40px "b c c" 40px / 1fr 1fr 1fr; А также свойство order, которым можно поменять порядок элементов. Ну, о нем я рассказывал где-то.
@sumrakk_
@sumrakk_ 3 месяца назад
Как приятно, что есть такие быстрые, бодрые и информативные видео! Помогают освежить память и дают примерное понятие того, на что способно то или иное свойство. А ещё с такой подачей трудно заскучать :). Желаю удачи в развитии канала!
@alixhatsu
@alixhatsu 3 месяца назад
сяб)
@the_annley
@the_annley 3 месяца назад
У меня есть единственная просьба: делать видео возможно не такими качественными, но по 10-20 минут по каждой темп. Т.е. более углублённые уроки) Буду рад за любой фидбек
@alixhatsu
@alixhatsu 3 месяца назад
я считаю что теории должно быть меньше чем практики. Мой зритель должен посмотреть 5-ти минутный видос по какой-то теме, и идти пробывать, щупать самому. Посмотрев даже какие-то подробные видео, но при этом ничего не написав сам ты ничему не научишься. к тому же мне нравится монтировать и запариваться почти над каждой секундой видео)
@hazyaeva-rofls
@hazyaeva-rofls 3 месяца назад
Как всегда имба бро
@loljpop
@loljpop 3 месяца назад
Лучший! Коротко и ясно
@tabrisel
@tabrisel 3 месяца назад
Чисто коммент для поднятия актива автору. Крутые короткие видосы, помогают вспомнить парочку свойств) Лайк!
@alixhatsu
@alixhatsu 3 месяца назад
пасиба)
@Luiming-
@Luiming- 3 месяца назад
Лови лайк префаером
@whiteltd5970
@whiteltd5970 3 месяца назад
Сними про адаптацию (как правильно ее делать) начиная от мобилок 350px до 4к мониторов - просто сложно понять специфичность в написании адаптива) Спасибо за видео, лайк есть!
@streetone8625
@streetone8625 3 месяца назад
Посмотрю вечером, лайк авансом
@Filfan_Movies
@Filfan_Movies 2 месяца назад
Спс пригодился мне
@foxdev2552
@foxdev2552 3 месяца назад
6 минут, круто))
@alixhatsu
@alixhatsu 3 месяца назад
рекорд на канале)
@mokrocyft
@mokrocyft 3 месяца назад
Имба
@user-oq2wp5ge6f
@user-oq2wp5ge6f 3 месяца назад
😇🤗👍
@d21421d
@d21421d 3 месяца назад
Эх как же мне в данный момент сложно , про padding,margin,display,grid, ит.д Целый месяц учил html, css все теги выучил , все свойства. Как начал делать свой первый сайт, даже понятия не имею как их правильно использовать. Также повторял все по туториал верстки сайтов, вроде понимал про padding,margin,display и т.д. Но как начинал делать свой сайт, все также. Видать это для меня самое сложное в восприятии информации. Это видео я тоже не с первого раза понял и не факт сделаю в практике
@user-ix4cm7ch5z
@user-ix4cm7ch5z 3 месяца назад
Серьезно теги учить ? Бредовая затея ,гуглишь и юзаешь ,в итоге со временем запоминаешь .С таким подходом годами будешь учиться
@alixhatsu
@alixhatsu 3 месяца назад
планирую в будущем снимать или даже стримить полноценную верстку макетов. Ты когда верстаешь гугли или спрашивай у чат-гпт как реализовать определенную фичу. Так можно большему научиться)
@d21421d
@d21421d 3 месяца назад
@@alixhatsu пробую с ии, иногда я не могу правильно описать что я хочу, в итоге то что он написал, вообще не то.
@alixhatsu
@alixhatsu 3 месяца назад
@@d21421d умение правильно гуглить или задавать промпты тоже ценный навык. Его нужно развивать
@d21421d
@d21421d 3 месяца назад
@@user-ix4cm7ch5z так я и гуглом все учил и юзал . Одно дело когда юзаешь для своего проекта ,а другое когда повторяешь за автором. Но за то, я знаю какие раньше теги использовали и щас они не актуальны.Заметил что в некоторых уроках по Ютуба, авторы обучают по старым тегам, которые не актуальны. Хотя думаю это правильно .Проблема именно у меня с расположением блоков и с отступами и т.д . Хотя я их и выучил. Но использовать пока не научился
Далее
АДАПТИВНАЯ ВЕРСТКА ЗА 5 МИНУТ
6:04
world's shortest CSS course
6:06
Просмотров 1,2 тыс.
CSS Grid - Полное руководство
38:21
Просмотров 343 тыс.