​​👥Как я делал шрифтовые иконки. Совмещаем желание 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-проектах

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

Читать...

​​😎Полный гайд по CSS Flexbox с примерами из практики

В этой статье мы поговорим про flexbox в css.

Читать...

​​💬 Тосты – всплывающие уведомления. Как создать идеальный тост

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

Читать...

​​🚀Как в МТС запускали уникальный b2b-сервис и почему нельзя сразу построить ракету

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

Читать...

​​😶‍🌫️Factor and Block CSS — методология CSS

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

Читать...

​​🤠Как писать просто, понятно и для интерфейсов: лучшие практики UX-редакторов Ozon

В этой статье мы с вами разберем, что такое UX-редактура, какие бывают форматы интерфейсных текстов и как их писать качественно, быстро и просто.

Читать...

​​👍 Легким движением руки приложение становится понятным. Как мы сделали уведомления в личном кабинете более заметными

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

Читать...