Спасибо, ты перевернул мой мир! У твоего подхода есть будущее. Какая удача что я это увидел это сейчас, когда только начал верстать большой новый проект) Это будет трипл левел-ап моих навыков. P.S. На видео вебка тормозит примерно с середины. Жаль не сасс используешь. Лесс наверное чаще ищут, т.к. сейчас сасс ооочень тяжело поставить, там запара с ssl сертификатами для руби, нужно долго возится чтоб его завести
красавчик))) такой позитивный. но если бы чуть больше теории о том как ведут себя свойства: что\какое перекрывает, что обозначают. допустим я не знала такого свойства flex-direction. и по видео поняла, что его нужно прописать. а для чего - нет.
Дмитрий, здравствуйте! Посмотрел Ваше видео "удобная вёрстка". Вопросы : 1. Бутстрап вообще начинающему фронтэндеру стоит изучать, раз уж есть флексбоксы? 2. Вы упоминаете сборщик "Галп", а "Вебпак" не пробовали юзать, т.к читал мнение, что последний для фронтэнда круче. 3.С какого препроцессора стоит начать обучение? Заранее извиняюсь за возможно наивные и глупые вопросы, только 3 недели как начал изучать фронтэнд, а технологий столько, что каша в голове. Х.з как можно запомнить столько свойств CSS и вообще все их перепробовать в действии... Ответьте, если не сложно!
Работал в Less, работал в Stylus. Stylus гораздо удобнее, хотябы тем что в нем не надо писать точку с запитой и фигурные скобки - это очень подкупает. Однако куда не кинься везде говорят только о Less и Sass, почему о Stylus даже не заикаются?
calc() не поддерживает UC Browser доля которого от всех браузеров 10% caniuse.com/#search=calc (Выберите представление Usage Relative) Спасибо за Ваши уроки. Очень талантливый преподаватель
Здравствуйте. Не понял зачем писать wrapper'у падденги по бокам...вернее тут понятно, не понятно зачем тогда тут же их отрицательным марджином у row возвращать визуально туда же, наверно я что-то упускаю=)
Поучаствовать в развитии этой сетки потом нельзя? Я просто и sass знаю, точнее работаю с ним и Gulp и Git. Как локально так и на сервере все так же есть и умею с этим работать, чтобы можно было долгосрочно поддерживать проекты и стили править так же в препросах (sass). Просто у вас курс рассчитан на изучение этого всего, что я и так знаю) а вот сама идея сетки это очень круто, я загорелся этой идеей. Был бы рад поучаствовать. Ну если нет то нет, сам напишу. Но командно пилить фреймворк это куда интереснее)
Да как npm пакет это удобно) А только сетку планируете? или потом еще и js плагины? Я сразу как это все увидел загорелся сделать себе такую сетку и самые основные возможности js плагинов тоже со временем добавить. Чтобы их можно было "включать" в переменных. Например нужен параллакс, задал для переменной parallax: true и в скопиленный js добавился этот функционал. Чтобы по максимуму (но без фанатизма) избаваться от тяжеловесных сторонних либ. Да и просто своя подушка всегда мягче)
1)Получается сейчас главное html/css + less/sass + flexbox + gulp. И bootstrap не нужен? 2) Курс только один раз проведете? 3) я не знаю less и sass, будет сложно освоить курс?
1. Bootstrap помимо сетки содержит ещё кучу элементов. Он хорош для оформления админки на сайте, да и на собеседовании пригодится. Немножко знать его полезно. 2. Да, пока что в планах один раз. 3. Нормально. Нам из препроцессоров нужны только переменные и примеси (аналог функций в программировании). Это мы за мину 20 покажем на уроке №2.
А мы там в проект добавили две примеси: .row-flex() и .row-float(). Можно выбирать, как создавать горизонтальный поток. Но многие уже забили на IE9, ведь в отличие от IE8 он таки предлагает пользователю обновляться до IE11.
Не все так просто, попробуй объяснить это заказчику (на коммерческих сайтах) Кто-то подсказал заказчику, что на IE9 - 10 2-3 % людей работают, и все... упёрса, делай на IE9 Он не хочет понимать, что это не его клиенты. Вот и студии веб вынужденны верстать под 9-ку. Те кто занимается купи-продай по интернету - разбираются хорошо в компах, и всегда обновят свой браузер до последней версии. Во первых - это безопасность.... Но как довести это до клиента ???? Кстати, даже IE11 не все функции flexbox-а поддерживает Вот ссылка caniuse.com/#search=flex , если ютуб не удалит ее И еще, посмотри bootstrap v4.0.0-alpha.5 Вот ссылка v4-alpha.getbootstrap.com/ там уже встроен flex Переходи на sass, можно сделать чудеса с сеткой: - менять breakpoint-ы, неограниченно - менять количество колонок, в разумных пределах
Знания по верстке доструктуризировались и слушать было очень приятно.
Записи Ваших вебинаров очень ценны.
прикольно что Дмитрий использует один пример с каким-то там Хулио во всех видео. ВО ВСЕХ
Я твой верстка бутстрап писал.
Спасибо большое, очень просто и ОООООЧЕнь наглядно!! Успехов вам как в работе так и в жизни! Спасибо!
Спасибо!
У вас очень доступный язык изложения и основательный подход!
Спасибо, ты перевернул мой мир! У твоего подхода есть будущее. Какая удача что я это увидел это сейчас, когда только начал верстать большой новый проект) Это будет трипл левел-ап моих навыков.
P.S. На видео вебка тормозит примерно с середины. Жаль не сасс используешь. Лесс наверное чаще ищут, т.к. сейчас сасс ооочень тяжело поставить, там запара с ssl сертификатами для руби, нужно долго возится чтоб его завести
:) какая запара с sass? npm i gulp-sass и всё)) это наверно, если compass для sass использовать, тогда запара)
спасибо за видео!
сделайте обзор бутстрап 4 флекс!
красавчик))) такой позитивный. но если бы чуть больше теории о том как ведут себя свойства: что\какое перекрывает, что обозначают. допустим я не знала такого свойства flex-direction. и по видео поняла, что его нужно прописать. а для чего - нет.
спасибо))) а время теории по flex-ам тоже пришло - завтра вебинар - flexbox.ntschool.ru/
офигенно преподаешь и интересно)
20 лет назад ушли от таблиц и 20 лет пытаются побороть все недостатки дивов чтобы иммитировать таблицу
Отличное видео. Жаль не успел записаться на курс. Я письмо отписал, хотя бы увидеть запись.
Стартует новый поток - smartgrid.dmitrylavrik.ru/
Охренеть! Дайте два курса!
очень круто!
)) flex-wrap: left просто мне сломало мозг - полез гуглить почему такого значения не знаю)))
я правильно понимаю, что сейчас это уже не актуально ?
за годы ситуация изменилась, и теперь актуален Bootstrap 4
Спасибо) В последнее время если хочу углубиться в тему - смотрю ваши видео. Когда по bootstrap 4 проведете вебинар?
Ништяк )
Какой прикольный чувак)
следующая версия бутстрапа тоже на флексах будет кстати
Дмитрий, здравствуйте!
Посмотрел Ваше видео "удобная вёрстка". Вопросы :
1. Бутстрап вообще начинающему фронтэндеру стоит изучать, раз уж есть флексбоксы?
2. Вы упоминаете сборщик "Галп", а "Вебпак" не пробовали юзать, т.к читал мнение, что последний для фронтэнда круче.
3.С какого препроцессора стоит начать обучение?
Заранее извиняюсь за возможно наивные и глупые вопросы, только 3 недели как начал изучать фронтэнд, а технологий столько, что каша в голове. Х.з как можно запомнить столько свойств CSS и вообще все их перепробовать в действии...
Ответьте, если не сложно!
А этот курс видимо нету на youtube??? О котором идет реч
Работал в Less, работал в Stylus. Stylus гораздо удобнее, хотябы тем что в нем не надо писать точку с запитой и фигурные скобки - это очень подкупает.
Однако куда не кинься везде говорят только о Less и Sass, почему о Stylus даже не заикаются?
Все круто и спасибо, но качество печаль, код невидно
А можно исходники, а то на почту ничего не приходит
А у вас есть платные курсы? Где вы учите зеленых новичков с домашними заданиями? Спасибо за запись вебинара.
calc() не поддерживает UC Browser доля которого от всех браузеров 10%
caniuse.com/#search=calc
(Выберите представление Usage Relative)
Спасибо за Ваши уроки. Очень талантливый преподаватель
убогие браузеры вечно тормозят прогресс
его доля на российском рынке гораздо меньше, да и пофиг на этих пользователей, он почти ничего годного не поддерживает
Здравствуйте. Не понял зачем писать wrapper'у падденги по бокам...вернее тут понятно, не понятно зачем тогда тут же их отрицательным марджином у row возвращать визуально туда же, наверно я что-то упускаю=)
Поучаствовать в развитии этой сетки потом нельзя? Я просто и sass знаю, точнее работаю с ним и Gulp и Git. Как локально так и на сервере все так же есть и умею с этим работать, чтобы можно было долгосрочно поддерживать проекты и стили править так же в препросах (sass). Просто у вас курс рассчитан на изучение этого всего, что я и так знаю) а вот сама идея сетки это очень круто, я загорелся этой идеей. Был бы рад поучаствовать. Ну если нет то нет, сам напишу. Но командно пилить фреймворк это куда интереснее)
www.npmjs.com/package/smart-grid ,думаю развивать как npm-пакет. Пока что там сырая версия)
Да как npm пакет это удобно) А только сетку планируете? или потом еще и js плагины? Я сразу как это все увидел загорелся сделать себе такую сетку и самые основные возможности js плагинов тоже со временем добавить. Чтобы их можно было "включать" в переменных. Например нужен параллакс, задал для переменной parallax: true и в скопиленный js добавился этот функционал. Чтобы по максимуму (но без фанатизма) избаваться от тяжеловесных сторонних либ. Да и просто своя подушка всегда мягче)
1)Получается сейчас главное html/css + less/sass + flexbox + gulp. И bootstrap не нужен?
2) Курс только один раз проведете?
3) я не знаю less и sass, будет сложно освоить курс?
1. Bootstrap помимо сетки содержит ещё кучу элементов. Он хорош для оформления админки на сайте, да и на собеседовании пригодится. Немножко знать его полезно.
2. Да, пока что в планах один раз.
3. Нормально. Нам из препроцессоров нужны только переменные и примеси (аналог функций в программировании). Это мы за мину 20 покажем на уроке №2.
Конечно уже поздно писать но Макс ширина контента какая? Что лучше 1200 или 1280 или еще какие то есть
IE9 -го еще никто не отменял!
Flexbox - не работает вообще не IE9
так, что ни один коммерческий проект НЕ пройдет
А мы там в проект добавили две примеси: .row-flex() и .row-float(). Можно выбирать, как создавать горизонтальный поток.
Но многие уже забили на IE9, ведь в отличие от IE8 он таки предлагает пользователю обновляться до IE11.
Не все так просто, попробуй объяснить это заказчику (на коммерческих сайтах)
Кто-то подсказал заказчику, что на IE9 - 10 2-3 % людей работают, и все... упёрса, делай на IE9
Он не хочет понимать, что это не его клиенты. Вот и студии веб вынужденны верстать под 9-ку.
Те кто занимается купи-продай по интернету - разбираются хорошо в компах, и всегда обновят свой браузер до последней версии. Во первых - это безопасность....
Но как довести это до клиента ????
Кстати, даже IE11 не все функции flexbox-а поддерживает
Вот ссылка caniuse.com/#search=flex , если ютуб не удалит ее
И еще, посмотри bootstrap v4.0.0-alpha.5
Вот ссылка v4-alpha.getbootstrap.com/
там уже встроен flex
Переходи на sass, можно сделать чудеса с сеткой:
- менять breakpoint-ы, неограниченно
- менять количество колонок, в разумных пределах
какую методологию вы используете?
никакую?
720p ((
ОШИБАЕШЬСЯ! Работа верстальщика - это искусство. Придумывать структуру и правильно называть классы.
Дмитрий, почему ваши ученики начинают писать, что bootstrap говно. Уж не вы ли им мозги промываете?
бутстрап 4 уже, что за бред