CSS Grid верстка - Введение. Что такое гриды и зачем они нужны.

1125 ratings | 14182 views


CSS Grid верстка - Введение. Что такое гриды и зачем они нужны.

Всем привет в этом видео я расскажу вам о CSS Grid layout. Этот урок некое введение в гриды. Я покажу как сделать простую структуру сайта используя первые свойства CSS Grid layout. ======================================================== ПОДПИШИСЬ на канал Web Developer Blog - И не пропускай новые видео!!! ======================================================== ПЛЕЙ-ЛИСТЫ МОЕГО КАНАЛА: JavaScript практика - Основы JavaScript - Уроки Bootstrap 4 - Уроки Framework для верстки Foundation 6 - Рубрика Основы за 10 минут - Верстка сайта на Foundation 6 - Основы препроцессора SASS - Уроки по Sublime text 3 - Создаем интернет магазин на PrestaShop - Уроки jQuery - ======================================================== ПОДПИШИСЬ на Группу Вконтакте Web Developer Blog - ========================================================

Comments to the video: CSS Grid верстка - Введение. Что такое гриды и зачем они нужны.

Валерий Синцов 1 month ago
говноролик
Алексей Андрюхин 2 months ago
двухмерное измерение касается и flex, если че
Vladisav Vdovin 2 months ago
Огромное благодарю ;)
Space IT 2 months ago
*Это бомба, если не тяжело, этак же в собственный монере ( без воды с монтажем ) сверстай изволь веб-сайт адаптивный, простой однако с меню, которое тоже будет адаптивное, благодарю за ранее!*
Web Developer Blog 2 months ago
Хорошо
Max Maxximus 3 months ago
подскажите изволь что это у вас за программка темная такая где вы код пишите? Хочу приступить учить верстку для себя, а в чем набирать код и вообщем в какой программке это делается не знаю. Можете еще ссылки на уроки для новичков с полного 0 порекомендовать, буду рад)
Max Maxximus 2 months ago
Web Developer Blog благодарю
Web Developer Blog 2 months ago
Sublime text
Marrius 3 months ago
Спасибо за клёвый задание, и полезную инфу!
Александр Шайтар 3 months ago
ура, хоть кто-то правильно разъяснил будто и что работает на схематичном примере :) лайк!
id77777777 4 months ago
чувак, ты реально крут! благодарю для тебя огромное!
Maxim Dzyubak 5 months ago
Спасибо за все уроки, фурроров для тебя и естественно продолжения )
Сoffee Code 5 months ago
стащил +
Alan Buday 5 months ago
скажите, а IE это все работает?
Web Developer Blog 5 months ago
совсем дудки( ну-ка и этак то в IE не достаточно что вообщем работает
Victor Kotelevich 5 months ago
Я впечатлен. Вот это конечно! Не задумывался, что вот этак просто и стремительно можно накидать макет веб-сайта. Жаль, что лишь одинешенек видео задание о CSS Grid.
Web Developer Blog 5 months ago
будет еще немало уроков по гридам. Мне необходимо пора что б их составить!
Мария Букалова 5 months ago
Очень здорово. А вы собираетесь еще видео про грид мастерить?
Web Developer Blog 5 months ago
Да видео о гридах еще будет и не одно
Александр Старшинов 5 months ago
А животрепещуще ли на данный момент верстать на гридах?
Listian 5 months ago
дудки search=css-gr, чрез 5-6 лет может быть
Web Developer Blog 5 months ago
Слабая помощь покамест что, этак что дудки)
Skip Tyler 5 months ago
Будет продолжение?
Skip Tyler 5 months ago
Будем ожидать)
Web Developer Blog 5 months ago
Да все будет, на данный момент времени дудки(
Вадим Лыпка 6 months ago
Ого, я впечатлен будто ловко и стремительно, а самое главное, что максимально попросту объясняешь, благодарю большущее за проделанную работу.
Web Developer Blog 6 months ago
Спасибо за оборотную связь!
PWNZ-kicrup 6 months ago
это что, типа бутстрап больше не нужен либо будто?? в каких случаях употребляют гриды?
IlyaFrontend 6 months ago
Ни в каких, его помощь весьма слабенькая, однако когда выйдет, это буит массивно
Anthony Ustinoff 6 months ago
Круто, интерсно продолжение, можно и практику.
Web Developer Blog 6 months ago
Да создадим
Martial arts and lulz 6 months ago
Спасибо, всё попросту и понятно! Только у меня в Опере отчего-то не сработал медиа запрос, пришлось гуглить и добавить @media screen and (max-width: 600px), only screen and (max-device-width : 600px).
Евгений Чугаев 2 months ago
Martial arts and lulz благодарю! И в хроме посодействовало.
Zver64 6 months ago
Бро, ты одинешенек из наилучших на ютубе, кто делает подобные видео. Никакой воды, все емко и по сущности. Это твоя фишка - не потеряй ее. Подписка и лайк.
Web Developer Blog 6 months ago
Спасиб огромное. Всегда этак и старался
Александр Герасимов 6 months ago
Табличная верстка в новейшей оболочке. Это разрабатывали депутаты госдумы?
Web Developer Blog 6 months ago
Конечно!
Владимир Бочкарев 6 months ago
будто оно на mobile?
Web Developer Blog 6 months ago
Будет пять!
Skip Tyler 6 months ago
Продолжай в том же духе! Спасибо за уроки!
Web Developer Blog 6 months ago
Спасибо огромное! Обязательно буду продолжать
Somebody 6 months ago
Спасибо! Отличный задание)
Web Developer Blog 6 months ago
Это весьма и весьма веселит
azizbek pinjebaev 6 months ago
неоченто сообразил очень стремительно комментируеш
Web Developer Blog 6 months ago
Стараюсь что бы не было нудных пауз)
Сергей Неженцев 6 months ago
В Chrome в режиме разработчика блоки не передвигаются при изменении разрешения, в других браузерах все норм (не считая Edge и Explorer естественно же), если кто столкнется с этим, имейте ввиду. P.s. задание хороший!
Web Developer Blog 6 months ago
Спасибо, весьма веселит что понравилось)
Artem Zaremba 6 months ago
Ты красавец)
Web Developer Blog 6 months ago
Спасибо за похвалу!
Anatol Web 6 months ago
т.е. Bootstrap уйдет в небытие? Было бы отлично узреть задание верстки стопроцентно веб-сайта с применением grid (будто распределять элементы, рисунки). Спасибо за видео. И побольше разъяснений, то что для вас разумеется - для других это новинка.
Web Developer Blog 6 months ago
Да может быть уйдет, имхо. Хорошо, учту!
Neo 6 months ago
булшит
Web Developer Blog 6 months ago
Аргументы?
Дима Наздратенко 6 months ago
дохрена маркетинговых вставок для 11 минут, для тебя этак не будто?
Web Developer Blog 6 months ago
Я собираю адекватную и думающую аудиторию, показываю весьма тщательно подходящий для работы материал и все это безвозмездно, вместо я только прошу глядеть маркетинговые вставки, которые показываются ну-ка уж точно не любой один. Будьте лояльнее или купите подписку ютуб ред. Ну или идите на курсы в вашем городке и платите за курсы педагогу, в данном же случае вам необходимо попросту затворить маркетинговую вставку чрез 5 секунд. И конечно, это образовательный контент, этак что даже такие слова будто зашквар здесь не к месту.
Дима Наздратенко 6 months ago
здесь такое не прокатывает))) это ютуб детка, если воткнул больше одной рекламы лови хейт. С аудиторией в 10к для себя дозволять это зашквар))
Web Developer Blog 6 months ago
Вы безвозмездно смотрите задание, правильно?
Kost Psyvac 6 months ago
Спасибо за ролики! Пожалуй, 1-ый пригодный канал потом ухода Sorax`a
Web Developer Blog 6 months ago
Спасибо огромное!! Это весьма веселит и мотивирует мастерить еще больше и лучше новые видео!
Слава 1992 Илюшин 6 months ago
ждём новое видео!!!!
Web Developer Blog 6 months ago
Будет!
32sm 6 months ago
из всех кого смотрю, твои уроки заходят лучше всех поддерживаю лойсом!)
Web Developer Blog 6 months ago
Вы даже не представляете какая это мотивация мастерить больше не плохих видео! Спасибо!
uBu 6 months ago
Очень круто запорошить под ваши видео, благодарю) сам этим не занимаюсь попросту любопытно поглядеть
Web Developer Blog 6 months ago
Ну поглядите что то повеселее, влоги других блогеров к примеру. Front end не любой осилит)
Артур Гринберг 6 months ago
У меня не хватает слов сформулировать мою признательность. Я этак издавна ожидал уроки по Grid. Отлично и чётко все растолковал , надеюсь ты снимешь отдельный цикл уроков по нему либо практику будто с flexbox'ом. Спасибо
cool Fusion 1 month ago
1:30 Flexbox тоже позволяет поменять размещение обектов не меняя html.
Eugene Rudoi 6 months ago
желаем
Артур Гринберг 6 months ago
Ждём с нетерпением!
Web Developer Blog 6 months ago
Если желаете непременно сниму!
Igor K 6 months ago
Лайк, однако не поведали какие браузеры поддерживают css гриды
Сергей Протос 1 month ago
что животрепещущая тема? попросту начал обучать бутстрап4, флексы и вот натолкнулся на гриды. лучше сходу с их приступить?
Line1624 1 month ago
>> все красноватое. про кроссбраузерность можно запамятовать. чрез 5-6 лет может и станет животрепещущим. не любопытно, вообще. Ваш прогноз провалился :)
Listian 5 months ago
все красноватое. про кроссбраузерность можно запамятовать. чрез 5-6 лет может и станет животрепещущим. не любопытно, вообще.
Ruslan Miftakhov 6 months ago
На caniuse.com вбей CSS-Grid и все узреешь
Web Developer Blog 6 months ago
Хочу об этом раздельно поведать этак будто кушать немало аспектов)
Влад Васильев 6 months ago
Пили продолжение! Мы ждём) Урок улёт, лишь разъясняй всё помедленнее :D
Ruslan Vyshnevskiy 6 months ago
не нужно медлительнее! Подача 10/10!
Влад Васильев 6 months ago
я по поводу template не сходу сообразил и ещё, этак, для улучшения: оставляй ссылочку на материал, с подробным описанием параметров применяемых в видео)
Web Developer Blog 6 months ago
Спасиб огромное! Подскажите к примеру какие принципиальные моменты в этом видео я нехорошо растолковал? Просто что б я осознавал. Просто для меня это вообщем тривиальные моменты, которые будто будто разъяснять вообщем не необходимо, а вот новенькому это будто один и не понятно.
Влад Васильев 6 months ago
принципиальные моменты лучше разжёвывать помедленнее, чтоб по 5 один не перематывать) А этак всё пять, вижу, что вырезаешь избыточное, молодчина)
Web Developer Blog 6 months ago
Так я напротив что бы видео было не таким длинноватым, вырезаю ненадобные моменты. Или говорю весьма стремительно?
Vitaliy Sokolov 6 months ago
не требуется лепить кучу кода
Web Developer Blog 6 months ago
Именно этак)
azizbek pinjebaev 6 months ago
продолжайте
Alibek M 6 months ago
Пожалуйста, не спеши при разъяснении. А то вон запамятовал разметку, я то задумывался, в чем подкол. Не спеши, плз. В остальном благодарю, лайк
Web Developer Blog 6 months ago
Спасибо! Да постараюсь, попросту в час ночи видео снимал и будто то конечно, про псевдонимы запамятовал.
Sinakten One 6 months ago
Супер. Жаль, что не все браузеры поддерживают грид
Listian 5 months ago
скажем больше, ее поддерживают лишь последние версии браузеров. чрез 5-6 лет может станет животрепещущим.
Web Developer Blog 6 months ago
Над этим на данный момент усердно работают!
Yerzhan Beisembayev 6 months ago
Круто!) можно ли скооперировать CSS Grid и Flexbox?
Губин Иван 6 months ago
Добрый денек,гриды для расстановки блоков ,а флексы для частей снутри блоков
Web Developer Blog 6 months ago
Добрый денек, можно, однако для чего? Лучше что то одно использовать уже
Павел Седой 6 months ago
Супер! Урок весьма приглянулся, желаю продолжение!)
Павел Седой 6 months ago
Лайк поставил сходу) желал выяснить, кушать ли в планах уроки по какому-то из фреймворков, типа Yii2, Laravel.?
Web Developer Blog 6 months ago
Спасибо, ставьте лайк, наберем 100 лайков и будет последующее видео!
Vlad jr 6 months ago
Круто! Спасибо за видос )
Web Developer Blog 6 months ago
Пожалуйста, надоюсь весьма здорово!