• Что такое сериализация?

    Что такое сериализация?

    March 20, 2022

    Краткий перевод статьи "What is Serializations?" автора George Offley.

  • Состояние пиксель-перфекта

    August 11, 2020

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

  • Объяснение Debounce - как заставить JavaScript ждать, пока пользователь перестанет вводить

    Объяснение Debounce - как заставить JavaScript ждать, пока пользователь перестанет вводить

    August 04, 2020

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

  • Отмена fetch-запроса

    Отмена fetch-запроса

    February 27, 2020

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

  • Плиточная раскладка на гридах с помощью auto-fit и minmax

    Плиточная раскладка на гридах с помощью auto-fit и minmax

    January 26, 2019

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

  • Создание скелета компонента в React

    Создание скелета компонента в React

    November 14, 2018
  • Кэширование SVG-спрайта в localStorage

    September 03, 2018
  • Анимированная SVG-маска своими руками

    March 01, 2018

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

  • Гирлянда для сайта

    December 26, 2017
  • Возможно, вам не нужен jQuery

    July 23, 2017

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

  • Ссылка на диалог в WhatsApp, Telegram, VK и Facebook Messenger

    June 11, 2017

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

  • Как работает SVG ID?

    Как работает SVG ID?

    May 03, 2017

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

  • Синтаксис SVG «path»: иллюстрированное руководство

    Синтаксис SVG «path»: иллюстрированное руководство

    May 02, 2017
  • Gulp: инструкция для начинающих

    Gulp: инструкция для начинающих

    February 24, 2017

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

  • Эмулятор IE: тестирование сайта

    Эмулятор IE: тестирование сайта

    October 26, 2016

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

  • Переход к «Offline first»

    Переход к «Offline first»

    September 02, 2016
  • Создание SVG-спрайта вручную

    Создание SVG-спрайта вручную

    August 28, 2016

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

  • Выбор типа клавиатуры для заполнения input-ов на мобильных устройствах

    Выбор типа клавиатуры для заполнения input-ов на мобильных устройствах

    May 31, 2016
  • Адаптивные видео

    May 30, 2016

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

  • Верстаем на мобильном: отладка сайтов с помощью телефона

    Верстаем на мобильном: отладка сайтов с помощью телефона

    May 25, 2016
  • Какие единицы использовать для медиа-запросов: px, em или rem?

    May 12, 2016

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

  • Создание SVG Polygon и ссылок произвольной формы

    Создание SVG Polygon и ссылок произвольной формы

    May 02, 2016

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

  • Использование viewport-единиц в типографике

    March 23, 2016
  • Как передать файлы с телефона на компьютер по WiFi?

    Как передать файлы с телефона на компьютер по WiFi?

    March 20, 2016
  • Вёрстка адаптивной таблицы

    March 07, 2016
  • Выбираем лучший онлайн-сервис для оптимизации изображений

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

    February 13, 2016
  • Ошибка «Невозможно открыть используя запись администратора» после обновления Windows

    January 18, 2016
  • Неизвестная ошибка при добавлении в панель быстрого доступа

    January 14, 2016
  • Как узнать пароль сохраненного WiFi?

    January 05, 2016
  • Как настроить умную блокировку на Android?

    December 13, 2015
  • Как сделать адаптивный круг на CSS?

    November 18, 2015
  • Will-change: свойство о котором знают немногие

    November 14, 2015

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

  • Flexbox: уже пора!

    November 09, 2015

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

E-mailGitHubRSS