Логово верстальщика

​​🤔Интерфейс доступный каждому: практические рекомендации В этой статье мы разберемся как проектировать интерфейсы, с которыми будет удобно взаимодействовать пользователям с особенными потребностями. Читать...

​​🧐Как создать дизайн-систему, в которой комфортно всем Сегодня я расскажу про ключевые этапы эволюции нашей дизайн-системы. Читать...

​​🚀Atomic Design в веб-дизайне В этой статье мы рассмотрим основные принципы атомарного веб-дизайна и его преимущества для разработчиков и пользователей. Читать...

​​✨Видеоредактор, работа с видео и зачем там Canvas В этой статье я расскажу зачем нужно было делать свой редактор для веба и почему не использовать готовый. Читать...

​​🖥Experience — не просто опыт. Interface — не просто экран В статье расскажу о том, как я пытался разобраться в определениях UX, UI, почему их недооценивают и почему важно понимать суть своей специальности. Читать...

​​🖼Простые правила при работе с растровыми изображениями на каждый день В этой статье автор расскажет как практически без вложений улучшить пользовательский опыт. Читать...

​​⚡️Способы позиционирования макетов в Figma, их преимущества и недостатки В этой статье я расскажу, как в продукте мы позиционируем макеты внутри рабочего пространства. Читать...

​​👩Как разработать персональный план развития для UX-дизайнера: примеры PDP и шаблон для самостоятельной работы В этой статье я расскажу о PDP и его внедрении в трек развития UX-дизайнеров в Selectel. Читать...

​​🧱Как мы сломали стену между разработкой и дизайном В этой статье автор расскажет о проблеме в коммуникациях между разработчиками и дизайнерами. Читать...

​​🔥Как атомарный дизайн облегчает жизнь дизайнерам и делает счастливее заказчика? В статье раскрыли неочевидные плюсы для заказчика, если подрядчик использует атомарный подход и рассказали, как методология экономит ресурсы студии. Читать...

​​😉Feature-Sliced Design – альтернативный подход к организации кода приложений В этой статье автор расскажет о том, как устроена Feature-sliced Design, чем она отличается от «классической» организации кода, плюсах и минусах от её внедрения Читать...

​​🤔Как HTML и CSS влияют на доступность В этой статье автор расскажет о интерактивных элементах, доступности текста, анимации и изображениях. Читать...

​​🧑‍💻Как в крупных компаниях ведут версионирование сценариев в Figma В этой статье я хочу поделиться опытом ведения макетов, так чтобы это было похоже на Git, которым пользуются все разработчики. Читать...

​​😎Как приготовить хорошие cookies: 57 гайдлайнов В этой статье автор расскажет как спроектировать сообщение о согласии с cookies. Читать...

​​😮5,5 миллионов рублей на product дизайне за год В этой статье я хочу поделиться своим опытом и дать пару советов, которые могли бы помочь дизайнерам пробить свой потолок. Читать...

​​⚡️Простой и эффектный parallax-эффект без JavaScript В этой статье я расскажу, как сделать parallax-эффект, который помог нам наглядно показать стилистические различия между светлой и темной темами на сайте «Дизайн-система НЛМК». Читать...

​​👤Что такое autoscale и с чем его верстают В этой статье автор расскажет в чем концептуальный смысл резиновой верстки. Читать...

​​🌐Как работают браузеры, часть 3: деревья специальных возможностей и рендеринга В этой статье мы разберемся, как создается дерево рендеринга. Читать...

​​🚀Паттерны реактивности в современном JavaScript В этой статье автор расскажет как комбинировать паттерны для реактивного рендеринга, логгирования, анимирования, обработки пользовательских событий и других вещей, происходящих в браузере. Читать...

​​😕Ох уж эти CSS-переменные В этой статье автор расскажет про пользовательские свойства, и поделится своим опытом. Читать...