Что использовать: гриды или флексы? Для чего действительно нужны флексы и когда не стоит их использовать?

Ответим на всё в нашей статье: «Примеры использования флексбоксов».

Читать статью

С помощью CSS можно создавать крутые картинки, логотипы и анимацию. Собрали пять нестандартных примеров использования языка.

Читать статью

Вопросы — это нормально, особенно, если они по теме, в которой вы только начинаете делать первые шаги. Мы всегда рады вопросам наших студентов и помогаем им во всём разобраться — вот и сейчас мы хотим, чтобы мир разработки стал для всех чуточку понятнее.

Задавайте под этим постом любые интересующие вас вопросы об IT, а мы вам обязательно ответим😺

Figma — это графический онлайн-редактор для дизайнеров интерфейсов и веб-разработчиков. Сейчас это удобная, бесплатная альтернатива Photoshop. Большое преимущество платформы — возможность работать прямо в браузере. При этом есть и десктопная версия. Расскажем, что надо знать верстальщику при работе с макетом в Figma.

Читать статью

Пока весь мир ещё не утонул в оливье, хотим поделиться новостями. В январе стартует два новых курса: «Дизайн-системы для фронтендеров» и «Анимации, часть 1. CSS-анимации». Немного подробнее про каждый из них 👇

На курсе «Дизайн-системы для фронтендеров» мы начнём с изучения дизайн-систем и их принципов, и постепенно перейдём к особенностям технической реализации. Наша задача — понять все принципы и философию дизайн-систем.

Вы научитесь:
- Отличать UI-кит от дизайн-системы и правильно выбирать их под задачу.
- Выделять системы из существующего дизайна.
- Выделять компоненты и правильно использовать переменные.
- Строить дизайн-системы в коде с нуля.
- Эффективнее организовывать процесс работы с дизайнерами.
- Документировать дизайн-систему.
- Публиковать дизайн-систему и вносить в неё изменения.

Записаться на курс — https://tml.io/9opkt

На курсе «Анимации, часть 1. CSS-анимации» вы научитесь делать самые разные CSS-анимации: микро-анимации, анимации без взаимодействия пользователя, анимации по движению мыши и по скроллу.

После прохождения курса вы сможете:
- Самостоятельно добавлять в проект микро-анимации любого уровня
- Собирать сложносоставные анимации: лоудеры, эффект Кена Бернса и т.п.
- Добавлять анимации, зависимые от движения мыши, например, параллакс.
- Менять положение элементов и их видимость по скроллу.

Записаться на курс — https://tml.io/rm9hk

Приятный бонус, до 8 января на все курсы для мидлов действует скидка до 31%, выбрать свой курс можно здесь — https://tml.io/qwklc

С наступающим Новым годом от команды курсов для опытных разработчиков 🌟

П.с. теперь вы можете ставить реакции на наши посты 👍❤️🔥👎

Подарок к Новому Году для будущих веб-разработчиков🎁

Бесплатная неделя занятий, которая включает в себя:
— Доступные материалы для новичков.
— Доступ к тренажёрам по HTML, CSS, JavaScript и PHP.
— Заряд мотивации и советы по борьбе с прокрастинацией.

+ подарки от партнеров
+ скидки на обучение
+ шанс выиграть курс «HTML и CSS. Профессиональная вёрстка сайтов»

Стартуем уже завтра🌟

Успейте записаться на бесплатный новогодний челлендж

Графический редактор — второй по важности инструмент верстальщика после редактора кода. Дизайнеры создают макеты сайтов и приложений и передают готовые файлы в вёрстку, а верстальщик получает из них всю необходимую информацию

Мы собрали подборку универсальных плагинов для 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.