Настраиваемый (CMS) https://zhuravlev-digital.ru ru Fri, 25 Sep 2026 21:22:34 +0300 Антарктида: тишина, которая говорит https://zhuravlev-digital.ru/tpost/5tczbpoif1-antarktida-tishina-kotoraya-govorit Fri, 25 Sep 2026 20:43:07 +0300 Путешествие на самый холодный континент Земли, где природа оставляет только самое необходимое.

Антарктида: тишина, которая говорит

Антарктида — это не место, куда можно просто приехать. Она требует подготовки, терпения и уважения. Первое, что здесь ощущаешь, — тишина. Не как отсутствие звука, а как его присутствие. Ветер, треск льда, далёкие крики морских птиц — всё звучит особенно отчётливо, потому что вокруг нет ничего лишнего. Здесь ты не центр мира.
Дни здесь выстраиваются вокруг света, погоды и безопасности. Ты учишься замедляться, наблюдать, слушать. Антарктида показывает, насколько ты мал — и при этом насколько сильно ты можешь ощущать связь со всем вокруг. Это путешествие, которое навсегда меняет твоё внутреннее состояние.
Здесь чувствуешь ясность, которую трудно найти где-либо ещё. Без шума повседневной жизни внимание становится острее. Ты начинаешь замечать детали, которые обычно ускользают — тонкие изменения света на льду, текстуру снега под ногами, ритм собственного дыхания. Время будто растягивается — не потому что замедляется, а потому что становится более насыщенным.
Эта неподвижность располагает к размышлениям. Без привычных ориентиров повседневной рутины мысли как будто выстраиваются заново. То, что раньше казалось срочным, теряет свою значимость, а более тихие и глубокие вопросы выходят на первый план. Антарктида не даёт ответов, но создаёт пространство, в котором они могут проявиться сами.
]]> Незаметные правила социума Южной Кореи https://zhuravlev-digital.ru/tpost/t4605lutj1-nezametnie-pravila-sotsiuma-yuzhnoi-kore Fri, 25 Sep 2026 20:43:07 +0300 Как тонкие социальные правила, жесты и коллективное внимание формируют общение в Южной Корее.

Незаметные правила социума Южной Кореи

В Южной Корее люди существуют в рамках невидимой системы уважения, ритма и негласного понимания. Взаимодействия редко бывают случайными — они подчинены тонким социальным кодам, которые определяют, как люди говорят, слушают и реагируют. Сначала это может восприниматься как формальность или дистанция, но со временем становится заметна скрытая логика: способ поддерживать баланс между людьми.
Теплота здесь часто проявляется сдержанно. Она читается в небольших действиях — в том, как делятся едой без просьбы, как меняется тон в зависимости от собеседника, как люди замечают то, что не требует прямого выражения. Отношения формируются постепенно, через последовательность, а не через интенсивность. Доверие не декларируется — оно накапливается.
Здесь сильно развито чувство коллективного внимания. Люди учитывают, как их действия влияют на других — в переполненных улицах, транспорте, общих пространствах. Это создаёт тихую согласованность, где движение выглядит синхронизированным без усилий. Постепенно начинаешь замечать, как много можно передать без прямых слов.

Со временем то, что сначала кажется сдержанностью, раскрывается как многослойная и осознанная система. Эмоции здесь присутствуют — но бережно удерживаются. И внутри этой сдержанности возникает особая близость: не требующая внимания, но остающаяся устойчивой, когда она уже сформирована.
]]> Япония: порядок, тишина и скрытая теплота https://zhuravlev-digital.ru/tpost/vjzsmldam1-yaponiya-poryadok-tishina-i-skritaya-tep Fri, 25 Sep 2026 20:43:07 +0300 Страна, где точность и эмоции сосуществуют в спокойном равновесии. Япония раскрывается постепенно — если дать ей время.

Япония: порядок, тишина и скрытая теплота

Сначала в Японии всё кажется выстроенным и структурированным: ритм поездов, понятные навигационные системы, выверенные повседневные взаимодействия. Создаётся ощущение, что у каждого элемента есть своё место и в этом порядке нет случайностей.
Но за этой системой скрывается более мягкий слой. В небольших деталях — аккуратно упакованной покупке, лёгком поклоне, сезонных акцентах в витринах — проявляется тихое внимание к человеку. Забота здесь не выражается напрямую, а скорее через последовательность и уважение к моменту. Это особая форма тепла, которая не требует внимания, но остаётся с тобой.
Время в Японии задаёт другой ритм восприятия. Начинаешь замечать переходы: смену районов, контраст между шумными улицами и тихими храмами, то, как свет проходит через бумажные перегородки. Смысл часто проявляется не в прямых формах, а в намёках.

