​​👩‍💻Как мы создавали дизайн-систему: опыт компании Звук

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

Читать...

​​🐊Эволюция в мире UX: как мы создали паттерн проектирования и упростили прогулки пользователей по панели управления

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

Читать...

​​🎗Как веб-технологии помогают искать золото

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

Читать...

​​📊 В чем разница между UI и UX. Детальное сравнение

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

Читать...

​​😍Вписаться в интерфейс, но не слиться с ним

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

Читать...

​​🤠Обзор архитектуры Compose с использованием паттерна «координатор»

В этой статье рассмотрим, пример реализации архитектуры UI-слоя на Compose, которая основывается на Uni-directional data flow и state hoisting с использованием паттерна «координатор» для навигации.

Читать...

​​🎵Записываем музыку при помощи CSS Grid

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

Читать...

​​👥Как мы «подружили» цифровые продукты холдинга «Финам» с помощью дизайн-системы

В этой статье я расскажу, как мы вместе с командой «Финам» придумали единый визуальный стиль для всех продуктов холдинга и создали UI Kit с набором готовых дизайн-решений.

Читать...

​​📈Улучшаем региональное продвижение сайта

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

Читать...

​​😶‍🌫️Не UI единым: как провести UX-ревью сложного IT-продукта и не утонуть в данных? Гайд от практика

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

Читать...

​​💻Особенности проектирования интерфейсов в ИБ продуктах на примере Ampire

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

Читать...

​​🚀Как быстро находить идеальные дизайн-решения в сложных задачах?

В этой статье я чётко и структурировано показываю, как можно использовать концепции ТРИЗ в дизайне.

Читать...

​​🧑‍💻Неизвестно полезный CSS. Часть 3

В этой статье мы рассмотрим четыре неизвестных широкому кругу разработчиков CSS-фишки.

Читать...

​​⚡️Тенденции адаптивного и инклюзивного дизайна: доступность для всех пользователей

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

Читать...

​​🦾Атрибут aria-disabled

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

Читать...

​​🔍Ищем баги в коде браузера при помощи фаззинга

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

Читать...

​​😍Анимации CSS, основанные на времени

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

Читать...

​​⚡️Supercat Store — новый менеджер состояний на JavaScript

В этой стаье я хочу рассказать о менеджере состояний Supercat.

Читать...

​​📱 Обновить UI за час: опенсорс фреймворк для быстрой разработки мобильных приложений Divkit

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

Читать...

​​🏗️ 7 архитектурных паттернов, которые должен знать каждый программист

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

Читать...

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

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

Читать...