Метка: верстка

Рубрики
Верстальщику Разработка

Проблемы доступности веб-форм

Идея изображения с сайта www.deque.com

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

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

Продолжить чтение «Проблемы доступности веб-форм»
Рубрики
Верстальщику Разработка

Tailwind CSS: to use, or not to use?

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

Лично я был весьма доволен результатом моей работы с фреймворком, однако объективно понимал, что это не совсем то, что можно назвать «best practice» в мире CSS. Именно в силу своих двояких чувств я решил написать этот материал, в котором для себя и может еще для кого-то кто думает попробовать этот фреймворк разложить все по полочкам. Когда-то давно я уже публиковал пост с размышлениями о том, стоит ли вообще использовать CSS фреймворки. Теперь, когда для многих вопрос с использованием не возникает вообще, стоит рассмотреть конкретный пример.

Продолжить чтение «Tailwind CSS: to use, or not to use?»
Рубрики
Верстальщику

Фронтенд по фэн-шуй. Часть 3

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

Компонентный подход

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

Продолжить чтение «Фронтенд по фэн-шуй. Часть 3»
Рубрики
Верстальщику

Фронтенд по фэн-шуй. Часть 2

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

Продолжить чтение «Фронтенд по фэн-шуй. Часть 2»
Рубрики
Верстальщику

Фронтенд по фэн-шуй. Часть 1

Об основанном на стайл-гайде компонентном подходе в разработке фронтенда

Вступление

Данная серия статей, которая будет состоять из 3-4 частей основана на конспекте моего доклада, который я готовил для KharkivCSS #2, но как раз перед конференцией я заболел и не смог поехать в Харьков. Но не пропадать же добру! По-тому, я решил опубликовать в своем блоге серию статей по конспекту и слайдам доклада. Первая часть — своего рода введение и знакомство с понятием современного стайл-гайда для фронтенда. Итак начнем.

Продолжить чтение «Фронтенд по фэн-шуй. Часть 1»