Когда в последний раз вы слышали термин «пиксель-перфект»? В зависимости от того, с кем вы работаете, это могло быть вчера или год назад. Пиксель-перфект - это термин, используемый дизайнерами и заказчиками, когда они хотят точного соответствия вёрстки макету. Я всё ещё слышу такое требование от некоторых клиентов и по сей день. Но должны ли мы верстать с пиксель-перфектом?

Debounce-функция - это функция высшего порядка, которая ограничивает частоту вызова функции.

Перевод статьи Ganapati V S «Aborting a fetch request»

Лёгкий способ создания адаптивной плиточной masonry-раскладки на CSS-гридах.

Как сделать простую анимированную SVG-фигуру и использовать её как маску?

Давайте рассмотрим некоторые новые методам jQuery на ванильном JavaScript.

Быстрые ссылки на диалоги в соцсетях и мессенджерах.

Я много рассказывал о теге <use> в SVG и использовал его для вывода иконок. Прелесть в том, что с помощью <use> можно ссылаться на часть SVG и выводить только её. Это позволяет использовать схему «много изображений за один запрос, потому что это суперэффективно», которую раньше решали с помощью CSS-спрайтов и иконочных шрифтов.

Настройка сборщика для сборки Pug/Stylus, создания SVG-спрайтов и ещё чего-то там. Если интересно — читай.

Как тестировать сайт на старых версиях ишака Internet Explorer.

Как создать SVG-спрайт вручную, без сборщиков, онлайн-сервисов и геморроя. Ах, да! Без регистрации и СМС.

Как сделать адаптивное видео, которое подстраивается под экран.

Вы когда-нибудь задумывались о том, какие единицы использовать в медиа-запросах: px, em или rem? Я вот задумывался и теперь решил выяснить, что же использовать.

Небольшая инструкция по созданию ссылок произвольной формы для сайта.

Вы замечали, что иногда какие-то CSS-анимации лагают? Избавиться от них легко, нужно всего лишь добавить одну строку в ваши стили.

Написана уже куча статей про Flexbox, описаны все параметры, но до сих пор находятся люди, которые даже не слышали об этой технологии. И это очень плохо. Но ещё хуже, что некоторые люди не используют эту чудесную технику из-за, якобы, плохой поддержки браузеров. Что ж, давайте разберем что же такое flexbox, какие браузеры его поддерживают и как, где, а главное — стоит ли, его использовать.