Grid сетки в CSS. Часть 2

Рет қаралды 3,623

Жыл бұрын

Разбираемся с гридами в CSS с самого начала на простом примере. Верстаем вместе с display: grid; по-новому.
Часть 1: • Grid сетки в CSS. Часть 1
Часть 3: • Grid сетки в CSS. Часть 3
👁‍🗨 Телеграм канал: t.me/frontend_du2
👁‍🗨 Discord: / discord
👁‍🗨 VK: frontend_du2
👁‍🗨 Дзен: dzen.ru/frontend_it

Пікірлер: 71

@GexSanek Жыл бұрын

Очень интересно, познавательно, и что самое главное, доступно и просто! Спасибо. Обязательно продолжать. Александр, я обучаюсь на платформе Skillbox, и Ваши видео очень помогали мне как дополнительный материал! Прошел базовую верстку, сейчас учусь дальше, но Ваш канал продолжаю смотреть и повышать свой скилл. Огромное спасибо за гриды! Кстати, Вы куратор у моего брата! 😊 Реуса Егора!)

@alex_dudukalo Жыл бұрын

Спасибо вам за приятный отзыв и конечно за просмотр. Надеюсь следующие ролики будут так же полезными для вас ) Надеюсь Егора положительные отзывы о нашей работе с ним ?))

@GexSanek Жыл бұрын

@@alex_dudukalo даже не переживайте! Он доволен! 😊

@alex_dudukalo Жыл бұрын

@@GexSanek я спокоен))

@raisin8934 Ай бұрын

Комментарий для поддержки канала!! Спасибо Александру за доходчивое объяснение!!!! 👏👏👏👏👏

@risenshine1349 Жыл бұрын

спасибо большое за познавательный урок, гриды реально классные) жду следующие части. Про спрайты - да, надо)

@Drtt500_Lk 2 ай бұрын

Урок супер! Хотелось бы чтобы вышел урок про css переменные

@user-xo9th3rw9y 6 ай бұрын

Класс! Огромное спасибо за такие полезные видео! Как же с вами легко!❤

@alex_dudukalo 6 ай бұрын

Ваша поддержка очень вдохновляет ☺ спасибо за отзыв!))

@user-pn2yc4cb8q 4 ай бұрын

Соглашусь, хорошо материал подается. Спасибо.

@tuku_mann Жыл бұрын

Огонь! Очень полезный урок, гриды супер полезны

@Aleksei_Turlaykov Жыл бұрын

Спасибо, Александр, отличное видео!!👍👍👍

@user-hx8hk9hj5u 7 ай бұрын

Здравствуйте! Огромное спасибо вам за ваши видео! Самое понятное из всего, что я смотрела. Пожалуйста, продолжайте. Записывайте все видео, о которых в своих планах вы упоминали. Всё очень в тему и очень нужно. Очень приятно вас слушать: размеренный темп, доходчивое объяснение и просто как-то душевно :) Ещё хотелось бы вас попросить оставлять файлы, которые вы создаёте в течение видео. И все прилегающие к ним (svg, img - файлы и тд). Работаю параллельно с просмотром, было бы очень удобно заранее себе все скопировать и брать те же иконки, например, что и у вас!

@alex_dudukalo 7 ай бұрын

Здравствуйте, Мария. Спасибо большое за ваш приятный и полезный комментарий (я имею ввиду предложение с файлами) Не всегда получается быстрее ответить, но я очень стараюсь. Очень приятно было читать и улыбаюсь сейчас :)) Подарили настроение. Да, идея действительно хорошая. Я подумаю как лучше файлы прикрепить под видео. Возможно какой то диск использую для этого :)

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

Очень кратко и понятно! Как раз, как я люблю)))

@alex_dudukalo Жыл бұрын

Больше спасибо за ваш комментарий )

@RaR696 Жыл бұрын

Очень важная тема большое спасибо за видео

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

Спасибо было очень интересно и познавательно

@userDDR777 Жыл бұрын

Ну вот, на самом интересном месте! 😁Конечно продолжайте! Позиционирование сетки очень интересно! Еще интересно, как вплетать в сетку бургеры, аккардеоны и вообще возможно ли это

@alex_dudukalo Жыл бұрын

Скоро следующий ролик 😇спасибо, что поддерживаете )) будем делать разборы ))

@andreyfedyukin8360 Жыл бұрын

Очень ждем видео о svg спрайтах. Спасибо 👍

@andreyfedyukin8360 Жыл бұрын

Ждём продолжения!!! 😊

@nike-555 Жыл бұрын

Вот это нужная вещщщ. Спасибо!)

@kia3533 4 ай бұрын

СПАСИБО!!! Отличное видео!!!

@alex_dudukalo 4 ай бұрын

Большое спасибо вам :)

@user-xp5sk1sj7g 5 ай бұрын

Супер материал!

@alex_dudukalo 5 ай бұрын

Спасибо за ваш отзыв, очень приятно :)

@MaxFactor2022 Жыл бұрын

Спасибо за видео. Александр, запишите, пожалуйста, видео для 11го модуля js доработка списка студентов. Добавление кнопки удаления, сохранение и взаимодействие с сервером.

@nftnewsonline5908 Жыл бұрын

наконец-то2 часть... урааа

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

Александр, Спасибо большое! Почему я раньше не интересовалась гридами)!

@user-pl7jz8tc6d 8 ай бұрын

