​​👩‍💻Как дизайнеру и разработчику понимать друг друга

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

Читать...

​​👍Применение айтрекинга в тестировании юзабилити интерфейсов веб-сайтов

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

Читать...

​​🧐HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 8

В этой статье мы рассмотрим какие скрытые проблемы с паттерном «visually-hidden» нас ждут, в каких ситуациях кнопка «Закрыть» указывает на выход, и чем вредно значение contents у свойства display.

Читать...

​​😉UI-дзен: как мы познали гармонию, обновив библиотеку компонентов для дизайн-системы Shoelace

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

Читать...

​​🚀Новые функции CSS (mod, round) или как сделать анимированные Sprite Sheet без JS

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

Читать...

​​👋Реализуем touch жесты на vanilla js. Часть 2 (drag, resize)

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

Читать...

​​👥Как я делал шрифтовые иконки. Совмещаем желание UX-дизайнеров и возможности фронтендеров

В этой статье автор расскажет о создании иконочных шрифтов из файлов SVG с помощью библиотеки noscripttofont и оптимизации этих шрифтов с помощью библиотеки SVGO.

Читать...

​​👨‍💻37 Советов от Senior Frontend Разработчика. Для начинающих

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

Читать...

​​😎Ловкость рук, четкость алгоритма и никакого мошенничества: чек-лист для дизайнеров интерфейсов и фронтенд-разработчиков

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

Читать...

​​🎛 Bricks: новый подход к управлению интерфейсами

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

Читать...

​​👍Законы UX-дизайна: что делает пользователей счастливее, а продукт лучше

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

Читать...

​​👌Что нужно знать о современном CSS

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

Читать...

​​🎃Непроизвольная тирания пользовательских интерфейсов

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

Читать...

​​🚀Автостопом по дизайн-системе. Путеводитель с оглавлением

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

Читать...

​​👩‍💻Доступность, она же accessibility: делимся нашим опытом разработки

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

Читать...

​​⚡️Адаптив без боли: как сделать резиновую вёрстку с заботой обо всех разрешениях

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

Читать...

​​🔥Пишем веб-компонент для noscript иконок

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

Читать...

​​🎅Летающий Санта и танцующие снегири: опыт реализации и оптимизации CSS-анимации

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

Читать...

​​🤨Как помочь дизайнеру не обмануть ожидания пользователей

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

Читать...

​​👤Дитер Рамс: дизайнер, определивший современность

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

Читать...

​​🧐Зачем и как проектировать пользовательский опыт в B2B BI-проектах

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

Читать...