👨🏻‍💻 КОДИНГ [Дмитрий Лаврик] Продвинутая вёрстка - smartgrid

Moderator

Модератор
29 Янв 2026
14,059
1
38
dmitrij-lavrik-prodvinutaja-vjorstka-smartgrid.11366.jpg

Название:
Продвинутая вёрстка - smartgrid
Автор: Дмитрий Лаврик



Какова ценность умения верстать быстро, например, так как было показано в видео наверху?
— Не знаю, наверно очень большая.
Ведь эти приёмы нужно освоить всего один раз и они ускорят вёрстку каждого макета в 2-3 раза.

  • 6 вебинаров по вторникам и пятницам в 20:00 по Москве

  • 4 вида сетки, каждый из которых круче всех имеющихся аналогов

  • 7 скилов, которые пополнят твоё резюме

  • ВСЕ материалы, исходные коды и видео записи занятий
Это мероприятие для тех, кто:

  • Владеет основами вёрстки, в том числе, адаптивной

  • Периодически бесится при создании адаптивной вёрстки

  • Хочет освоить крутейший инструмент и стать мастером
Программа мероприятия:

Основы Flexobox
Основная и вспомогательная оси
Лёгкие вертикальные выравнивания
Адаптивка без media-запросов
Определение размера элементов

Разбор домашних работ
Прокачивание мастерства Flexbox
Тонкости адаптивных реализаций
Всевозможные выравнивания
Слабости flexbox без media

Node.js и NPM - основы магии
Gulp - сборка проекта
LESS - генератор CSS
Group CSS Media Queries
Autoprefixer - кроссбраузерность

Основы CSS-препроцессоров
Иерархическое написание
Переменные и примеси
Написание кода на LESS
Написание кода на SASS (SCSS)

Основы создания сетки
Отступы в px или в %
Margin и padding варианты
npm i smartgrid - поехали!
Настройка свойств сетки

Вёрстка макета
Оптимизация кода
Иерархия селекторов vs BEM
Дополнительные приёмы вёрстки
Наслаждение результатом

Авторизуйтесь, чтобы посмотреть скрытый контент.

 

Создайте учетную запись или войдите, чтобы комментировать или скачивать материалы!

У вас должна быть учетная запись, чтобы оставлять комментарии

Зарегистрироваться

Создайте учетную запись. Это просто!

Авторизоваться

У вас уже есть аккаунт? Войдите здесь.

Похожие темы