Все как всегда супер!!!!!

@alex_dudukalo 8 ай бұрын

Спасибо 🔥

@relaxdeepsleepmusic3608 Жыл бұрын

Как раз в тему, спасибо!

@GEKG 7 ай бұрын

Спасибо большое очень помог с проектом!

@alex_dudukalo 7 ай бұрын

Спасибо за ваш комментарий)) надеюсь и другие видео канала будут вам полезны 😊

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

спасибо все доступно как всегда

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

Спасибо, огромное.

@alex_dudukalo Жыл бұрын

И вам :)

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

ждем продолжение

@sekastrashes Жыл бұрын

👍

@user-xg5zz5gp9o 9 ай бұрын

Большое спасибо! Очень помогло

@alex_dudukalo 9 ай бұрын

Спасибо за отзыв 😊

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

Бро запиши роклик, что из JS надо знать начинающему верстальщику

@user-nf1oz1js1l 2 ай бұрын

На самом деле у гридов недооциненный потенциал, это мне чем-то напоминает вёрстку по бэму

@andreyfedyukin8360 Жыл бұрын

Спасибо 👍

@user-jq6tr6rr8v 7 ай бұрын

Спасибо огромное !

@alex_dudukalo 7 ай бұрын

Спасибо за отзыв🤗

@mariannaorlova1761 Жыл бұрын

Спасибо за видео! Все очень понятно объяснено! Одно замечание - можно ли прикладывать к видео если не все исходники, то хотя бы изображения? А то я полчаса потеряла, пытаясь найти три похожие иконки соцсетей, в итоге плюнула и взяла две, одну повторила два раза. И вопрос - что вы нажимаете в Visual Studio Code, что у вас появляется палитра цветов? У меня при нажатии на квадратик цвета ничего не происходит.

@alex_dudukalo Жыл бұрын

Здравствуйте, спасибо за комментарий и предложения :) Да, про ресурсы (икнки) не учел момент :) Кстати, рекомендую сохранить ссылку сервиса. Всегда полезно иметь под рукой. Здесь вы можете найти нужные иконки (запрос поиска вводить на английском языке) www.svgrepo.com Просто наводим на квадратик, немного ждем с и появляется палитра цвета. Нажимать квадратик сразу при наведении не требутеся. Наводим курсор на него и немного ждем :)

@GDev-xl4jw Жыл бұрын

Отлично.Flex хорош, но Grid превуалирует когда надо размещать много элементов табличного типа. Спасибо. P.s. Привет от SkillBox UPD. Надеюсь, если у вас будет желание, снимете видео про SCSS или PostCSS. Я бы посмотрел, а то внятного ничего не нашел на просторах

@Youmakes 7 ай бұрын

Спасибо за урок. вери юзфул

@alex_dudukalo 6 ай бұрын

Спасибо за ваш комментарий🤗

@TamaraNikolaevna 7 ай бұрын

Александр, спасибо! Непонятно, откуда появился синтаксис SVG «path» у иконок.

@alex_dudukalo 7 ай бұрын

Спасибо вам. path-это фигура в иконке. Здесь я рекомендую ознакомиться с темой SVG формат. Он очень удобен для создания иконок :)

@TamaraNikolaevna 7 ай бұрын

@@alex_dudukalo Спасибо, а можно ссылку на рекомендуемый материал.

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

Добрый день! Хотел уточнить, grid - это бурстрап-сетки просто адаптировали под разные браузеры или какая-то иная реализация?

@alex_dudukalo Жыл бұрын

Здравствуйте, не совсем. Грид в CSS - это новая методика позиционирования элементов. К бутстрапу отношения не имеет :) Но бутстрап версии 5 уже использует эту методику для своей работы)

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

Александр, у меня такой вопрос. А вы бы не могли сделать какой нибудь видос по самому популярному сборщик у, например WebPack, где б вы со всей скурпулезностью провели бы через этот процесс?

@GDev-xl4jw Жыл бұрын

Поддерживаю такую инициативу

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

по спрайтам обязательно нужно видео

@alex_dudukalo Жыл бұрын

Уже поставил в план :) Спасибо

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

давайте разберем все свойства) пишу после 3 урока)

@alex_dudukalo Жыл бұрын

)) Да, их там еще много ) Думаю еще буду рассказывать про гриды)

@RustemmKh 2 ай бұрын

Почему используете rgb, а не hex?

@sergeykhmelnitsky5307 3 ай бұрын

🤓🤓🤓

@krashovotv4437 5 ай бұрын

Жалко на это видео не было исходников(хотела начать повторять,но в css слишком много кода

@alex_dudukalo 5 ай бұрын

Здравствуйте, хорошее предложение. Начальной заготовки нет :( Но я выгрузил для вас готовое решение drive.google.com/drive/folders/1g9fN2ZbHS7yVGQk1xPT3wbgmE87UNo8_?usp=sharing

@krashovotv4437 5 ай бұрын

@@alex_dudukalo спасибо!

@georgegorelov4325 Ай бұрын

комментарий

@Youmakes 6 ай бұрын

Исходников нет :(

@alex_dudukalo 6 ай бұрын

Здравствуйте, кажется я не планировал именно к этому видео оставлять исходники, так как здесь в основном только теория. Но да, согласен. Вставка с телеграмом вводит в заблуждение. Обязательно буду обращать на это внимание в следующих роликах :)