Особенно когда на беке трудится noSQL СУБД. А так вообще мне приходится работать и как front-end, и как back-end, и как middle-end разработчику - поэтому не знаю кто, какое болото хвалит. Но фронт без Bootstrap, а React без JSX и ES6 - просто прелестны. Поэтому однозначно Grid CSS - сегодня вопрос уже не стоит, только Grid CSS. Bootstrap - это отвратительная поделка, с постоянно уезжающими размерами, особенно если в React и c mobx, под JSX (вот какие грибы надо было принимать, чтобы додуматься использовать JSX? чай не XSLT преобразованиями в React занимаемся.)
I know im asking the wrong place but does any of you know a tool to log back into an Instagram account? I was stupid forgot the account password. I would appreciate any help you can offer me
Вы часом теплое с мягким не путаете? Grid CSS - это просто сетка, а Bootstrap - это фреймворк, который включает помимо сетки ещё кучу кнопок, меток, блоков навигации и прочих компонентов.
хорошее замечание, бутстрап конечно удобная вещь, адаптив сам встает на всех экранах. Самому делать долго ковыряться будешь (я новичок), да и не на все экраныы получиться)
Вы говорите абсурд. Bootstrap сам на экраны не адаптируется - вам точно так-же надо будет верстать, только верстать с геморроем, особенно если вы его используете под React с mobx. CSS Grid - прост, понятен, лаконичен. Именно потому, что он прост и позволят делать небывалые по сложности вещи. Да CSS Grid - это сетка, но тут как говорят французы "если у вас есть сыр, - вам не нужен десерт". Поэтому если у вас есть CSS Grid, вам на фиг не впился Bootstrap, BEM и прочее "прошлое".
@@pmak6074 что говорят французы это вкусовщина ) Если серьезно, ничего абсурдного я не сказал, сравнивать два инструмента, один из которых включает в себя по сути другой, имхо, не совсем верно. И как бы не был "CSS Grid - прост, понятен, лаконичен" - это всего лишь сетка. А возможности Bootstrap из коробки все же больше.
Анна, спасибо. Я как раз для себя искал ответ в некоторой "неповоротливости" bootstrap и понимаю, что его надо изучить, а grid css - надо обязательно. Спасибо еще раз.
Короче итог ролика :Бутстрап -это быстрое решение для несложных сайтов, а Grid CSS учить всё-таки придётся, так как он подходит для более сложных сайтов и там больше возможностей кастомизации. Спасибо,малая!
Типичный Верстальщик • Анна Блок можете пожалуйста подсказать что проще выучить grid css или bootstrap 4? Насколько я понимаю bootstrap слишком нагроможденный и напичканный огромным количеством готовых решений, которые в совершенстве быстро не освоить, а css grid в свою очередь более прост в изучении. Или я неправ?
Сейчас учу bootstrap. Вчера сверстал первый сайт. Классная штука когда нужно быстро что-то сделать и нет времени на настройку адаптивки. Еще один из бонусов - изучая код нашел для себя несколько интересных фишек и идей. В общем как и любым инструментом надо пользоваться с умом)
Очень странно видеть большинство комментов типо бутстрап очень быстрый в построении сеток, и тд и тп. Такое чувство что люди очень мало верстали на гридах. Глобальную сетку с хедером, футером, мейном и например асайдом можно сделать за 30 секунд прописав grid-teamplate-areas. Внутреннее позиционирование тоже полюбил, grid-gap - просто совершенство. Плюс уже есть забугорные сервисы по генерации грид сеток, на которых уже все продумано за вас. И самый большой плюс, никаких col-md-10 в вашей верстке не режет глаза, html чистый как попка младенца. Изучив хотя бы 60-70% документации по гридам, позволяет вам вертеть контент по странице как душе угодно, не плодя говнокод. По поводу плохой поддержки IE - никто не мешает вам использовать директиву support. И прикручивать к неуемному блоку display:flex, для обратной поддержки. Если ваш браузер IE, подружает флексы, ваш браузер все остальные - гриды.
@@valentainx2612 Зря вы так, флексы сами по себе не были предназначены как инструмент для сложных сеток либо каких нибудь сложных сайтов. Поэтому все так и набросились на гриды, так как сложность построение сеток уменьшается до минимального уровня. Я не думаю что бутстрап 5 вообще выйдет, так как скорее всего сейчас будут все силы бросаться на повышение процента сходимости гридов на can i use. А 4 бутстрап свою функцию выполняет.
ладно блок например с карточками сделать на гридах, но целый сайт на гридах, мне кажется это лишнее. Нужно иметь золотую середину, а не упарываться или, или ИМХО
@@МаксКондратенко-ц2е Вы видимо не понимаете саму суть гридов, гриды нужны для создания сеток, не для размещения внутренего контакта, для этого идеально подходит flex. Единственное что меня растраивает, это отсутствие во flex свойства gap
Анна, спасибо за видео! Терзали смутные сомнения в душе, что лучше и что использовать) Теперь понял, что идеальная формула это Grid CSS и Bootstrap. Все зависит от случая. Когда владеешь тем и тем, можешь более профессионально подходить к разработке. И даже дан ответ по поводу Flexbox. Когда узнал, что он работает либо по X либо по Y, сразу стало понятно что Grid CSS выигрывает сразу же в этом споре))
Для основного лэйаута я бы рекомендовал CSS Grid. А так же для кейсов когда нужно сделать сетку-мозаику (сложные разноуровневые и разноразмерные элементы). Для всего остального в том числе и вложенных элементов Flexbox. Как вариант Bootstrap 4. Хотя на мой субъективный взгляд, Bootstrap не обладает достаточной гибкостью
@@annblok_webdev Вы понимаете, какую чушь несёте? Вообще в курсе, что такое scss? Функции, миксины, циклы, переменные, модульность, знакомые слова? Все эти вещи есть в bootstrap, как и полная кастомизация. Даже само сравнение bootstrap(это фрэймворк) и grid(технология построения сетки) нелепо. Впрочем откуда вам знать, что такое фреймворк)))
Замечательно, как всегда)) Анну слушаю, неотрывно. Как такую красавицу не слушать? Пусть говорит про css, bootstrap, гималайских барсов -буду слушать всё )))
Если нужна только сетка, то нет особого смысла использовать bootstrap grid. Но я люблю bootstrap за готовые решения - модальные окна, слайдеры, навбвры. Очень часто на сайтах наблюдаю такую ситуацию - модалки не реагируют на кнопку “ESC”, а слайдер не работает правильно на телефоне со свайпом. Вывод: если не готов идти до конца, то используй bootstrap.
@@annblok_webdev что-то пошло не так,неожиданный ответ😂🙈 Это я жду,а ты выпускаешь,ну если уж всё стало с ног на голову и ты ждешь,то это,получается,снимать нужно мне?😂 Но как я сниму твою life story 😂🤔
в grid до сих пор есть серйозный баг с передачей высоты чилду. предпочитаю Flex. Bootstrap отстой вместе с устаревшим float:left. Если у кого есть возражение в защиту гавна, тогда сделайте следующее задание: div.content>div.block*5>div*3 Есть 5 колонок. Мы будем выводить в ряд (слева на право) только три, остальные - переносом. Высотак каждой должна быть ровной как и все, но не фиксированой высоты, а по количеству контента. Внутри есть три div столбца. В первом будет фото (оно вверху), в последнем будет кнопка и она прилипает только вниз, а по середине будет текст и он должен также центрироваться относительно 3х (слева-направо) DIV. Что скажете профессора ? Сделайте на бутстрапе
Бутстрап тормозит страницу? Не несите чушь. и вот на дворе середина 2020 года и никому эти гриды не нужны (занимаюсь фрилансом, знаю что говорю), сетка бутстрап рулит
некоторые умельцы умудряются в один файл запихнуть все css так под 5 а то и 10 мегов и с js так же поступают там уже хоть на чем пиши и хоть какими костылями пользуйся все виснуть и тормозить будет
Сможет не сможет - это как заморочится. В гриде управление из родителького контейнера, во флексе управление в основном из дочерних (flex-grow и размеры).
Думаю,что большинство мужчин даже и не слушают о чём говорит эта милая девушка. Смотрят и восхищаются такой красавицей! Успехов вам на ютьюб и в жизни!
Когда красивая белокурая девушка рассказывает о вещах, которые мне абсолютно непонятны, остается слушать и любоваться красотой девушки. Кто то это понимает. Но ролику все равно лайк поставлю.
"Как известно, бэкенд разработчики не имеют чувства прекрасного" - эта фраза сделала мой день, поржал от души. Жгите дальше))) На счет того, что для админки Bootstrap это идеальное решение, согласиться не могу. Если админка простая, то возможно. Но если проект живет и развивается, а интерфейсы становятся всё сложнее, то работа с интерфейсами написанными на бутсрапе превращается в ад.
Пусть твоя самая желанная мечта обязательно приложится к твоим упорным стараниям, уверенным шагам, смелым действиям и, как итог, пусть всё получится так, как тобой было задумано, а, возможно, и лучше.
ожидал услышать мнение о поддержки display: grid браузерами и рекомендации по применению в живых проектах. Остальное понятно из документации по bootstrap. Спасибо за ролик.
"Как известно, бэкэнд-разработчики не имеют чувство прекрасного..." Какая милая блондинка. Так любит своих подписчиков! А если по теме, то bootstrap призван ускорить разработку. Этот фреймворк использует готовые технологии, которые предоставляют разработчики браузеров. Четвёртая версия строит свои модульные сетки на основе flexbox, а пятая (будущая) будет основана на grid. К гадалке не ходи. Сайты крупнейших мировых корпораций так или иначе используют bootstrap в своей работе. И не только в админках. Не верите? Погуглите "сайты на bootstrap" и будете приятно удивлены.
Вопрос в корне неправильный. Грид - это только сетка, а либа, это уже готовый css и js код, готовые решения и компоненты. Ты можешь сетку потом на гриде к бутстрапу добавить
У меня есть, что сказать: недавно начал по шаблонам пытаться верстать сайты и понял, что не смотря на базовый уровень, постоянно изучая более сложные темы в CSS, я всё еще полное дно. Это долгая дорога, порой ищу ответы и нахожу только больше вопросов 😂, но тема клевая. Кстати когда практикуешь - дело идет быстрее.🙂 Спасибо за полезные видосы Анна🙂
дам тебе один небольшой совет... берешь сразу 3 интернет магазина, либо UI Kits и верстаешь с помощью flex, либо float, как угодно.. рука быстро набьется, а если верстать шаблонные, что то не шибко сложное.. то так будешь еще долго изучать верстку) но и не забывай про БЭМ, полезная штука
А какая разница на флексах или на флоатах, если внешне это выглядит одинаково? Почему новичку, который вставляет .col важно, что сетка будет на флексах, а не на флоатах? Он как-то сможет отличить что эта сетка на флексах, а эта нет?
А зачем вообще Bootstrap, если ты разобралась в CSS? Или ты его используешь только для сторонних проектов, чтобы ускорить разработку? Или же для своего тоже? Просто я только начинаю разбираться в CSS3 и адаптивной верстке. И так понимаю, что мне лучше пока что все делать руками, чтобы погрузиться в синтаксис и связи? А легко потом перевести сайт на Botstrap, сделанный без? И нужно ли вообще будет? Спасибо.
@@annblok_webdev то есть для сайта лучше не использовать? Больше нагрузка на сайт и меньше контроля за нюансами, да еще и разбираться дополнительно надо с мануалом для самого Bootstrap. В любом случае полезно, мало ли чужой сайт будет на нем, чтобы понимать хотя бы. Когда ты успеваешь все это делать?!
Анна молодец, отличный контент, но многословно и хотелось бы улучшить подачу: не надо читать текст с листа, т.к. письменная речь сильно отличается от устной; еще напрягает далёкая от идеала дикция и постоянное "тыкание". И, наконец, "Учите английский". С ним беда. Надеюсь, когда-нибудь все это будет доведено до совершенства. Ведь оно того стоит.
Почему бутстрап? Если теперь можно заменить его на более удобный и не менее быстрый грид.. Ведь он намного функциональней. Я считаю что время будстрапа прошло.
Да, есть что сказать Если ответ неоднозначный, то зачем же было задавать однозначный вопрос? Может надо было по-другому ролик назвать? Меня бесит фреймворк из-за своих стилей по дефолту, из-за отступов в колонках, каких в макете, как правило нету, и все такое. Все чаще использую СSS Grid, так как дает больше возможностей. Как вы и сказали, если надо без дизайна, по-быстрому накидать сайт, то там уже и сетки фреймворка подойдут и все его компоненты
Ну что за Адинка? В слове админка правильное ударение необходимо ставить на слоге с буквой И - адмИнка udaren.ru/%D0%B0%D0%B4%D0%BC%D0%B8%D0%BD%D0%BA%D0%B0
не согласен разве что с "подключением нескольких файлов, чтобы использовать сетку bootstrap" - достаточно подключить один файл bootstrap-grid.min.css ps: я тоже back-end без чувства прекрасного)
Страница чисто для администрации. Обычно имеют доступ к редактированию и обновлению контента на сайте. По умолчанию на всех сайтах, на которые ты заходишь, стоит пользовательский интерфейс. То есть, то что должен видеть пользователь. Ты не можешь там делать практически ничего кроме просмотра и написания комментариев. А в админке ты можешь редактировать то что должен видеть пользователь, редактировать статус пользователя(к примеру забанить его) и т.д. старался описать кратко, думаю ты уловил суть.
Бутстрап еще не юзал. На гридах пол года сижу, но поддержка в ie не очень хорошая для определенных штук. Не знаю стоит ли бутстрап изучить. Как по мне он слишком сложный и запутанный, но говорят на нем можно магазины чуть ли не за час верстать.
Хорошая поддержка) 89% относительно 98% df. Вы клиенту скажите что он потенциально может потерять 9% своих клиентов соответственно прибыли. Сколько потребуется ему времени что бы вас послать?)
@@WapSter92 проверил. не на много лучше. Да хоть бабушки пусть сидят. Это ты себе можешь сделать сайт с с меньшей поддержкой, Васи из соседнего двора. А компания с хорошим оборотом и 1% хватит чтоб тебе мозг вынести.
Хороший ролик.Но я бы напрямую не сравнивал GRID и бутстрап ИМХО. Бутстрап это просто сетка на технологии Flex. А Grid это другая технология. Если знаешь как работает Flex, то не составит труда за один вечер заделать свой бутстрап с блек джеком и ...)
Я фуллстек в душе, но так фронт (реакт), возможно поэтому у меня таки есть некоторое чувство прекрасного? :D :D :D Правда Material UI мне гораздо ближе в плане визуала.
Копипаст классов ?) А ничего, что grid css очень сильно засоряет css файлы Тоже самое обстоит и с jquery, а node круче php (по многим мнениям) и т.д., сами себе "наизобретают" велосипеды )
Grid это нативный CSS, краткость и лаконичность кода, читаемость, а Bootstrap это CSS костыли на JS (куча лишнего кода и отсутствие понимания что происходит "под капотом"). Ну вот такое моё мнение новичка, так что я выбрал Grid, но чувствую что Bootstrap освоить тоже придётся, т.к. на нём поддерживается миллион сайтов.
Крутая фишка бутстрапа в том, что прописав в классе пару символов у тебя уже готова адаптивность. Вот на это стоило бы обратить внимание. Если грид вынуждает писать медиазапросы, то это серьёзный аргумент за бутстрап. Материал годный! Это сейчас редкость)
Другими словами, Bootstrap нужно учить только тогда, когда будешь как рыба в воде во Flexbox и Gridbox. И то очень редко применять, если будет ну совсем лень или будет абсолютный пофигизм к проекту) Тру разработчики такое дерьмо предпочитают не использовать
имхо такое...бутстрап норм штука для НЕ сложных проектов и если дизайнер делал все по сетке...а то обычно когда видишь макет, то ощущение что у дизайнера глаза друг друга ***** посылают.... для более сложных проектов предпочитаю Pug... т.к. миксины...лейауты и подобное упрощают сильно жизнь при правках... да и код чище смотрится... гриды штука хорошая....использую вместе с флексами...ибо друг другая считаю что дополняют... но есть такая щтука как **** IE... этот недобраузер ведет себя как девственница в карнавальную ночь
Если сайт больше охватывает аудитори с древними пк с старыми версиями IE, то можете забыть о grid и даже о flexbox. (Bootstrap 3 вас спасет и jquery, они поддерживаются даже мамонтами) Я думаю у большинства кто верстал уже бомбит от мамонтов и что заказчики заставляют адаптировать под мамантов сайты, которые не могут скачать современный браузер в 2 клика. Вся проблема grid именно в этом, в остальном это будущий стандарт который сильно упростит верстку нестандартных макетов, но мамонты ступор прогресса, а именно IE который не умеет обновляться, а пользователи кто сидит на этих костях не могут даже программу установить.
У бэк ЕСТЬ чувство прекрасного, только его не видно на фронте)
Когда сказали, я сразу себя узнал.
Согласен, просто каждый хвалит свое болото
Я вообще это высказывание принял за анекдот )))
Особенно когда на беке трудится noSQL СУБД. А так вообще мне приходится работать и как front-end, и как back-end, и как middle-end разработчику - поэтому не знаю кто, какое болото хвалит. Но фронт без Bootstrap, а React без JSX и ES6 - просто прелестны. Поэтому однозначно Grid CSS - сегодня вопрос уже не стоит, только Grid CSS. Bootstrap - это отвратительная поделка, с постоянно уезжающими размерами, особенно если в React и c mobx, под JSX (вот какие грибы надо было принимать, чтобы додуматься использовать JSX? чай не XSLT преобразованиями в React занимаемся.)
Кому лень смотреть ролик, пересказываю: Grid CSS учить обязательно, Bootstrap 4 учить по желанию
ответ достоин. краткость сестра таланта.
Но посмотреть, все же, стоит)
@@raidnasneg2672 челики-на гелике!
Красаучик братке, здоровья тебя =)
I know im asking the wrong place but does any of you know a tool to log back into an Instagram account?
I was stupid forgot the account password. I would appreciate any help you can offer me
grid - это прекрасно, но и background-color ваших глаз достоин не меньшего восхищения.
Тонкий комплимент, красавчик)!
background-color у всех глаз одинаковый #FFFFFF но бывает и #FF0000 когда пересидишь перед монитором делая верстку
Вы часом теплое с мягким не путаете? Grid CSS - это просто сетка, а Bootstrap - это фреймворк, который включает помимо сетки ещё кучу кнопок, меток, блоков навигации и прочих компонентов.
хорошее замечание, бутстрап конечно удобная вещь, адаптив сам встает на всех экранах. Самому делать долго ковыряться будешь (я новичок), да и не на все экраныы получиться)
@@TinTaBraSS777 мб Шарапов? )
@@TinTaBraSS777 да хз ), если цитата из фильма, то вроде там был Шарапов, забей, это все не по теме.
Вы говорите абсурд. Bootstrap сам на экраны не адаптируется - вам точно так-же надо будет верстать, только верстать с геморроем, особенно если вы его используете под React с mobx. CSS Grid - прост, понятен, лаконичен. Именно потому, что он прост и позволят делать небывалые по сложности вещи. Да CSS Grid - это сетка, но тут как говорят французы "если у вас есть сыр, - вам не нужен десерт". Поэтому если у вас есть CSS Grid, вам на фиг не впился Bootstrap, BEM и прочее "прошлое".
@@pmak6074 что говорят французы это вкусовщина ) Если серьезно, ничего абсурдного я не сказал, сравнивать два инструмента, один из которых включает в себя по сути другой, имхо, не совсем верно. И как бы не был "CSS Grid - прост, понятен, лаконичен" - это всего лишь сетка. А возможности Bootstrap из коробки все же больше.
Анна, спасибо. Я как раз для себя искал ответ в некоторой "неповоротливости" bootstrap и понимаю, что его надо изучить, а grid css - надо обязательно. Спасибо еще раз.
Короче итог ролика :Бутстрап -это быстрое решение для несложных сайтов, а Grid CSS учить всё-таки придётся, так как он подходит для более сложных сайтов и там больше возможностей кастомизации. Спасибо,малая!
А я backend разработчик и у меня, правда, нет чувства прекрасного.
😂
А теперь похлопаем бакендеру и скажем хором:"привет Алексей!!!". Признание в организации анонимных алкоголиков😂 ты ахуенчик, Алёша, продолжай!!!
Типичный Верстальщик • Анна Блок можете пожалуйста подсказать что проще выучить grid css или bootstrap 4? Насколько я понимаю bootstrap слишком нагроможденный и напичканный огромным количеством готовых решений, которые в совершенстве быстро не освоить, а css grid в свою очередь более прост в изучении. Или я неправ?
Спасибо за видео, приятно слышать it-инфу от такой милой девушки!!!
Сейчас учу bootstrap. Вчера сверстал первый сайт. Классная штука когда нужно быстро что-то сделать и нет времени на настройку адаптивки. Еще один из бонусов - изучая код нашел для себя несколько интересных фишек и идей. В общем как и любым инструментом надо пользоваться с умом)
Как здорово, что тем, кто занимается созданием сайтов эти материалы интересны и полезны. Вот и площадка для обмена опытом.
а сколько у вас заняло изучение создания сайтов с нуля? вы самоучка?
@@saidbackfatullayev5887 пару месяцев, Но это был простой одностраничный сайт на html и css, практически без js.
Короче ответ из видео: учи и то и то, потом решишь что в каждом конкретном случае нужнее)))
Очень странно видеть большинство комментов типо бутстрап очень быстрый в построении сеток, и тд и тп. Такое чувство что люди очень мало верстали на гридах. Глобальную сетку с хедером, футером, мейном и например асайдом можно сделать за 30 секунд прописав grid-teamplate-areas. Внутреннее позиционирование тоже полюбил, grid-gap - просто совершенство. Плюс уже есть забугорные сервисы по генерации грид сеток, на которых уже все продумано за вас. И самый большой плюс, никаких col-md-10 в вашей верстке не режет глаза, html чистый как попка младенца. Изучив хотя бы 60-70% документации по гридам, позволяет вам вертеть контент по странице как душе угодно, не плодя говнокод. По поводу плохой поддержки IE - никто не мешает вам использовать директиву support. И прикручивать к неуемному блоку display:flex, для обратной поддержки. Если ваш браузер IE, подружает флексы, ваш браузер все остальные - гриды.
Хорошее дополнение 👍🏻
А еще лучше использовать флексы и не париться с support и плохой поддержкой, я лучше еще подожду, а там и бутсрап 5 выйдет
@@valentainx2612 Зря вы так, флексы сами по себе не были предназначены как инструмент для сложных сеток либо каких нибудь сложных сайтов. Поэтому все так и набросились на гриды, так как сложность построение сеток уменьшается до минимального уровня. Я не думаю что бутстрап 5 вообще выйдет, так как скорее всего сейчас будут все силы бросаться на повышение процента сходимости гридов на can i use. А 4 бутстрап свою функцию выполняет.
ладно блок например с карточками сделать на гридах, но целый сайт на гридах, мне кажется это лишнее. Нужно иметь золотую середину, а не упарываться или, или ИМХО
@@МаксКондратенко-ц2е Вы видимо не понимаете саму суть гридов, гриды нужны для создания сеток, не для размещения внутренего контакта, для этого идеально подходит flex. Единственное что меня растраивает, это отсутствие во flex свойства gap
Анна, спасибо за видео! Терзали смутные сомнения в душе, что лучше и что использовать) Теперь понял, что идеальная формула это Grid CSS и Bootstrap. Все зависит от случая. Когда владеешь тем и тем, можешь более профессионально подходить к разработке.
И даже дан ответ по поводу Flexbox. Когда узнал, что он работает либо по X либо по Y, сразу стало понятно что Grid CSS выигрывает сразу же в этом споре))
Для основного лэйаута я бы рекомендовал CSS Grid. А так же для кейсов когда нужно сделать сетку-мозаику (сложные разноуровневые и разноразмерные элементы). Для всего остального в том числе и вложенных элементов Flexbox. Как вариант Bootstrap 4. Хотя на мой субъективный взгляд, Bootstrap не обладает достаточной гибкостью
Все верно. Все зависит от задач. Что требуется и стоит а приоритетах, то и будем использовать :)
@@annblok_webdev Вы понимаете, какую чушь несёте? Вообще в курсе, что такое scss? Функции, миксины, циклы, переменные, модульность, знакомые слова? Все эти вещи есть в bootstrap, как и полная кастомизация. Даже само сравнение bootstrap(это фрэймворк) и grid(технология построения сетки) нелепо. Впрочем откуда вам знать, что такое фреймворк)))
Судя по всему видео вы не смотрели, тк об этом там было сказано 😉
Замечательно, как всегда)) Анну слушаю, неотрывно. Как такую красавицу не слушать? Пусть говорит про css, bootstrap, гималайских барсов
-буду слушать всё )))
Лайк+коммент авансом, пили видосы дальше :)
Если нужна только сетка, то нет особого смысла использовать bootstrap grid. Но я люблю bootstrap за готовые решения - модальные окна, слайдеры, навбвры.
Очень часто на сайтах наблюдаю такую ситуацию - модалки не реагируют на кнопку “ESC”, а слайдер не работает правильно на телефоне со свайпом. Вывод: если не готов идти до конца, то используй bootstrap.
Ещё в Bootstrap адаптивность
Очень интересное сравнение, многим полезно посмотреть.
Спасибо вам что помогли розобраться, лайк.
Очень интересно. !!! Ты нам нужна !!!
Использую бутсрап.
Учи вместо этого CSS - grid, JavaScript
Ты ещё и программист?
Привет) Оо,обещанный видос со стрима подъехал) Жду больше кейс из твоей life story)
P.S. превьюшка огонь😂
Тоже буду ждать видео с моим life story 😂
@@annblok_webdev что-то пошло не так,неожиданный ответ😂🙈 Это я жду,а ты выпускаешь,ну если уж всё стало с ног на голову и ты ждешь,то это,получается,снимать нужно мне?😂 Но как я сниму твою life story 😂🤔
Вопрос на миллион 🤔
@@annblok_webdev лучше пусть будет на миллиард😂
P.S. сорян за оффтоп🙈
@@van777ok3 найми сышика следить за ней. И сними про это видео))
Boostrap удобен в плане сетки с col lg md и тд. Много готовых решений на сайте можно стили менять как угодно. Ну за grid будущее мне кажется
+, за будующем, но ещё не сейчас
Одно другое пока не исключает 😊
Bootstrap CSS удобен, если не знать CSS Grid. BOOTSTRAP Js удобен, если не знать JavaScript
Bootstrap тоже на месте не стоит: ruclips.net/video/O47TSuLk2_o/видео.html
в grid до сих пор есть серйозный баг с передачей высоты чилду. предпочитаю Flex. Bootstrap отстой вместе с устаревшим float:left. Если у кого есть возражение в защиту гавна, тогда сделайте следующее задание: div.content>div.block*5>div*3 Есть 5 колонок. Мы будем выводить в ряд (слева на право) только три, остальные - переносом. Высотак каждой должна быть ровной как и все, но не фиксированой высоты, а по количеству контента. Внутри есть три div столбца. В первом будет фото (оно вверху), в последнем будет кнопка и она прилипает только вниз, а по середине будет текст и он должен также центрироваться относительно 3х (слева-направо) DIV. Что скажете профессора ? Сделайте на бутстрапе
Я лично склоняюсь всё-таки к Grid CSS, потому что большинство браузеров её поддерживают, и еще, она не так тормозит загрузку страниц, как Bootstrap.
да, преимущества на лицо, с Grid CSS гораздо комфортнее работать, так что чаши весов склоняю в эту сторону
Владимир Рудый, это Вы точно подметили, я с Вами согласна...
Бутстрап тормозит страницу? Не несите чушь. и вот на дворе середина 2020 года и никому эти гриды не нужны (занимаюсь фрилансом, знаю что говорю), сетка бутстрап рулит
некоторые умельцы умудряются в один файл запихнуть все css так под 5 а то и 10 мегов и с js так же поступают там уже хоть на чем пиши и хоть какими костылями пользуйся все виснуть и тормозить будет
Отлично предоставлена информация. Преподнесено очень интересно и лаконично.
Сможет не сможет - это как заморочится. В гриде управление из родителького контейнера, во флексе управление в основном из дочерних (flex-grow и размеры).
Использую Grid уже практически во всех проектах. Про Кастомизацию сетки Bootstrap не знал.
Думаю,что большинство мужчин даже и не слушают о чём говорит эта милая девушка. Смотрят и восхищаются такой красавицей! Успехов вам на ютьюб и в жизни!
Нужен ли flexbox если знаешь grid css? Не пойму за что хвататься(сейчас изучаю css3) .
Когда красивая белокурая девушка рассказывает о вещах, которые мне абсолютно непонятны, остается слушать и любоваться красотой девушки. Кто то это понимает. Но ролику все равно лайк поставлю.
Тонна штукатурки, крашенные выжженые волосы, линзы цветные, это красиво?)
Очень милая девушка, очень милый канал, очень хорошие видео!лайк и подписка:)
"Как известно, бэкенд разработчики не имеют чувства прекрасного" - эта фраза сделала мой день, поржал от души. Жгите дальше)))
На счет того, что для админки Bootstrap это идеальное решение, согласиться не могу. Если админка простая, то возможно. Но если проект живет и развивается, а интерфейсы становятся всё сложнее, то работа с интерфейсами написанными на бутсрапе превращается в ад.
Пусть твоя самая желанная мечта обязательно приложится к твоим упорным стараниям,
уверенным шагам, смелым действиям и, как итог, пусть всё получится так, как тобой было задумано, а, возможно, и лучше.
ожидал услышать мнение о поддержки display: grid браузерами и рекомендации по применению в живых проектах. Остальное понятно из документации по bootstrap. Спасибо за ролик.
"Как известно, бэкэнд-разработчики не имеют чувство прекрасного..." Какая милая блондинка. Так любит своих подписчиков! А если по теме, то bootstrap призван ускорить разработку. Этот фреймворк использует готовые технологии, которые предоставляют разработчики браузеров. Четвёртая версия строит свои модульные сетки на основе flexbox, а пятая (будущая) будет основана на grid. К гадалке не ходи.
Сайты крупнейших мировых корпораций так или иначе используют bootstrap в своей работе. И не только в админках. Не верите? Погуглите "сайты на bootstrap" и будете приятно удивлены.
Вы вссё по полочкам разложили. Так что каждый выберет индивидуально под себя.
Известно , что большинство браузеров поддерживают Grid CSS и используется практически во всех проектах.
Поэтому и ближе по сути!
Вопрос в корне неправильный. Грид - это только сетка, а либа, это уже готовый css и js код, готовые решения и компоненты. Ты можешь сетку потом на гриде к бутстрапу добавить
@@hekNt а если он не может?
@@ВладимирвладимиР-ь8ш тогда бутстрап тут ни при чем
@@hekNt а кто тогда причём?
@@ВладимирвладимиР-ь8ш не знаю.. Тот кто сравнивает гриды и библиотеки?
Привет! А что лучше про сетки и колонки посмотреть?
это в какой местности "админку" принято говорить с ударением на а ?
У меня есть, что сказать: недавно начал по шаблонам пытаться верстать сайты и понял, что не смотря на базовый уровень, постоянно изучая более сложные темы в CSS, я всё еще полное дно. Это долгая дорога, порой ищу ответы и нахожу только больше вопросов 😂, но тема клевая. Кстати когда практикуешь - дело идет быстрее.🙂 Спасибо за полезные видосы Анна🙂
дам тебе один небольшой совет... берешь сразу 3 интернет магазина, либо UI Kits и верстаешь с помощью flex, либо float, как угодно.. рука быстро набьется, а если верстать шаблонные, что то не шибко сложное.. то так будешь еще долго изучать верстку) но и не забывай про БЭМ, полезная штука
Я придумал тему для вашего следующего видео. А давайте сравним float с bootstrap 3?
Отличное видео, очень красивая ведущая, с меня лайк ;)
А какая разница на флексах или на флоатах, если внешне это выглядит одинаково? Почему новичку, который вставляет .col важно, что сетка будет на флексах, а не на флоатах? Он как-то сможет отличить что эта сетка на флексах, а эта нет?
Спасибо
Спасибо большое, очень полезное и интересное видео! А что за музыка в конце звучит?
Глаза.... Красиво то как)))) Как чистое озеро где то в горах)))))
SPASIBO TEPER IA ZNAIU CHTO K CHEMU I ETO BLAGODARIA VAS. KSTATI DEVUSHKA VI OCHEN KRASIVAIA.
Спасибо!
довольно таки интересное сравнение, мне оба варианта нравятся
Grid дает очень большое количество возможностей в разработке, не вижу смысла его не использовать.
Да ладно! А вы попробуйте bootstrap под React c mobx - и всё сразу встанет на свои места!
Стена сзади на гридах сверстана? ))
А`дминка - как непривычно, всю жизнь везде было Адми'нка.
Как бы логично, что не Админ, а адмИн 🤔
@@NotAFaken в том что и дело что у девушки по-другому - Админ. видимо это какой-то локальный говор, типа поребрика и бордюра ))
Советую тебе внести код delay: 1s в твоих подрезках роликов,ужж очень вызывают нервов наружу,надеюсь понимаешь о чем речь. А так остальное все класс!
Сайт больше 12 колонок? Как это выглядит?
Grid - сила!!
Mogila
скажи это говнохрому и уебосафари
А зачем вообще Bootstrap, если ты разобралась в CSS? Или ты его используешь только для сторонних проектов, чтобы ускорить разработку? Или же для своего тоже? Просто я только начинаю разбираться в CSS3 и адаптивной верстке. И так понимаю, что мне лучше пока что все делать руками, чтобы погрузиться в синтаксис и связи? А легко потом перевести сайт на Botstrap, сделанный без? И нужно ли вообще будет? Спасибо.
Изначально Bootstrap подразумевался для бэкендеров, чтобы набросать сайт и сделать весь нужный функционал.
@@annblok_webdev то есть для сайта лучше не использовать? Больше нагрузка на сайт и меньше контроля за нюансами, да еще и разбираться дополнительно надо с мануалом для самого Bootstrap. В любом случае полезно, мало ли чужой сайт будет на нем, чтобы понимать хотя бы. Когда ты успеваешь все это делать?!
Анна молодец, отличный контент, но многословно и хотелось бы улучшить подачу: не надо читать текст с листа, т.к. письменная речь сильно отличается от устной; еще напрягает далёкая от идеала дикция и постоянное "тыкание". И, наконец, "Учите английский". С ним беда. Надеюсь, когда-нибудь все это будет доведено до совершенства. Ведь оно того стоит.
Покажите мне лендинг или сайт где в качестве основной сетки используются гриды.
Я бек. тоже не имею чуства прекрасного) Юзаю bootstrap 4
теперь буду знать
Почему бутстрап? Если теперь можно заменить его на более удобный и не менее быстрый грид.. Ведь он намного функциональней. Я считаю что время будстрапа прошло.
Писала админку для сайта с использованием bootstrap для фронта? А вордпресс не?
Разве лучше писать все по-своему на каком-нибудь php?
При чем здесь Wordpress, если вы даже не знаете о чем проект был?))
Grid CSS несложный в использование, но Bootstrap тоже попробую.
щёки классные;) c видео согласен
А можно сделать видос сравнения SPA фреймворков? Ember в частности интересует
Хех, ребята в бутстрапе не разбираются, а ты про SPA спрашиваешь)))
Да, есть что сказать
Если ответ неоднозначный, то зачем же было задавать однозначный вопрос? Может надо было по-другому ролик назвать?
Меня бесит фреймворк из-за своих стилей по дефолту, из-за отступов в колонках, каких в макете, как правило нету, и все такое. Все чаще использую СSS Grid, так как дает больше возможностей.
Как вы и сказали, если надо без дизайна, по-быстрому накидать сайт, то там уже и сетки фреймворка подойдут и все его компоненты
Cottage Сheese vs Red color: кто победит в 2019 году?
Ну что за Адинка? В слове админка правильное ударение необходимо ставить на слоге с буквой И - адмИнка
udaren.ru/%D0%B0%D0%B4%D0%BC%D0%B8%D0%BD%D0%BA%D0%B0
не согласен разве что с "подключением нескольких файлов, чтобы использовать сетку bootstrap" - достаточно подключить один файл bootstrap-grid.min.css
ps: я тоже back-end без чувства прекрасного)
Как по мне UIKIT тоже очень неплохой фреймворк
Чем больше знаешь - тем выше скилл!
Можно знать всё, но не уметь ничего. Знания сами по себе скилл не продвинут, много практики и обширные познания - единственный путь к успеху.
Эти глаза... просто утонул в них!
привык верстать в css3 без вотэтого вот всего
Grid фигово работает для ie11 который еще более менее важен. На нем самая простая разметка даже со всеми префиксами имеет проблему "схлопывания".
я ненастоящий верстальщик и встраиваю местами в бутстрап проект гридовые контролы
А что есть: писать админку? Я новичок )
Страница чисто для администрации. Обычно имеют доступ к редактированию и обновлению контента на сайте. По умолчанию на всех сайтах, на которые ты заходишь, стоит пользовательский интерфейс. То есть, то что должен видеть пользователь. Ты не можешь там делать практически ничего кроме просмотра и написания комментариев. А в админке ты можешь редактировать то что должен видеть пользователь, редактировать статус пользователя(к примеру забанить его) и т.д. старался описать кратко, думаю ты уловил суть.
@@narkinkars спасибо
И красавица, и умница !
Бутстрап еще не юзал. На гридах пол года сижу, но поддержка в ie не очень хорошая для определенных штук. Не знаю стоит ли бутстрап изучить. Как по мне он слишком сложный и запутанный, но говорят на нем можно магазины чуть ли не за час верстать.
Grid можно попробовать использовать, уже многие убедились в этом
Я думаю, что каждый выберет, что ему удобнее.
Хорошая поддержка) 89% относительно 98% df. Вы клиенту скажите что он потенциально может потерять 9% своих клиентов соответственно прибыли. Сколько потребуется ему времени что бы вас послать?)
89%) давно на caniuse заходил? Больше людей теряется в отсутствии доступности. А на старых браузерах сидят в основном корпоративные работники.
@@WapSter92 проверил. не на много лучше. Да хоть бабушки пусть сидят. Это ты себе можешь сделать сайт с с меньшей поддержкой, Васи из соседнего двора. А компания с хорошим оборотом и 1% хватит чтоб тебе мозг вынести.
Глаза красивые, и голос всегда приятный. Смотрел до последней секунды. Умничка лайк тебе!!
Яйца собери, веднеются. И слюни вытри😂😂😂😂😂😂
@@miklayen_yakim хмм..)
я конечно ничего не понимаю!но пойду попробую сверстать сайт!хтмл то я знаю))
Хороший ролик.Но я бы напрямую не сравнивал GRID и бутстрап ИМХО. Бутстрап это просто сетка на технологии Flex. А Grid это другая технология. Если знаешь как работает Flex, то не составит труда за один вечер заделать свой бутстрап с блек джеком и ...)
Я фуллстек в душе, но так фронт (реакт), возможно поэтому у меня таки есть некоторое чувство прекрасного? :D :D :D Правда Material UI мне гораздо ближе в плане визуала.
Приятно слушать девочку, хорошо объясняет. Палец верх. Побольше лайков.
лайк !
Палец то вверх, но бекендеры обиделись... :-(
😢
gostaria de acompanha-la mas, não entendo muito o seu indioma, por sinal muito bonito.
Копипаст классов ?)
А ничего, что grid css очень сильно засоряет css файлы
Тоже самое обстоит и с jquery, а node круче php (по многим мнениям) и т.д., сами себе "наизобретают" велосипеды )
css grid не засоряет css файлы, мусор появится если писать css grid под IE
Ага )
#grid {
display: grid;
grid-columns: (1fr)[3];
grid-rows: (1fr)[4];
}
#A {
grid-column:1;
grid-row:3;
grid-column-span:2;
}
#B {
grid-column:1;
grid-row:1;
grid-row-span:2;
/* grid-layer: 10; */
z-index:10;
margin-top:10px;
}
#C {
grid-column:1;
grid-row:1;
grid-column-span:2;
margin-left:50px;
}
#D {
grid-column:2;
grid-row:3;
grid-row-span:2;
grid-column-span:2;
margin:10px 0 0 10px;
}
#E {
grid-column:2;
grid-row:2;
/* grid-layer: 5; */
z-index:5;
margin: -20px;
}
...
И т.д., постоянное дублирование и повторение одних и тех же свойств
Аналог с классами в bootstrap при постоянном добавлении и дублировании их в html
> node круче php (по многим мнениям)
Мнения школьников?) Не слушай таких, слушай взрослых дядек.
Grid это нативный CSS, краткость и лаконичность кода, читаемость, а Bootstrap это CSS костыли на JS (куча лишнего кода и отсутствие понимания что происходит "под капотом"). Ну вот такое моё мнение новичка, так что я выбрал Grid, но чувствую что Bootstrap освоить тоже придётся, т.к. на нём поддерживается миллион сайтов.
На сегодня grid: 93.26%
Крутая фишка бутстрапа в том, что прописав в классе пару символов у тебя уже готова адаптивность. Вот на это стоило бы обратить внимание. Если грид вынуждает писать медиазапросы, то это серьёзный аргумент за бутстрап.
Материал годный! Это сейчас редкость)
Другими словами, Bootstrap нужно учить только тогда, когда будешь как рыба в воде во Flexbox и Gridbox. И то очень редко применять, если будет ну совсем лень или будет абсолютный пофигизм к проекту) Тру разработчики такое дерьмо предпочитают не использовать
Эй! Бэкенд разработчиков не надо трогать 😎 у нас понятия о прекрасном разные просто))
имхо такое...бутстрап норм штука для НЕ сложных проектов и если дизайнер делал все по сетке...а то обычно когда видишь макет, то ощущение что у дизайнера глаза друг друга ***** посылают.... для более сложных проектов предпочитаю Pug... т.к. миксины...лейауты и подобное упрощают сильно жизнь при правках... да и код чище смотрится... гриды штука хорошая....использую вместе с флексами...ибо друг другая считаю что дополняют... но есть такая щтука как **** IE... этот недобраузер ведет себя как девственница в карнавальную ночь
Думаю что Grid дает намного больше возможностей
Если сайт больше охватывает аудитори с древними пк с старыми версиями IE, то можете забыть о grid и даже о flexbox. (Bootstrap 3 вас спасет и jquery, они поддерживаются даже мамонтами) Я думаю у большинства кто верстал уже бомбит от мамонтов и что заказчики заставляют адаптировать под мамантов сайты, которые не могут скачать современный браузер в 2 клика. Вся проблема grid именно в этом, в остальном это будущий стандарт который сильно упростит верстку нестандартных макетов, но мамонты ступор прогресса, а именно IE который не умеет обновляться, а пользователи кто сидит на этих костях не могут даже программу установить.
не столько контент перевариваю, сколько ее хочу блеать
Какая милая :)
ochen kruto