Или: Почему бесконечный скроллинг в CRM — это преступление, а горячие клавиши — акт милосердия 🧠 Пролог: Парадокс «пчёл и мёда» Вы когда-нибудь задумывались, почему после часа в TikTok вы чувствуете себя… опустошённым? Вроде и видео смешные, и лента бесконечная, и мозг вроде работал. Но ощущение, что вас выпотрошили и забыли закрыть. А после трёх часов написания кода или работы над сложной таблицей вы чувствуете усталость, но… удовлетворение. Будто сделали что-то важное. Разница не в контенте.
Подробнее
Или: Как Apple, Samsung и Google пытаются скрестить ёжика с ужом, а вы всё равно работаете за ноутбуком 🧻 Пролог: Возвращение к истокам (с чувством глубокого удовлетворения) В прошлой серии мы выяснили, что клавиатура и мышь до сих пор правят миром. Сенсорные экраны гениальны для потребления, но для созидания — увы. Геймпады удобны для гонок и файтингов, но в шутерах мышка побеждает с разгромным счётом. Голосовой ввод — это круто, но попробуйте надиктовать код на C++ без ошибок. Мы оставили вас
Подробнее
Или: Как сенсорный интерфейс захватил мир, но проиграл битву за профессионалов 🖱️ Пролог: Парадокс поколения, которое умеет тыкать, но не умеет нажимать Понаблюдайте за современным ребёнком. В два года он уверенно листает TikTok на смартфоне. В три — находит на YouTube мультики. В четыре — открывает камеру и снимает сторис. Его пальцы скользят по стеклу с невероятной ловкостью. А теперь дайте ему пульт от телевизора. Ребёнок будет тыкать пальцем в экран, ожидая, что он отреагирует на касание.
Подробнее
Плохой URL путает пользователей, хороший — работает как швейцарский нож. Разбираем анатомию, правила построения иерархичных путей, мощь Query-параметров и истинное назначение Hash. Практика на JavaScript и чеклист готовых решений. Читать далее
Подробнее
Привет! Это первая статья из серии разборов элементов веб-вёрстки для дизайнеров интерфейсов (и немного аналитиков). Разберём атрибуты разных тегов, свойства, которые можно к ним применить, поведение в разных обстоятельствах. А главное – как они влияют на то, что видит пользователь на экране (и слышит), и какие неочевидные моменты можно продумать в дизайне заранее. Начнём со ссылок, которые обозначаются в HTML тегом . Читать далее
Подробнее
Как делать дизайн для бизнеса и больших корпораций по всему миру? В чем его отличие от дизайна для В2С? Какие есть особенности? В чем сложности работы и подводные камни? И может ли В2В быть интереснее и увлекательнее B2C? Я заметила, что статей и выступлений о дизайне в В2С намного больше. Даже если в названии статьи так прямо не говорится, чаще всего описывается специфика или опыт именно работы над В2С-продуктами. Про В2В говорят намного меньше, хотя, на мой взгляд, это ничуть не менее…
Подробнее
Hola, Amigos! На связи Игорь Мельников, Frontend-разработчик компании Amiga. Возможно, вы уже слышали про технологии, которые я описываю в статье, но не использовали их, потому что думали, что они не поддерживаются актуальными браузерами. Теперь можете смело брать их во всеоружие и применять в своих проектах! Я решил в одном месте собрать информацию о нескольких новых фичах, которыми начал пользоваться сам и вам советую. А если эта статья покажется вам полезной, то дайте знать в…
Подробнее
Привет, Хабр! Меня зовут Александр Водолазских. Я живу в Новосибирске и я работаю Frontend Domain Lead в СберМаркете. Сегодня хочу немного поговорить об опыте работы с Tailwind CSS — utility-first CSS framework. Поделюсь болью и радостью, которые возникли при его эксплуатации. Читать далее
Подробнее
Привет! Меня зовут Сергей Топунов, я фронт-разработчик в SM Lab. Недавно мы сделали редизайн одной из наших внутренних систем, о чем я и хочу вам сегодня рассказать. «Оценка вклада» — это внутренняя Backoffice-система, которая нужна для регулярной оценки сотрудников. Она позволяет отметить точки роста, рабочий прогресс коллег, а также получить отзыв от других сотрудников. Основная задача, которая стояла перед нашей командой, заключалась в том, чтобы качественно и за ограниченное время…
Подробнее
Один великий китайский философ сказал: «каждый разработчик должен понимать, как исполняется его программа». Что ж, давайте разбираться. Говорить будем про рендеринг и его производительность. Меня зовут Глеб Михеев, я CTO Skillbox Holding, а также руководитель программного комитета FrontendConf. Уже как 19 лет работаю в коммерческой разработке. Сегодня я расскажу, как устроен браузерный конвейер поставки кадров на экран и что нужно знать каждому разработчику, чтобы его интерфейсы были…
Подробнее
Хабр, привет! Сегодня мы поговорим о том, зачем надо отделять код страны от основной части телефона, зачем сохранять фокус в поле ввода после валидации, какие проблемы могут вызвать моушен анимации, как связан Esc и выпадающие списки, как фокус ускоряет ввод почты и role="button" не всегда про доступность. Читать далее
Подробнее
Данная статья поможет улучшить взаимодействие между дизайнерами и верстальщиками для минимизации ошибок и повышения продуктивности работы. Работа богата практическими примерами. Она будет полезна специалистам разного профиля. Дизайн является основой качественной верстки и помогает успешно продолжить создание веб-приложения. Читать далее
Подробнее