Чем дольше находишься здесь, тем яснее становится баланс. Точность не отменяет эмоции — она их сохраняет. И внутри этой продуманной структуры остаётся пространство для тишины, наблюдения и более глубокой связи.
]]> На границе времени https://zhuravlev-digital.ru/tpost/1sdm1i3521-na-granitse-vremeni Fri, 25 Sep 2026 20:43:07 +0300 Отдалённое горное село, где каменные башни хранят истории, старше дорог.

На границе времени

Ушгули расположено высоко в Кавказских горах, где дороги кажутся необязательными, а история — живой. Каменные башни поднимаются из земли так, будто выросли вместе с ней, наблюдая за долиной уже несколько веков. Воздух здесь разреженный, чистый и непримиримый — его чувствуешь в дыхании, в теле, в мыслях.
Жизнь здесь подчиняется другой логике — продиктованной рельефом, погодой и традицией. Расстояния измеряются не только километрами, но и усилием. Тропы неспешно вьются по ландшафту, и каждый шаг ощущается осознанным. Здесь почти нет разделения между прошлым и настоящим — повседневность повторяет привычные формы, которые существуют поколениями.
Тишина в Ушгули не пустая. Она наполнена деталями — далёкими звуками животных, ветром в долине, тихим присутствием самих гор. Ты начинаешь острее чувствовать пространство, замечать малейшие изменения света и звука. Среда не подстраивается под тебя — ты подстраиваешься под неё.

Ходьба здесь ощущается не как путешествие, а как переход в другое восприятие времени. Не более медленное — более глубокое. Будто каждый момент становится плотнее и яснее. И в этой ясности появляется ощущение, что не всё должно двигаться вперёд, чтобы иметь значение.
]]> Блестящее сердце Бильбао https://zhuravlev-digital.ru/tpost/rb3oathof1-blestyaschee-serdtse-bilbao Fri, 25 Sep 2026 20:43:07 +0300 Музей Гуггенхайма превратил Бильбао в город искусства.

Блестящее сердце Бильбао

Музей Гуггенхайма буквально изменил Бильбао, превратив бывший промышленный порт в культурное пространство. Архитектура стала центром этой трансформации, а само здание — не просто домом для искусства, а частью впечатления, которое начинается ещё до входа внутрь.
Спроектированный Фрэнком Гери, музей в Бильбао — это исследование движения и отражения. Титановые панели меняют оттенок в течение дня в зависимости от света, а изогнутые формы словно нарушают привычную логику конструкции. Здание ощущается не как статичный объект, а как живая форма, реагирующая на окружающую среду.

С разных ракурсов оно выглядит по-разному: металл становится мягче, линии растворяются. Здесь нет единственно «правильной» точки зрения — пространство требует движения. Люди так и делают: местные проходят медленно, туристы задерживаются дольше, чем планировали. Даже территория вокруг музея ощущается продуманной частью общего опыта.
Внутри масштаб продолжает формировать восприятие. Большие галереи, неожиданные переходы и выстроенный свет создают ритм, который ведёт посетителя через пространство. Искусство здесь не отделено от архитектуры — оно существует в диалоге с ней, усиливая друг друга.

Сегодня Бильбао невозможно представить без этого музея. Он стал примером того, как одна сильная архитектурная идея может изменить город — не только визуально, но и культурно, и экономически.
]]> Тагазут: марокканские волны и свобода https://zhuravlev-digital.ru/tpost/60v72pva31-tagazut-marokkanskie-volni-i-svoboda Fri, 25 Sep 2026 20:43:07 +0300 Место, где океан встречается с приключением, а каждая волна рассказывает свою историю.

Тагазут: марокканские волны и свобода

Тагазут — это место, где океан соединяется с приключением, и каждая волна становится отдельной историей. Дни здесь подчинены ритму Атлантики — спокойные утром, наполненные движением к полудню и мягко затихающие в золотом свете заката. Береговая линия тянется широко и открыто, приглашая двигаться, исследовать и терять ощущение времени.
Сёрфинг задаёт ритм жизни, но дело не только в спорте. Это про умение быть в моменте — наблюдать за горизонтом, ждать подходящей волны, чувствовать баланс между контролем и свободой. В воде или на берегу есть общее понимание: правила здесь задаёт океан.

За пределами волн Тагазут сохраняет ощущение лёгкости. Простые кафе, выгоревшие на солнце улицы и непринуждённые разговоры создают атмосферу, которая одновременно мимолётна и заземляет. Люди приходят и уходят, но само ощущение остаётся — открытое, свободное и тихо объединяющее.

