​​👤Что такое autoscale и с чем его верстают

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

Читать...

​​⚡️Простой и эффектный parallax-эффект без JavaScript

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

Читать...

​​😮5,5 миллионов рублей на product дизайне за год

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

Читать...

​​😎Как приготовить хорошие cookies: 57 гайдлайнов

В этой статье автор расскажет как спроектировать сообщение о согласии с cookies.

Читать...

​​🧑‍💻Как в крупных компаниях ведут версионирование сценариев в Figma

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

Читать...

​​🤔Как HTML и CSS влияют на доступность

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

Читать...

​​😉Feature-Sliced Design – альтернативный подход к организации кода приложений

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

Читать...

​​🔥Как атомарный дизайн облегчает жизнь дизайнерам и делает счастливее заказчика?

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

Читать...

​​🧱Как мы сломали стену между разработкой и дизайном

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

Читать...

​​👩Как разработать персональный план развития для UX-дизайнера: примеры PDP и шаблон для самостоятельной работы

В этой статье я расскажу о PDP и его внедрении в трек развития UX-дизайнеров в Selectel.

Читать...

​​⚡️Способы позиционирования макетов в Figma, их преимущества и недостатки

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

Читать...

​​🖼Простые правила при работе с растровыми изображениями на каждый день

В этой статье автор расскажет как практически без вложений улучшить пользовательский опыт.

Читать...

​​🖥Experience — не просто опыт. Interface — не просто экран

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

Читать...

​​✨Видеоредактор, работа с видео и зачем там Canvas

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

Читать...

​​🚀Atomic Design в веб-дизайне

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

Читать...

​​🧐Как создать дизайн-систему, в которой комфортно всем

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

Читать...

​​🤔Интерфейс доступный каждому: практические рекомендации

В этой статье мы разберемся как проектировать интерфейсы, с которыми будет удобно взаимодействовать пользователям с особенными потребностями.

Читать...

​​⚽️Создаем мини-игру с капельным эффектом и движущимися кружками. Часть 1

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

Читать...

​​👤Архитектура дизайн-системы. Критикуем и предлагаем

В этой статье мы рассмотрим как можно сократить производственные расходы, разграничив область работы с дизайн-системой на часть для дизайнеров и не дизайнеров, которые смогут работать с исходными сущностями дизайн-системы, собирать макеты, заменяя при этом низкоквалифицированных дизайнеров.

Читать...

​​🥎Создаем мини-игру с капельным эффектом и движущимися кружками. Часть 2. Финал

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

Читать...

​​😍Как сделать эффект Parallax с помощью CSS

В этой статье мы рассмотрим, в каких ситуациях оправдано использование параллакс-скроллинга, разберем, как реализовать его с помощью CSS, и почему для этого стоит использовать именно CSS, а не JavaScript.

Читать...