Руководства
Практические инструкции для разработчиков, маркетологов и повседневных задач на компьютере — к каждой можно открыть бесплатные инструменты devpack.
ИзбранноеКак сжать изображение без потери качестваКак сжать фото и скриншоты для почты, форм и сайтов: измените размер, выберите формат и качество и уложитесь в лимит КБ без видимой потери качества.Читать руководство
Как декодировать и отлаживать JWTРазберите заголовок и claims JSON Web Token, найдите причину отказа: истёкший срок, неверная аудитория, неверная подпись, и избегайте ошибок безопасности.
Регулярные выражения для проверки email, URL и номера телефонаПрактичные регулярные выражения для email, URL и телефонов, почему «идеальных» шаблонов не существует и когда лучше использовать парсер вместо regex.
Cron-выражения: 15 готовых расписаний и ловушки с часовыми поясамиКак читать и писать cron-выражения: пять полей, 15 готовых расписаний, ловушка «день месяца против дня недели» и часовые пояса в CI. Разбираемся подробно.
Как исправить ошибки CORSПочему браузер блокирует запрос, как читать ошибку CORS и какие заголовки нужны для Express, Nginx и Vercel, включая preflight-запросы и cookies.
301 vs 302 vs 307 vs 308: какой редирект использоватьКогда использовать каждый HTTP-редирект, как они влияют на SEO и отправку форм, как избежать цепочек и петель редиректов, и готовые правила для Apache, Nginx и Vercel.
Типы TypeScript из JSON — как делать правильноГенерация типов TypeScript из JSON: превратите ответ API в интерфейсы, разберите необязательные поля, null и объединения, добавьте проверку JSON Schema.
Как настроить GA4 с Google Consent Mode v2Установите Google Analytics 4 с Consent Mode v2 правильно: отказ по умолчанию, обновление согласия из баннера cookie и проверка, что всё работает на деле.
Чек-лист заголовков безопасности HTTP (с готовыми конфигами)Заголовки безопасности, которые должен отдавать каждый сайт: HSTS, CSP, nosniff, frame-ancestors, Referrer-Policy, Permissions-Policy. Безопасные значения и примеры конфигов.
Как объединить, разделить и сжать PDF-файлыОбъединяйте PDF, извлекайте и удаляйте страницы, сжимайте скан для отправки по почте, делайте PDF из фото и подписывайте — бесплатно, в браузере, без загрузки.
Техника помодоро: как заставить её работать на самом делеКак работает техника помодоро, что делать в перерывах, как справляться с отвлечениями, когда менять 25-минутный интервал и как вести учёт помодоро-сессий.
Как проверить веб-камеру и микрофон перед видеозвонкомПроверьте камеру и микрофон в браузере, исправьте «камера не найдена» и ошибки доступа в Windows и macOS, а также улучшите звук и картинку на звонках.
Как создать надёжный пароль и проверить, не попал ли он в утечкуЧто на самом деле делает пароль надёжным, почему длина важнее символов, как помогают парольные фразы и менеджеры и как безопасно проверить утечки.
UTM-параметры: как отслеживать каждую кампанию в GA4Что такое UTM-параметры и как называть source, medium и campaign, чтобы GA4 группировал переходы. Где их не ставить и как отслеживать QR-коды и печать.
Как написать title и meta description, которые получают кликиКак писать title и meta description, на которые кликают: лимиты длины в пикселях, простая формула, избегание дублей и Open Graph-теги.
Как проверить б/у ноутбук перед покупкойЧек-лист при покупке б/у ноутбука за 15 минут: битые пиксели, клавиатура, тачпад, износ батареи, реальные характеристики, камера, микрофон и блокировки.
Как исправить SPF, DKIM и DMARCПочта попадает в спам? Проверьте записи SPF, DKIM и DMARC, исправьте типичные ошибки и безопасно переведите DMARC из режима мониторинга в режим блокировки.
Как исправить ошибку SSL-сертификатаИсправьте ошибку «Подключение не защищено»: проверьте, истёк ли SSL-сертификат, не совпадает ли имя или не хватает цепочки, и продлите его.
Как ускорить медленные страницы и улучшить Core Web VitalsУлучшите LCP, INP и CLS с помощью главных исправлений: быстрее загружайте основные изображения, уберите лишний блокирующий JavaScript и не давайте странице прыгать при загрузке.
Как исправить ошибки robots.txt и sitemapУбедитесь, что Google находит ваши страницы: исправьте правила robots.txt, которые блокируют лишнее, создайте чистую XML-карту сайта и устраните ошибки из Search Console.
Как исправить дублированный контент и canonicalКогда одна страница открывается по нескольким адресам, сигналы поиска делятся. Выберите одну версию с помощью редиректов, canonical-тегов и единых ссылок.
Как найти и исправить битые ссылкиНайдите битые ссылки на сайте, решите, обновить, перенаправить или удалить каждую, и настройте страницу 404, которая удержит посетителей.
Что такое веб-шрифты и зачем они нужны?Веб-шрифты помогают одинаково отображать текст на любом устройстве. Разберитесь, как они работают, чем отличаются от системных шрифтов и когда стоит их использовать.
Как добавить свои шрифты на сайтДобавьте собственный шрифт на любой сайт за четыре шага: подготовьте файлы, загрузите их, напишите CSS @font-face и примените. Webflow, WordPress и Tailwind.
WOFF2 vs WOFF vs TTF vs OTFСравнение форматов шрифтов для веба: почему WOFF2 подходит почти для любого сайта, когда ещё нужен WOFF и почему больше не нужны EOT и SVG-шрифты.
Лицензирование веб-шрифтов: разборПокупка шрифта не всегда даёт право использовать его на сайте. Разберём типы лицензий, что проверить перед конвертацией и как не нарушить условия.
Как ускорить загрузку веб-шрифтовУскорьте загрузку веб-шрифтов: WOFF2, субсеттинг, меньше начертаний, preload, вариативные шрифты и долгое кеширование. Для каждого шага есть код.
Как исправить сдвиг макета шрифтаУберите прыжки текста при загрузке веб-шрифтов. Разберитесь в FOIT и FOUT, выберите font-display и подберите запасной шрифт, чтобы уменьшить сдвиг макета.
Как установить пиксель отслеживанияПошаговая установка пикселя Meta, TikTok или LinkedIn на Webflow, WordPress, Shopify или Google Tag Manager, а также настройка согласия и проверка конверсий.
Как использовать OKLCH в CSSРазберите синтаксис oklch(), что означают светлота, насыщенность и оттенок, и как создавать оттенки, состояния при наведении и палитры в CSS с запасными вариантами для старых браузеров.
OKLCH vs HSLСравните OKLCH и HSL в CSS. Узнайте, почему одинаковая светлота в HSL выглядит по-разному, когда OKLCH лучше для палитр и когда хватит HSL.
Как назначить встречу в разных часовых поясахНайдите удобное время для международной встречи. Проверьте совпадение рабочих часов, пишите время понятно, избегайте ошибок с переходом на летнее время и делитесь им с командой.
Как переход на летнее время влияет на часовые поясаУзнайте, когда переводят часы в США и Европе, почему разница во времени между городами меняется и как не пропустить встречи и не ошибиться в планировании.
Как поделиться инструментом с вашими настройкамиОтправьте любому ссылку devpack, которая откроет инструмент уже с вашими данными. Узнайте, как это работает, что остаётся приватным и какие инструменты не поддерживаются.