Урок: верстка сложных PSD-макетов из Photoshop в HTML/CSS. Без использования Bootstrap, на чистых медиа-запросах. Море практики! СКАЧАТЬ МАКЕТ И ВЕРСТКУ: wayup.in/lm/load/lm65
А давайте сделаем что-то невероятное вместе? Попробуем создать дизайн сайта в Figma по трём разным концепциям. Мастер класс, где будет реализовываться дизайн с нуля, очень подойдёт для начинающих и более опытных дизайнеров :)
Сегодня я хочу вам рассказать как устроена bootstrap grid. Дело в том, что лишь единицы дизайнеров знают как ДЕЙСТВИТЕЛЬНО работает эта сетка в вебе. Остальные же пользуются правилами, которые действительны для полиграфии, поскольку там нет динамических элементов. В web разработке же это несколько сложнее и тут нужно понимать так же техническую составляющую для корректной отрисовки, чтобы потом получалась правильная верстка.
модульная сетка в вебе отличатся от сетки в полиграфии, но как только вы поймёте принцип работы, вам не составит труда рисовать и разрабатывать макеты с сеткой. И уже будет абсолютно неважно какой css фреймворк использовать, будь то Bulma, Tailwind CSS, Semantic UI, Foundation или Materialize CSS. В сегодняшнем видео я сделаю небольшой набросок дизайна в photoshop, а потом покажу пример кода на bootstrap 4 tutorial.
Привет, меня зовут Виталий Киренков, и я занимаюсь веб-разработкой с 2007 года. За это время я сверстал более 200 сайтов (как минимум, половина из них с JavaScript), разработал с коллегами 2 интернет-банка на React Redux Typescript. И на этом канале я делюсь своим опытом в части вёрстки, javascript, и делаю всякие полезные видео для новичков и не только.
Больше информации обо мне: kirenkov.me/
Всем привет, друзья! 18 января 2018 года случилось важное событие — вышла из беты долгожданная версия Bootstrap 4, основанная на использовании модели Flexbox для разметки, которая в настоящее время уже имеет поддержку всех современных браузеров и является более удобной и гибкой для разработчиков.
Сегодня мы подробно разберем работу с сеткой Bootstrap 4, по ходу дела сравнивая её со старой версией. Данный урок будет полезен вам не только если вы новичок и знакомитесь с Bootstrap, но и в том случае, если вы опытный разработчик и хотите изучить все правила и нюансы верстки с использованием сетки Bootstrap 4.