Разница во времени с Москвой: часовые пояса России и мира
Дмитрий Борисенко
Таблица часовых поясов всех регионов России и популярных для поездок стран относительно московского времени, плюс объяснение, почему разница иногда меняется два раза в год.
Дмитрий Борисенко
Разработчик и автор PixelTool
Делаю PixelTool сам, от кода инструментов до текстов в блоге. Задача сайта простая: чтобы нужный калькулятор, конвертер или генератор открывался сразу в браузере, без установки и регистрации.
В статьях разбираю то же, что и в инструментах: конкретные задачи, формулы и цифры, без воды.
Статьи
Единицы измерения длины
Дмитрий Борисенко
Таблица единиц длины и соотношения между ними: метрическая цепочка от миллиметра до километра, дюймы с футами и ярдами, две разные мили, шаги и световой год.
Столовые ложки, галлоны и другие меры объёма
Дмитрий Борисенко
Сколько миллилитров в столовой и чайной ложке, чашке и кубометре, чем американский галлон отличается от британского, почему в барреле 42 галлона и когда миллилитр стал ровно равен кубическому сантиметру.
Гектары, сотки и квадратные метры: как перевести
Дмитрий Борисенко
Сколько метров в сотке и гектаре, чем гектар отличается от квадратного километра, как читать акры в зарубежных объявлениях и почему у площадей другие множители, чем у длин.
Единицы измерения массы
Дмитрий Борисенко
Таблица единиц массы и переводы между ними: граммы с килограммами, тонны и центнеры, фунты с унциями, карат ювелира и разница между массой и весом.
Физические единицы измерения: температура, скорость, мощность
Дмитрий Борисенко
Семь базовых единиц СИ и переводы, которые нужны на практике: Цельсий с Фаренгейтом и Кельвином, м/с, узлы и мили в час, psi и бары, килокалории, лошадиные силы, ньютоны, радианы и миллиамперы.
Как работать с PDF онлайн: объединить, сжать, конвертировать и отредактировать
Дмитрий Борисенко
PDF не редактируется как обычный текстовый файл. Под каждую задачу нужен свой инструмент. Разбираем пять бесплатных сервисов: чем они отличаются и какой выбрать под конкретную задачу.
Как посчитать калории и КБЖУ: формула, коэффициенты активности и разбор на примере
Дмитрий Борисенко
Формула Миффлина-Сан Жеора на числовом примере, что означают коэффициенты активности, зачем норму калорий делят на белки, жиры и углеводы — и почему это ориентир, а не медицинское назначение.
Как посчитать срок годности продукта по дате производства
Дмитрий Борисенко
На упаковке почти всегда написан срок хранения, а не дата истечения — и его нужно прибавлять к дате производства календарно, а не делить на 30. Разбираем на примере и объясняем частую ошибку с месяцами разной длины.
Как посчитать процент: 4 формулы с примерами
Дмитрий Борисенко
Процент от числа, число по известному проценту, разница между двумя числами, скидка и наценка — четыре формулы, которые чаще всего путают, на числовых примерах.
Как рассчитать матрицу судьбы по дате рождения: методика на примере
Дмитрий Борисенко
Разбор методики матрицы судьбы: как из дня, месяца и года рождения получаются пять чисел-арканов, что означает каждая позиция и почему на разных сайтах расчёт может отличаться.
Как рассчитать ИМТ: формула, таблица категорий и её ограничения
Дмитрий Борисенко
Формула индекса массы тела на примере, таблица категорий по стандарту ВОЗ и честный разбор, почему ИМТ не подходит спортсменам, детям и не заменяет консультацию врача.
Азбука Морзе: как устроен код и как перевести текст в точки и тире
Дмитрий Борисенко
Как работает азбука Морзе, чем отличаются русская и английская таблицы кодов, что означают пробелы и «/» в записи — и как перевести текст в Морзе и обратно прямо в браузере.
Смайлики текстом и красивый шрифт: 4 способа оформить текст
Дмитрий Борисенко
Как оформить текст без картинок: смайлики текстом и каомодзи, эмодзи, красивый Unicode-шрифт для ника и специальные символы — что использовать и когда.
Рандомайзер: как разделить на команды, бросить жребий, кубик и монетку онлайн
Дмитрий Борисенко
Нужно честно распределить роли, выбрать, кто начинает игру, или просто принять решение без спора. Собрали пять способов получить случайный результат онлайн: деление на команды, жеребьёвка, монетка, кубик и перемешивание списка — когда какой использовать.
Как создать UTM-метку для ссылки: разбор параметров и частых ошибок
Дмитрий Борисенко
UTM-метка — единственный способ узнать в аналитике, откуда именно пришёл посетитель: с конкретного объявления, рассылки или поста. Разбираем пять параметров, готовые пресеты под Яндекс.Директ и Google Ads, и ошибки, которые ломают отчёты.
Как сравнить два текста и найти отличия онлайн
Дмитрий Борисенко
Сравниваете код, договор или две редакции письма — глазами различия почти не видно. Разбираем, как построчное и посимвольное сравнение находит добавленное, удалённое и изменённое за секунду, и что стоит знать про пробелы, регистр и файлы Word/PDF.
Размер обложки ВК, Telegram и YouTube: точные цифры
Дмитрий Борисенко
Точные размеры обложки и аватарки ВКонтакте, превью Telegram и обложки YouTube — официальные цифры площадок и почему картинку обрезает и мылит.
Что такое UUID и чем отличаются версии v1, v4, v7
Дмитрий Борисенко
UUID и GUID — одно и то же: 128-битный идентификатор. Простыми словами про версии v1, v4, v7 и когда UUID выигрывает у автоинкремента.
JWT-токен: что внутри, как его расшифровать и как работает авторизация
Дмитрий Борисенко
JWT — не шифрование, а просто JSON в обёртке из Base64URL: прочитать его может кто угодно без ключа. Разбираем структуру токена, схему с access и refresh, и почему «я расшифровал токен» и «я проверил токен» — два совершенно разных действия.
Как узнать разрешение экрана и версию браузера
Дмитрий Борисенко
Как быстро узнать разрешение экрана и версию браузера онлайн — плюс инструкции для Windows, macOS, Android и iPhone.
Flexbox CSS: шпаргалка по свойствам с примерами
Дмитрий Борисенко
Шпаргалка по CSS Flexbox: все свойства контейнера и элементов в одной таблице, готовые паттерны вёрстки и разбор частых ошибок с примерами кода.
Метод Помодоро: как работает техника 25/5 и как её использовать
Дмитрий Борисенко
Почему работа короткими интервалами с обязательными перерывами концентрирует лучше, чем попытка сидеть над задачей без остановки — разбираем классический цикл 25/5 и частые ошибки при его использовании.
Как провести честный розыгрыш случайным числом
Дмитрий Борисенко
Как выбрать победителя розыгрыша так, чтобы никто не заподозрил подвох: чем настоящая случайность отличается от «на глаз», и пошаговая инструкция для розыгрыша с одним или несколькими призами.
Как создать QR-код: пошаговая инструкция
Дмитрий Борисенко
QR-код для ссылки, Wi-Fi или приложения делается за полминуты — но есть нюансы с размером, уровнем коррекции ошибок и типом кода, из-за которых готовый код потом не сканируется. Разбираем по шагам.
Что такое Base64: как раскодировать строку и посмотреть, что внутри
Дмитрий Борисенко
Base64 — способ превратить любые данные в обычный текст из букв и цифр. Разбираем, зачем это нужно, что такое загадочная строка data:image/png;base64 и почему декодирование иногда падает с ошибкой.
Контраст текста и фона: пороги WCAG и что придёт им на смену
Дмитрий Борисенко
Сколько нужно контраста, чтобы пройти WCAG AA и AAA, почему формула иногда расходится с ощущением на глаз, и что происходит с APCA — алгоритмом, который должен был заменить действующий стандарт в WCAG 3, но пока не заменил. С живым чекером прямо в статье.
Регулярные выражения: как читать и составлять
Дмитрий Борисенко
Шпаргалка по регулярным выражениям: как расшифровать любое выражение по токенам, чем жадный квантификатор отличается от ленивого, и готовые паттерны для email, URL и телефона — с живым тестером прямо в статье.
Как создать надёжный пароль: пошаговое руководство
Дмитрий Борисенко
Пошаговая инструкция, как придумать пароль, который не взломают перебором: сколько символов нужно на самом деле, какие правила из школьных памяток уже устарели и как проверить готовый пароль, не отправляя его на сомнительный сайт.
Как перевести px в rem (и обратно) в CSS
Дмитрий Борисенко
Разбираем формулу перевода px в rem, чем rem отличается от em и зачем вообще использовать rem вместо px.
Как отформатировать HTML и XML: beautify и минификация
Дмитрий Борисенко
Разбираем, что значит «отформатировать HTML» на самом деле, чем это отличается от XML, когда нужна минификация вместо отступов и почему это не то же самое, что проверка валидности.
Проверка JavaScript: как найти ошибку в коде
Дмитрий Борисенко
Скрипт молча не работает или страница падает с ошибкой в консоли. Разбираем, как проверить JavaScript на синтаксические ошибки, какие опечатки ломают код чаще всего и чем ошибка синтаксиса отличается от ошибки выполнения.
Что такое JSON: формат данных простыми словами
Дмитрий Борисенко
JSON — это текст, в котором программы передают друг другу данные: пары «ключ — значение», объекты и списки. Разбираем синтаксис на примерах, показываем, чем JSON отличается от XML и YAML, и какие ошибки в нём ломают всё чаще всего.
Превью ссылки в соцсетях: Open Graph и обновление og:image
Дмитрий Борисенко
Когда вы кидаете ссылку в чат, соцсеть показывает карточку с картинкой и текстом. За неё отвечают теги Open Graph. Разбираем, какие теги нужны, каким должен быть og:image и как сбросить кэш превью в Telegram, Facebook и ВКонтакте, если картинку поменяли, а старая всё ещё висит.
Фавикон: полное руководство — от favicon.ico до иконки на домашнем экране
Дмитрий Борисенко
Почему иконка сайта до сих пор называется favicon.ico, чем контейнер ICO отличается от обычного PNG, какие размеры действительно нужны и что делать, когда фавикон упрямо не обновляется.
HTML-дерево и DOM-дерево: почему браузер строит не то, что вы написали
Дмитрий Борисенко
Браузер не копирует вашу разметку в память один в один: он достраивает пропущенные теги, закрывает забытые и выкидывает лишние наружу. Разбираем, где HTML-дерево расходится с DOM-деревом и почему из-за этого молча не работают CSS-селекторы.
Тень в CSS: box-shadow и text-shadow с готовыми примерами
Дмитрий Борисенко
Как сделать тень блока и тень текста, чем inset отличается от обычной тени и почему красивая тень получается не из чёрного цвета. Готовый код для карточек, кнопок и наведения.
Lighthouse 100%: что реально влияет на оценку и какие инструменты помогут
Дмитрий Борисенко
Разбираем, из чего складываются 100% в Lighthouse, почему половина усилий уходит впустую и какие метрики стоит чинить первыми. С инструментами под каждую задачу.
CSS Псевдоклассы и псевдоэлементы: полное руководство
Дмитрий Борисенко
Освойте CSS псевдоклассы и псевдоэлементы для создания продвинутых интерактивных элементов и визуальных эффектов без JavaScript. Интерактивные примеры и лучшие практики.
Руководство по CSS clamp(): адаптив без медиа-запросов
Дмитрий Борисенко
Узнайте, как использовать CSS функцию clamp() для создания плавной адаптивной типографики и отступов. Практические примеры, калькулятор и лучшие практики.
CSS Grid Layout: полное руководство с примерами
Дмитрий Борисенко
Освойте CSS Grid Layout на практических примерах. Узнайте, как создавать сложные макеты с помощью grid-контейнеров, grid-элементов и адаптивных паттернов вёрстки.
CSS-анимации: примеры, готовый код и современные возможности
Дмитрий Борисенко
Как сделать анимацию в CSS, чем animation отличается от transition и почему движение дёргается. Готовые примеры для копирования и то, что появилось в CSS за последние два года.
CSS Переменные (Custom Properties): Динамическая Стилизация
Дмитрий Борисенко
Изучите CSS custom properties для создания динамических, поддерживаемых стилей. Узнайте, как создавать темы, отзывчивые дизайны и интерактивные компоненты с CSS переменными.
CSS Container Queries: будущее адаптивных компонентов
Дмитрий Борисенко
Разбираемся, как контейнерные запросы делают компоненты по-настоящему адаптивными. Строим макеты, которые подстраиваются под размер контейнера, а не только под ширину экрана.