Опубликовано автор в категориях Верстальщику, Разработка.

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

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

Подробнее »

Опубликовано автор в категориях Разработка.

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

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

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

Подробнее »

Опубликовано автор в категориях Верстальщику.

Web-Accessibility symbols on the black background

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

Подробнее »

Опубликовано автор в категориях Верстальщику.

Довольно давно я опубликовал в блоге пост о том, как линтовать стили. По сути это был перевод очень хорошей англоязычной статьи. С того момента уже прошло порядка двух лет, но буквально недавно там появился новый комментарий с вопросом и я понимаю что тема интересная и актуальная сегодня.  У меня была идея написать новую статью в контексте сегодняшнего дня, но меня определи. Поэтому я бы рекомендовал к прочтению всем, кто интересуется темой, статью Безболезненный линтинг CSS с помощью stylelint, в которой очень качественно рассказано о линтинге стилей в контексте сегодняшнего состояния фронт-энда.

Опубликовано автор в категориях Верстальщику.

people running on road during daytime
Photo by Mārtiņš Zemlickis on Unsplash

С мажорном апдейтом Angular до версии 7, полезные апдейты также получили Angular Material и CDK. Одним из таких полезных обновлений для CDK стала поддержка, так называемого, «виртуального скролла» из коробки. Собственно, мне захотелось попробовать этот компонент внутри приложения созданного с помощью Angular CLI и описать это здесь.

Подробнее »