Пока весь мир ещё не утонул в оливье, хотим поделиться новостями. В январе стартует два новых курса: «Дизайн-системы для фронтендеров» и «Анимации, часть 1. CSS-анимации». Немного подробнее про каждый из них 👇
На курсе «Дизайн-системы для фронтендеров» мы начнём с изучения дизайн-систем и их принципов, и постепенно перейдём к особенностям технической реализации. Наша задача — понять все принципы и философию дизайн-систем.
Вы научитесь:
- Отличать UI-кит от дизайн-системы и правильно выбирать их под задачу.
- Выделять системы из существующего дизайна.
- Выделять компоненты и правильно использовать переменные.
- Строить дизайн-системы в коде с нуля.
- Эффективнее организовывать процесс работы с дизайнерами.
- Документировать дизайн-систему.
- Публиковать дизайн-систему и вносить в неё изменения.
Записаться на курс — https://tml.io/9opkt
На курсе «Анимации, часть 1. CSS-анимации» вы научитесь делать самые разные CSS-анимации: микро-анимации, анимации без взаимодействия пользователя, анимации по движению мыши и по скроллу.
После прохождения курса вы сможете:
- Самостоятельно добавлять в проект микро-анимации любого уровня
- Собирать сложносоставные анимации: лоудеры, эффект Кена Бернса и т.п.
- Добавлять анимации, зависимые от движения мыши, например, параллакс.
- Менять положение элементов и их видимость по скроллу.
Записаться на курс — https://tml.io/rm9hk
Приятный бонус, до 8 января на все курсы для мидлов действует скидка до 31%, выбрать свой курс можно здесь — https://tml.io/qwklc
С наступающим Новым годом от команды курсов для опытных разработчиков 🌟
П.с. теперь вы можете ставить реакции на наши посты 👍❤️🔥👎
На курсе «Дизайн-системы для фронтендеров» мы начнём с изучения дизайн-систем и их принципов, и постепенно перейдём к особенностям технической реализации. Наша задача — понять все принципы и философию дизайн-систем.
Вы научитесь:
- Отличать UI-кит от дизайн-системы и правильно выбирать их под задачу.
- Выделять системы из существующего дизайна.
- Выделять компоненты и правильно использовать переменные.
- Строить дизайн-системы в коде с нуля.
- Эффективнее организовывать процесс работы с дизайнерами.
- Документировать дизайн-систему.
- Публиковать дизайн-систему и вносить в неё изменения.
Записаться на курс — https://tml.io/9opkt
На курсе «Анимации, часть 1. CSS-анимации» вы научитесь делать самые разные CSS-анимации: микро-анимации, анимации без взаимодействия пользователя, анимации по движению мыши и по скроллу.
После прохождения курса вы сможете:
- Самостоятельно добавлять в проект микро-анимации любого уровня
- Собирать сложносоставные анимации: лоудеры, эффект Кена Бернса и т.п.
- Добавлять анимации, зависимые от движения мыши, например, параллакс.
- Менять положение элементов и их видимость по скроллу.
Записаться на курс — https://tml.io/rm9hk
Приятный бонус, до 8 января на все курсы для мидлов действует скидка до 31%, выбрать свой курс можно здесь — https://tml.io/qwklc
С наступающим Новым годом от команды курсов для опытных разработчиков 🌟
П.с. теперь вы можете ставить реакции на наши посты 👍❤️🔥👎
🔥19👍6
Подарок к Новому Году для будущих веб-разработчиков🎁
Бесплатная неделя занятий, которая включает в себя:
— Доступные материалы для новичков.
— Доступ к тренажёрам по HTML, CSS, JavaScript и PHP.
— Заряд мотивации и советы по борьбе с прокрастинацией.
+ подарки от партнеров
+ скидки на обучение
+ шанс выиграть курс «HTML и CSS. Профессиональная вёрстка сайтов»
Стартуем уже завтра🌟
Успейте записаться на бесплатный новогодний челлендж
Бесплатная неделя занятий, которая включает в себя:
— Доступные материалы для новичков.
— Доступ к тренажёрам по HTML, CSS, JavaScript и PHP.
— Заряд мотивации и советы по борьбе с прокрастинацией.
+ подарки от партнеров
+ скидки на обучение
+ шанс выиграть курс «HTML и CSS. Профессиональная вёрстка сайтов»
Стартуем уже завтра🌟
Успейте записаться на бесплатный новогодний челлендж
👍19🔥4
Графический редактор — второй по важности инструмент верстальщика после редактора кода. Дизайнеры создают макеты сайтов и приложений и передают готовые файлы в вёрстку, а верстальщик получает из них всю необходимую информацию
Мы собрали подборку универсальных плагинов для Figma, которые пригодятся всем. Обязательно загляните в каталог на сайте самостоятельно, там вы найдёте ещё больше плагинов.
Bannerify Banner Studio
Анимируйте и экспортируйте готовые баннеры из Figma в HTML, GIF и видео.
Anima
Переходите от высокоточных прототипов к удобному для разработчиков HTML, CSS, React и Vue.
Figma Tokens
Даёт возможность использовать маркеры дизайна.
Motion
Позволяет создавать анимацию в Фигме.
Vectary 3D Elements
Добавляет недостающее третье измерение в ваши 2D-проекты.
Humaaans for Figma
Удивительная библиотека иллюстраций под названием Humaaans Пабло Стэнли.
Illustrations
Позволяет вставлять высококачественные бесплатные иллюстрации прямо в Figma.
Мы собрали подборку универсальных плагинов для Figma, которые пригодятся всем. Обязательно загляните в каталог на сайте самостоятельно, там вы найдёте ещё больше плагинов.
Bannerify Banner Studio
Анимируйте и экспортируйте готовые баннеры из Figma в HTML, GIF и видео.
Anima
Переходите от высокоточных прототипов к удобному для разработчиков HTML, CSS, React и Vue.
Figma Tokens
Даёт возможность использовать маркеры дизайна.
Motion
Позволяет создавать анимацию в Фигме.
Vectary 3D Elements
Добавляет недостающее третье измерение в ваши 2D-проекты.
Humaaans for Figma
Удивительная библиотека иллюстраций под названием Humaaans Пабло Стэнли.
Illustrations
Позволяет вставлять высококачественные бесплатные иллюстрации прямо в Figma.
👍16❤5🔥1