Блог
Дизайн-системы
руководство →
Ты не можешь построить дизайн-систему на Tailwind: Часть 1
Tailwind отлично подходит для прототипов. Но когда проект растёт, его основная концепция становится именно той причиной, по которой ваша дизайн-система разваливается.
Практическое руководство по иконкам в веб-проектах: Часть 2
Узнайте о недостатках иконочных шрифтов и почему SVG-спрайты — лучшая из возможных альтернатив. Практическая структура для масштабируемых веб-проектов.
Практическое руководство по иконкам в веб-проектах: Часть 1
Узнайте, как создать собственный шрифт с иконками из SVG-файлов и интегрировать его в Angular-проект с помощью Fantasticon.
Как использовать любой CSS-фреймворк в вашем проекте: Часть 5
Компоненты Bootstrap удобны, но не всегда идеально вписываются в дизайн вашего проекта. Чтобы избежать хаоса и ручного редактирования каждого компонента, важно выстроить систему кастомизации.
Как использовать любой CSS-фреймворк в вашем проекте: Часть 4
От переменных к реальному дизайну: как правильно кастомизировать кнопки Bootstrap для масштабируемой UI-системы.
Как использовать любой CSS-фреймворк в вашем проекте: Часть 3
Исследуйте, как извлекать цвета Bootstrap, встраивать согласованную цветовую палитру и переиспользовать переменные по всему проекту.
Как использовать любой CSS-фреймворк в вашем проекте: Часть 2
Переменные Bootstrap — мощный инструмент для управления стилями, но без правильной структуры их тяжело использовать.
Как использовать любой CSS-фреймворк в вашем проекте: Часть 1
При интеграции CSS-фреймворков или UI-библиотек часто подключают готовые сборки, но такой подход ограничивает возможности кастомизации и увеличивает размер проекта.