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

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

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

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

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

Обзор интересных курсов для фронтенд разработчика

Сегодня я бы хотел предложить вашему вниманию несколько интересных и актуальных курсов для фронтенд разработчика на платформе Udemy. Я прошел все эти курсы лично и не один из них меня не разочаровал. Все курсы на английском языке и платные. Но, благодаря тому, что на платформе все время проводят акционные распродажи вы можете приобрести желаемый курс за цену в 10-12 долларов. Думаю, что это не такая уж большая стоимость инвестиций в свои знания, учитывая какую пользу она принесет вам в работе.

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

Tailwind CSS: to use, or not to use?

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

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

Рубрики
Разработка

Вам наверное не нужен Moment.js или другая библиотека для работы с датами

История одной маленькой оптимизации.

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

Работая над очередным проектом я пытался найти возможности оптимизировать размер загружаемых JavaScript файлов. Я заметил, что некоторые бандлы довольно небольших Vue.js приложений даже в оптимизированном под продакшн виде имеют несопоставимый своим задачам размер. Я не эксперт во Vue.js, но знаю, что одним из аргументов в его пользу есть то, что размер самого фреймворка довольно компактный, поэтому я решил посмотреть на код самих приложений.

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

Логотип в хедере сайта и доступность

На сегодняшний день широко используемым паттерном в разработке интерфейсов веб сайтов является размещение логотипа в хедере сайта. Как-правило, в 99% процентах случаев использования такого паттерна логотип будет ссылкой ведущей на главную (домашнюю) страницу сайта. Но еще более широко используем паттерном является размещение в хедере, в паре с логотипом навигации по сайту. И этот паттерн весьма неоднозначное решение в плане доступности, в частности для скринридеров. Об этом и хотелось бы поговорить.