6 советов по удобным интерфейсам за июнь

6 советов по удобным интерфейсам за июнь

Хабр, привет! Сегодня мы поговорим о том, зачем надо отделять код страны от основной части телефона, зачем сохранять фокус в поле ввода после валидации, какие проблемы могут вызвать моушен анимации, как связан Esc и выпадающие списки, как фокус ускоряет ввод почты и role="button" не всегда про доступность. Читать далее

Подробнее
Влияние SEO оптимизации на обеспечение доступности веб-контента для людей с ограниченными возможностями

Влияние SEO оптимизации на обеспечение доступности веб-контента для людей с ограниченными возможностями

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

Подробнее
6 хороших практик по HTML и CSS

6 хороших практик по HTML и CSS

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

Подробнее
<img>. Доклад Яндекса

<img>. Доклад Яндекса

«Просто добавь картинку на сайт», — говорили они. А оказалось, что «просто» не значит «правильно». В докладе я постарался разобраться, как эффективно добавлять изображения на страницу, какие форматы графики для каких случаев полезны и как автоматизировать автоматизируемое. — Всем привет. У меня доклад с интригующим названием в виде одного тега. Читать дальше →

Подробнее
[Из песочницы] Делаем модальные окна для сайта. Заботимся об удобстве и доступности

[Из песочницы] Делаем модальные окна для сайта. Заботимся об удобстве и доступности

Я занимаюсь вёрсткой и программированием сайтов. Почти в каждом макете, который я верстал, были модальные окна. Обычно это формы заказа звонка в лендингах, уведомления о завершении каких-то процессов, или сообщения об ошибках. Вёрстка таких окон сначала кажется простой задачей. Модальные окна можно сделать даже без помощи JS только лишь с помощью CSS, но на практике они оказываются неудобными, и из-за маленьких недочетов модальные окна раздражают посетителей сайта. В итоге было…

Подробнее
Веб-компоненты в реальном мире (часть 2)

Веб-компоненты в реальном мире (часть 2)

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

Подробнее
Ёлочка