Дошёл до 20 минуты и не смог сдержаться. Я просто кайфую от таких уроков. Подача материала просто на высшем уровне, объясняется всё от А до Я, про складывание столбцов даже не знал. Побольше бы таких уроков и спасибо за такую кропотливую работу. Всем добра.
Здорево! Материал, ясность изложения, постоянство терминологии, наглядность примеров, ярко демонстрирующих конкретную суть поведения так, что не спутать с другими возможными причинами, выговор, тембр, отсутствие долбанной музыки и скомканных акцентов. Просто премиумный уровень. Хоть сейчас подавай уроки в PluralSight, даже лучше. И главное, темп подачи материала подобран хорошо. Расчет на новичка в бутстрапе, но не с интеллектом табуретки, как некоторые объясняют азы по полчаса. Четко, в тему, и -- поехали дальше. Просто прекрасно.
ОГРОМНЕЙШЕЕ ВАМ СПАСИБО!!!! за все Ваши уроки. Очень подробное, толковое описание всех тонкостей и нюансов верстки. Пожалуйста, продолжайте в том же духе! Вы делаете мир умнее, а значит и добрее :)
Бро! Восхитительнейшая подача материала! Благодаря твоему видео, получилось сдвинуться с мертвой точки! У тебя талант к преподаванию, прокачивай его. Желаю громадных успехов!
Отличный урок! Сам учусь на веб дизайнера,но знаний на курсах дают недостаточно одну базу,а в твоих уроках можно более детально углубиться.Хорошее дело делаешь,продолжай в том же духе!
Мегареспект тебе Алексей, 2 дня искал способ как изменить ширину контейнера в новом бутстрап, а оказалось нужно использовать 4-й шаблон для верстки и все там вшито.
Лайк, подписка. Однозначно. Решительно. Бесповоротно. О-о-очень грамотная и доступная подача. Просмотр одного этого ролика заполнил отдельные непонимания структуры сетки и оказался полезнее нескольких прочтений соответствующего раздела на сайте бутстрапа.
Алексей, очень круто объясняешь, разложил всё прямо ОТ и ДО, теперь стало более понятно, как работать с данной сеткой, большое тебе спасибо) Когда планируешь джедая верстки на bs4?
спасибо, а если мне нужно изменить кол-во колонок на других разрешениях? например, из четырёх колонок сделать шесть на разрешении больше 1600 (не 1200) и например, из двух сделать одну, на разрешении меньше 450 (не 576)? в таких случаях bootstrap подходит?
Спасибо за урок! Вопросы: 1. В каких случаях используется .container? Один раз, после body или для каждой секции? 2. Есть ли случаи, когда внутри .row нам необходимо использовать .container? 3. Допустимо ли использовать .container, но внутрь не вкладывать .row, а сразу вкладывать какие-то другие элементы? 4. Если я использую например бутстраповский Navbar или другие готовые компоненты, то мне нужно их оборачивать в .container и .row или нет? 5. Внутри готовых компонентов, для упорядочивания содержимого, можно делать ряды и колонки, или нет? И вообще, стоит ли извращаться с готовыми компонентами, или лучше делать тот же Navbar самому?
1. Контейнер используется тогда, когда в нём есть необходимость. 2. В Bootstrap такие случаи имеют место быть, но практической пользы в этом не вижу. 3. .col* должны быть в .row 4. Не использую компоненты Bootstrap, возможно ответ есть в документации. Однако думаю, что ответ №1 актуален и для этого пункта. 5. Компоненты не использую, думаю они более полезны для быстрого прототипирования, программистам например или для бэкенда.
Вот WebDesign Master молодец! Почти все RUclips'ры на вопросы не отвечают, а вот когда их хвалят, говорят что они молодцы, говорят спасибо за уроки, сразу же они это видят и пишут "Рад помочшь)", "Да не за что)" и все такое. А WebDesign Master на все вопросы ответил. *ТАК ДЕРЖАТЬ!*
Добрый день! Поясните пожалуйста, при написании такого когда: col-8 col-4 на всех разрешениях экрана от md(768px) и ВЫШЕ 1-ая ячейка будет занимать 8 из 12, а 2-ая 4 из 12 ячеек или только на разрешении md(768px) 1-ая ячейка будет занимать 8 из 12, а 2-ая 4 из 12, а при переходе от md на lg(или на sm) размер ячеек будет 6 из 12 ?
спасибо за подробный урок, Алексей. Не могу найти видео про компьютер и обстановку рабочего места. хотелось бы услышать ваши мысли по поводу организации рабочего места: стол, стул и т. п.
Добрый вечер . Подскажите как сделать так , чтобы при уменьшении ширины браузера колонки не выстраивалось вряд вертикально , а допустим была минимальная ширина колонки что ли ?
очень классный видос,посоветуй пожалуйста как лучше делать навигацию в хедере с выпадающими менюшками,когда при наведении мышки на кнопку с навигации появляется еще одна навигация и тд.. я делаю просто display none ,а через hover меняю значение. хорошая ли это практика?
Здравствуйте. Не подскажете - какой редактор использовался при создании этого видео, и как освоить сокращения при написании, чтобы код трансформировался так, как у Вас на видео (я так понимаю, это особенности редактора).
Для меня лучший вариант на данный момент - TinyPNG для PS. imagemin полезен для сжатия больших объемов изображений. Тут двоякая ситуация. Если вы планируете использовать CMS в дальнейшем или фреймворк (98% вероятности) - сжатие на стороне Gulp смысла не имеет, так как всё равно придется настраивать вашу CMS на сжатие изображений. Если у вас статичные сайты (как в моём случае) - лучше использовать TinyPNG или плагин для Photoshop. Однако у меня есть сайт, где очень много изображений, здесь действительно лучше запустить Gulp таск и оптимизировать все изображения скопом, обрезая и добавляя ватермарк по ходу дела. Такие выводы.
Алексей, в первую очередь спасибо за урок. Такой вопрос, будете ли вы на основе OptimizedHTML 4 делать сборку стремящуюся к 100% показателям в сервисе google page speed? Т.е. с инлайнывыми подключениями стилей и т.п.
Google Pagesped в настоящее время претерпел множество изменений. Появился интеллектуальный анализ на основании реальных показателей эффективности. Поэтому 100% теперь - это просто цифра, которая никак не повлияет на результат ранжирования. А вот реальная скорость работы сайта - это намного важнее. Даже если ваш новый сайт набирает всего 75% в первых тестах Google Pagespeed, реальные показатели спустя некоторое время могут быть или выше или ниже, в зависимости от того, насколько эффективен ваш сайт в реальном использовании, а не в синтетическом тесте. И ТОЛЬКО ТОГДА, когда ваш сайт получит реальную оценку (несколько месяцев), Google может изменить позиции в поисковой выдаче на основании этого показателя.
💥 Все курсы в одном комплекте 👇👇👇
webdesign-master.ru/bundle_courses
Дошёл до 20 минуты и не смог сдержаться. Я просто кайфую от таких уроков.
Подача материала просто на высшем уровне, объясняется всё от А до Я, про складывание столбцов даже не знал.
Побольше бы таких уроков и спасибо за такую кропотливую работу.
Всем добра.
Считаю твои уроки одними из лучших на youtube. Спасибо за труд.
Спасибо!
@Jerry Lachlan Instablaster :)
Здорево! Материал, ясность изложения, постоянство терминологии, наглядность примеров, ярко демонстрирующих конкретную суть поведения так, что не спутать с другими возможными причинами, выговор, тембр, отсутствие долбанной музыки и скомканных акцентов. Просто премиумный уровень. Хоть сейчас подавай уроки в PluralSight, даже лучше. И главное, темп подачи материала подобран хорошо. Расчет на новичка в бутстрапе, но не с интеллектом табуретки, как некоторые объясняют азы по полчаса. Четко, в тему, и -- поехали дальше. Просто прекрасно.
Побольше бы такие людей, которые четко без воды и понятным языком доносят информацию.
Благодарю за уроки!
Моё уважение, парень даже видео ускоряет в момент написания кода, а это огромная работа для 40 минутного видео.
ОГРОМНЕЙШЕЕ ВАМ СПАСИБО!!!! за все Ваши уроки. Очень подробное, толковое описание всех тонкостей и нюансов верстки. Пожалуйста, продолжайте в том же духе! Вы делаете мир умнее, а значит и добрее :)
Бро! Восхитительнейшая подача материала! Благодаря твоему видео, получилось сдвинуться с мертвой точки! У тебя талант к преподаванию, прокачивай его. Желаю громадных успехов!
О-о-очень подробное и наглядное объяснение! Наконец-то становится понятна картина в целом. Отдельное спасибо за наглядность примеров 🤝
Благодарю за ценную информацию!
Ты очень хорошо ведёшь ,за два твоих ролика ,я понял больше чем через неделю просмотров .
Огромное спасибо,делай побольше таких уроков!
Отличный урок! Сам учусь на веб дизайнера,но знаний на курсах дают недостаточно одну базу,а в твоих уроках можно более детально углубиться.Хорошее дело делаешь,продолжай в том же духе!
Жду с не терпеньем следующие уроки, о которых ты упоминал в этом уроке. Спасибо за труды.
господи, спасибо золотой человег!!!! наконец-то нормальное видео на русском по сетке для новичков.
Спасибо за Урок, Алексей) У Вас замечательные уроки)
Хорошая подача материала. Всё доходчиво, и наглядно. Cпасибо!
Спасибо за потрясающий гайд.
Спасибо большое за урок! С английским дружу, мануал читаю. Но на своем языке приятней :)
Спасибо, крутой обзор. Ждем джедая!!
Огромное спасибо, наконец-то все по полочкам разложено :)
ОГРОМНОЕ СПАСИБО! ВСЕ ОЧЕНЬ ПОДРОБНО И ПОНЯТНО!
Неплохо. Очень и очень круто, спасибо за полезную информацию. Без воды, все по делу)
Спасибо, как всегда, четко и по делу) Легко воспринимается, когда уже верстал и на бутстрап 3 и на флексах))
Офигенский видос)) Лайк!
Ну спасибо огромное!!!! Вопросов не остается!!! Браво!!!!
Волшебно! Особенно вертикальное выравнивание порадовало )
Просто и понятно ни капли воды , респект.
Супер. Лучший урок по этой теме. Спасибо.
Мегареспект тебе Алексей, 2 дня искал способ как изменить ширину контейнера в новом бутстрап, а оказалось нужно использовать 4-й шаблон для верстки и все там вшито.
Спасибо большое Алексей, как всегда качественно, понятно и на высоте! Ждём новых видосов :)
Очень понравился материал! После этого обучающего видео смотрел как верстают макет сайта. Все было предельно ясно.
Блин, лучший урок, что я видел по bootstrap
Спасибо Огромное!! Очень доходчиво все объясняешь!! Раньше как-то bootstrap не заходил мне..а после твоих уроков прям влетел))
Лайк, подписка. Однозначно. Решительно. Бесповоротно. О-о-очень грамотная и доступная подача. Просмотр одного этого ролика заполнил отдельные непонимания структуры сетки и оказался полезнее нескольких прочтений соответствующего раздела на сайте бутстрапа.
ГЕНИЙ
Алексей, из всех блогеров, ты объясняешь лучше всех!!! Побольше уроков,а то скучнова-то
ТЫ.ПРОСТО.ЛУЧШИЙ.
дружище, верстаю сайт с другом на бутстрапе, спасибо большое от души что объяснил
Спасибо за урок. Ты отличный учитель.
Отличные уроки хорошая внятная речь
просто и доходчиво, спасибо, урок прям супер
Вообще нормально обьяснил. Мужик!
Очень структурировано спасибо !
Храни тебя Бернерс-Ли!
Мега полезное видео, наверное даже самое полезное по bootstrap 4
спасибо большое за твои труды, все доступно))
Добрый день. Спасибо за Ваш труд.
Ну вообще все круто. Молодец
Чётко, понятно, наглядно. Отличный обзор, спасибо!
Спасибо за шикарный урок)
Спасибо за урок. Продолжайте в том же духе!
Большое спасибо! очень доступно объяснили
Огромное спасибо за видео! Все очень подробно и понятно :)
очень качественный урок.
Большое спасибо за видео! Теперь я понимаю что это за ряды и колонки во фреймворках и как их использовать.
Алексей, очень круто объясняешь, разложил всё прямо ОТ и ДО, теперь стало более понятно, как работать с данной сеткой, большое тебе спасибо)
Когда планируешь джедая верстки на bs4?
Видео - супер!!! Спасибо!
Отличный материал, спасибо!
Огромное Вам спасибо! За эти 45 минут Bootstrap перестал быть страшным зверем))
Спасибо. Было интересно
Просто наглядно спс...
Спасибо за Ваш труд !!!
Спасибо за урок!
Мне Grid больше понравился, расскажи как нибудь сравнение, своё мнение, думаю было бы интересно
Как всегда шикарно ) спасибо :)
Спасибо за руководство, годнота !
Спасибо друг, ты реально крут)
Спасибо прекрасно все обьяснил
Було цікаво. Дякую)
Суперское видео!
Все очень доступно и понятно. Спасибо!
Долго искал про это видео . А то на бутстрапе 3.7.6 надоела верстать
спасибо, а если мне нужно изменить кол-во колонок на других разрешениях? например, из четырёх колонок сделать шесть на разрешении больше 1600 (не 1200) и например, из двух сделать одну, на разрешении меньше 450 (не 576)? в таких случаях bootstrap подходит?
Спасибо за урок! Вопросы:
1. В каких случаях используется .container? Один раз, после body или для каждой секции?
2. Есть ли случаи, когда внутри .row нам необходимо использовать .container?
3. Допустимо ли использовать .container, но внутрь не вкладывать .row, а сразу вкладывать какие-то другие элементы?
4. Если я использую например бутстраповский Navbar или другие готовые компоненты, то мне нужно их оборачивать в .container и .row или нет?
5. Внутри готовых компонентов, для упорядочивания содержимого, можно делать ряды и колонки, или нет? И вообще, стоит ли извращаться с готовыми компонентами, или лучше делать тот же Navbar самому?
1. Контейнер используется тогда, когда в нём есть необходимость.
2. В Bootstrap такие случаи имеют место быть, но практической пользы в этом не вижу.
3. .col* должны быть в .row
4. Не использую компоненты Bootstrap, возможно ответ есть в документации. Однако думаю, что ответ №1 актуален и для этого пункта.
5. Компоненты не использую, думаю они более полезны для быстрого прототипирования, программистам например или для бэкенда.
Большое спасибо!
WebDesign Master красавчик на все ответил парню!!! Вот это я понимаю с душой относиться к своему ремеслу!!! Так держать,успехов во всем 👌
Вот WebDesign Master молодец! Почти все RUclips'ры на вопросы не отвечают, а вот когда их хвалят, говорят что они молодцы, говорят спасибо за уроки, сразу же они это видят и пишут "Рад помочшь)", "Да не за что)" и все такое. А WebDesign Master на все вопросы ответил. *ТАК ДЕРЖАТЬ!*
Добрый день! Поясните пожалуйста, при написании такого когда:
col-8
col-4
на всех разрешениях экрана от md(768px) и ВЫШЕ 1-ая ячейка будет занимать 8 из 12, а 2-ая 4 из 12 ячеек или только на разрешении md(768px) 1-ая ячейка будет занимать 8 из 12, а 2-ая 4 из 12, а при переходе от md на lg(или на sm) размер ячеек будет 6 из 12 ?
спасибо за подробный урок, Алексей. Не могу найти видео про компьютер и обстановку рабочего места. хотелось бы услышать ваши мысли по поводу организации рабочего места: стол, стул и т. п.
Добрый вечер . Подскажите как сделать так , чтобы при уменьшении ширины браузера колонки не выстраивалось вряд вертикально , а допустим была минимальная ширина колонки что ли ?
Супер! 100 лайков!
спасибо. супер обьяснение.
очень классный видос,посоветуй пожалуйста как лучше делать навигацию в хедере с выпадающими менюшками,когда при наведении мышки на кнопку с навигации появляется еще одна навигация и тд..
я делаю просто display none ,а через hover меняю значение. хорошая ли это практика?
Спасибо Алексей
А я Ваши уроки считаю не одними из лучших, а бесспорно лучшими на русском языке. Спасибо, что не скупитесь делиться знаниями!
Жаль что нельзя два лайка поставить.
Здравствуйте. Не подскажете - какой редактор использовался при создании этого видео, и как освоить сокращения при написании, чтобы код трансформировался так, как у Вас на видео (я так понимаю, это особенности редактора).
Здравствуйте.
ruclips.net/video/RfFtACtO998/видео.html
ruclips.net/video/JSGPd1E16-o/видео.html
Ждем джедай верстки 8 с нетерпением
Здравствуйте. Джедай верстки 8 уже на канале: ruclips.net/video/3PzzZ5eHHig/видео.html
Подскажите пожалуйста, как изменить размер .container? Например, мне нужно ширину в 1580px.
Спасибо, очень полезно
Алексей, нужна ваша помощь по фреймворку Unyson!
Как с вами можно связаться, помимо комментов на ютубе?
spasibo prosto respect!
хороший видос, красиво оформил
Подскажите как делать перезагрузку страницы автоматически после сохранения Ctrl+S// это скрипт какой-то?
Заметил в gulp task нету image-min. По вашему мнению какой метод эффективный для сжатия изображений gulp image min или сервисом tinypng?
Для меня лучший вариант на данный момент - TinyPNG для PS. imagemin полезен для сжатия больших объемов изображений. Тут двоякая ситуация. Если вы планируете использовать CMS в дальнейшем или фреймворк (98% вероятности) - сжатие на стороне Gulp смысла не имеет, так как всё равно придется настраивать вашу CMS на сжатие изображений. Если у вас статичные сайты (как в моём случае) - лучше использовать TinyPNG или плагин для Photoshop.
Однако у меня есть сайт, где очень много изображений, здесь действительно лучше запустить Gulp таск и оптимизировать все изображения скопом, обрезая и добавляя ватермарк по ходу дела.
Такие выводы.
Спасибо за ответ
Лайкос, пили ещё.
Здравствуйте, очень полезный урок, можно пожалуйста ссылку на следующий?
Здравствуйте. ruclips.net/video/lOXz0ZYuTqI/видео.html
Спасибо большое!!!
Алексей, в первую очередь спасибо за урок. Такой вопрос, будете ли вы на основе OptimizedHTML 4 делать сборку стремящуюся к 100% показателям в сервисе google page speed? Т.е. с инлайнывыми подключениями стилей и т.п.
Google Pagesped в настоящее время претерпел множество изменений. Появился интеллектуальный анализ на основании реальных показателей эффективности. Поэтому 100% теперь - это просто цифра, которая никак не повлияет на результат ранжирования. А вот реальная скорость работы сайта - это намного важнее. Даже если ваш новый сайт набирает всего 75% в первых тестах Google Pagespeed, реальные показатели спустя некоторое время могут быть или выше или ниже, в зависимости от того, насколько эффективен ваш сайт в реальном использовании, а не в синтетическом тесте. И ТОЛЬКО ТОГДА, когда ваш сайт получит реальную оценку (несколько месяцев), Google может изменить позиции в поисковой выдаче на основании этого показателя.
Я вас понял. Спасибо.
А как вы тестируете реальную скорость работы сайта?
В браузере ))
Спасибо!
А как сделать чтобы от md разрешения например логотип был слево
А если разрешении меньше он вставал по центру, а не прижимался к левому краю ?
Здравствуйте, у меня почему-то не работает упорядоченность элементов, а пишу как и вы