• Резиновая грид-раскладка

    Резиновая грид-раскладка

    20 апреля 2024 г.
    Грид-раскладка, которая подстраивается под количество элементов.
  • SQL базы данных против NoSQL баз данных

    16 апреля 2024 г.

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

  • Сравнение MySQL, PostgreSQL и MongoDB

    16 апреля 2024 г.

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

    В этой статье рассматриваются SQL базы MySQL и PostgreSQL и NoSQL база MongoDB.

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

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

    20 марта 2022 г.

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

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

    11 августа 2020 г.

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

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

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

    04 августа 2020 г.

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

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

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

    27 февраля 2020 г.

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

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

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

    26 января 2019 г.

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

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

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

    14 ноября 2018 г.
  • Кэширование SVG-спрайта в localStorage

    03 сентября 2018 г.
  • Анимированная SVG-маска своими руками

    01 марта 2018 г.

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

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

    26 декабря 2017 г.
  • Возможно, вам не нужен jQuery

    23 июля 2017 г.

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

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

    11 июня 2017 г.

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

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

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

    03 мая 2017 г.

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

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

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

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

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

    24 февраля 2017 г.

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

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

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

    26 октября 2016 г.

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

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

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

    02 сентября 2016 г.
  • Создание SVG-спрайта вручную

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

    28 августа 2016 г.

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

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

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

    31 мая 2016 г.
  • Адаптивные видео

    30 мая 2016 г.

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

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

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

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

    12 мая 2016 г.

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

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

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

    02 мая 2016 г.

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

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

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

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

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

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

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

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

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

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

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

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

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

    14 ноября 2015 г.

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

  • Flexbox: уже пора!

    09 ноября 2015 г.

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

E-mailGitHubRSS