Здесь свобода — это не то, что нужно искать. Это то, во что постепенно погружаешься.
]]> Тибет: путешествие туда, где небо ближе https://zhuravlev-digital.ru/tpost/np6b9bkoo1-tibet-puteshestvie-tuda-gde-nebo-blizhe Fri, 25 Sep 2026 20:43:07 +0300 Высокогорные монастыри, бирюзовые озёра и воздух, от которого перехватывает дыхание — в буквальном смысле. Рассказываем, каково это — оказаться на «крыше мира», что нужно знать перед поездкой и почему Тибет меняет каждого, кто решается туда добраться

Тибет: путешествие туда, где небо ближе

Высокогорные монастыри, бирюзовые озёра и воздух, от которого перехватывает дыхание — в буквальном смысле. Рассказываем, каково это — оказаться на «крыше мира», что нужно знать перед поездкой и почему Тибет меняет каждого, кто решается туда добраться]]> Пакеты майка для магазина автозапчастей https://zhuravlev-digital.ru/tpost/3rju5cdfs1-paketi-maika-dlya-magazina-avtozapchaste Fri, 25 Sep 2026 20:48:46 +0300 Офлайн-маркетинг Держат 2 пачки колодок и не рвутся

Пакеты майка для магазина автозапчастей

Держат 2 пачки колодок и не рвутся

]]> Контрольные точки (Breakpoints) в веб-дизайне https://zhuravlev-digital.ru/tpost/tli1nr8op1-kontrolnie-tochki-breakpoints-v-veb-diza Fri, 25 Sep 2026 20:55:33 +0300 Сайты Контрольные точки (Breakpoints) в веб-дизайне: Полное руководствоВ эпоху, когда пользователи заходят на сайты со смартфонов, складных телефонов, планшетов, ноутбуков и огромных 4K-мониторов, фиксированный дизайн окончательно умер. Чтобы сайт выглядел

Контрольные точки (Breakpoints) в веб-дизайне

Контрольные точки (Breakpoints) в веб-дизайне: Полное руководство

В эпоху, когда пользователи заходят на сайты со смартфонов, складных телефонов, планшетов, ноутбуков и огромных 4K-мониторов, фиксированный дизайн окончательно умер. Чтобы сайт выглядел профессионально на любом устройстве, используют контрольные точки (breakpoints).
В этой статье мы простыми словами разберем, что такое брейкпоинты, какими они бывают и как правильно использовать их в дизайне и разработке.

Что такое контрольная точка (Breakpoint)?

Контрольная точка (breakpoint) — это конкретная ширина экрана (в пикселях), при достижении которой макет сайта меняется, чтобы подстроиться под новые размеры.
Представьте себе резиновую ленту с узлами. Вы растягиваете её: до определенного момента она просто становится шире, но когда вы доходите до «узла» (контрольной точки), структура макета перестраивается. Например:
  • Текст из одной колонки превращается в три.
  • Большое горизонтальное меню прячется в иконку «гамбургера».
  • Картинки уменьшаются или меняются местами.
Перестроение интерфейса на брейкпоинтах реализуется в коде с помощью CSS Media Queries (медиазапросов).

Стандартные размеры брейкпоинтов в 2026 году

Не существует единого мирового стандарта, который заставил бы всех использовать одинаковые пиксели. Однако популярные CSS-фреймворки (Bootstrap, Tailwind CSS) и дизайн-системы (Google Material Design) выработали оптимальные диапазоны, на которые ориентируется большинство дизайнеров.
Вот классическая сетка брейкпоинтов, покрывающая 99% устройств:
Размер экрана
Диапазон (в пикселях)
Тип устройств
xs (Extra small)
< 576px
Смартфоны в портретной ориентации
sm (Small)
576px — 767px
Большие смартфоны и смартфоны в альбомной ориентации
md (Medium)
768px — 991px
Планшеты (например, iPad)
lg (Large)
992px — 1199px
Ноутбуки и небольшие мониторы
xl (Extra large)
1200px — 1399px
Стандартные настольные компьютеры (Десктопы)
2xl (Huge)
>= 1400px
Большие 4K и Ultrawide мониторы
Ниже представлена единая сводная таблица актуальной статистики StatCounter по разрешениям экранов в РФ, разбитая по категориям устройств.
Категория устройства
Разрешение (в пикселях)
Доля рынка в РФ (в %)
Какие гаджеты сюда входят
💻 Десктопы / Ноутбуки (Общая доля в РФ: ~48%)
1920 × 1080
~32.0%
Самый массовый стандарт: Full HD мониторы ПК, ноутбуки 15.6"
1536 × 864
~7.7%
Ноутбуки 14" с Windows-масштабированием 125%
1366 × 768
~6.5%
Старые домашние ПК и бюджетные офисные ноутбуки
2560 × 1440
~4.4%
Современные 2K мониторы (игровые и дизайнерские дисплеи от 27")
Остальные десктопные
~49.4%
Длинный хвост (4K дисплеи, Mac-устройства, квадратные мониторы)
📱 Мобильные (Смартфоны)(Общая доля в РФ: ~49%)
414 × 896
~15.7%
iPhone XR / 11 / 11 Pro Max (очень популярные модели в России)
393 × 873
~10.1%
Широкий пласт современных Android-смартфонов
360 × 800
~9.8%
Устройства на Android (базовые линейки Samsung, Xiaomi)
390 × 844
~6.0%
Линейка Apple: iPhone 12 / 13 / 14 / 15 и Pro-версии
384 × 832
~3.5%
Смартфоны на Android
360 × 780
~3.5%
Компактные смартфоны Android и старые модели
Остальные мобильные
~51.4%
Огромное разнообразие сотен старых и бюджетных моделей

🌟 Универсальный ТОП брейкпоинтов для разработки

Название брейкпоинта
Ширина в пикселях
Что заменяет в реальности
Под какие устройства адаптируется макет
Mobile (Минимум)
320px
Абсолютный нижний порог
Самый старый и узкий стандарт (типа iPhone SE первого поколения). Если сайт не ломается на 320px — он не сломается нигде.
Mobile (Стандарт)
360px – 390px
Базовый мобильный холст в Figma
Охватывает более 70% современных смартфонов (все базовые iPhone 12/13/14/15/16 и подавляющее большинство Android-устройств).
Tablet (Планшеты)
768px
Классический iPad портретный
Стандартная точка перехода, на которой боковые меню прячутся в «гамбургер», а контент выстраивается в 1-2 колонки.
Laptop (Ноутбуки)
1024px – 1280px
Компактные экраны
Небольшие ноутбуки, старые квадратные мониторы и планшеты в горизонтальной ориентации.
Desktop (База)
1440px
Основной десктопный холст в Figma
Самый удобный размер для проектирования. Дизайн рисуется здесь, отлично сжимается до маленьких ноутбуков (1366px) и красиво центрируется на больших Full HD мониторах (1920px).

💡 Как применять этот топ в коде (CSS)

/* 1. По умолчанию стили пишутся для мобильных телефонов (ширина от 0px до 767px) */ body { font-size: 14px; } /* 2. Планшетный брейкпоинт (экраны от 768px до 1023px) */ @media (min-width: 768px) { body { font-size: 16px; } .menu { display: none; } /* прячем мобильное меню */ } /* 3. Ноутбуки (экраны от 1024px до 1439px) */ @media (min-width: 1024px) { .container { max-width: 960px; } /* контент больше не растягивается бесконечно */ } /* 4. Полноценный десктоп (экраны от 1440px и выше) */ @media (min-width: 1440px) { .container { max-width: 1200px; } .grid-layout { grid-template-columns: repeat(4, 1fr); } /* 4 товара в ряд */ }

Два подхода: Desktop-First против Mobile-First

При проектировании адаптивного сайта у дизайнера и фронтенд-разработчика есть два пути:

1. Mobile-First (Сначала мобильные)

Дизайн начинается с самого маленького экрана (смартфона) и по мере увеличения экрана «обрастает» деталями.
  • Плюсы: Интерфейс получается легким и не перегруженным. Это стандарт современной веб-разработки, так как более половины мирового трафика приходится на мобильные устройства.
  • В коде: Используется условие min-width (применять стили, если экран минимум X пикселей).

2. Desktop-First (Сначала компьютеры)

Дизайн рисуется для большого монитора, а затем элементы сжимаются, скрываются или перестраиваются под мобильные телефоны.
  • Плюсы: Подходит для сложных аналитических платформ, CRM-систем или сайтов с тяжелой графикой, где десктопная версия является основной.
  • В коде: Используется условие max-width (применять стили, если экран максимум X пикселей).

Главные правила работы с брейкпоинтами

  1. Ориентируйтесь на контент, а не на устройства. Модели телефонов меняются каждый месяц. Если вы настроите брейкпоинт ровно под iPhone 15, сайт может «сломаться» на новом складном Samsung или Pixel. Смотрите, где именно ваш контент начинает выглядеть плохо при сжатии — там и ставьте точку.
  2. Используйте относительные единицы (rem/em). Профессиональные разработчики переводят пиксели в rem. Это позволяет сайту корректно масштабироваться, если пользователь изменил размер шрифта в настройках своего браузера из-за слабого зрения.
  3. Не забывайте про промежутки (Fluid Design). Брейкпоинты — это точки кардинальной смены макета. Между ними (например, от 768px до 992px) сайт должен плавно «резинить» (сжиматься и растягиваться за счет процентных значений ширины).
]]>