Хакеры взломали OpenAI… с помощью Claude 🤯
Команде Hacktron хватило всего 72 часов, чтобы отыскать две серьёзные дыры: одна пряталась в обработке изображений, вторая — в механизме авторизации.
Что удалось раскрутить:
— доступ к нескольким аккаунтам ChatGPT, включая учётку сотрудника OpenAI
— через неё — вход во внутренний GitHub компании
— прав хватало даже на то, чтобы внести правку в один из репозиториев
К счастью, речь о белых хакерах. Они сразу сообщили о проблеме, уязвимости оперативно закрыли, а исследователи получили $6,5 тыс. вознаграждения.
Самое ироничное во всей истории — чтобы вскрыть OpenAI, они использовали именно Claude. Одна нейросеть против другой
#OpenAI #Claude #кибербезопасность
Команде Hacktron хватило всего 72 часов, чтобы отыскать две серьёзные дыры: одна пряталась в обработке изображений, вторая — в механизме авторизации.
Что удалось раскрутить:
— доступ к нескольким аккаунтам ChatGPT, включая учётку сотрудника OpenAI
— через неё — вход во внутренний GitHub компании
— прав хватало даже на то, чтобы внести правку в один из репозиториев
К счастью, речь о белых хакерах. Они сразу сообщили о проблеме, уязвимости оперативно закрыли, а исследователи получили $6,5 тыс. вознаграждения.
Самое ироничное во всей истории — чтобы вскрыть OpenAI, они использовали именно Claude. Одна нейросеть против другой
#OpenAI #Claude #кибербезопасность
🎉4💯2❤1😢1💊1
PostGIS в действии — книга Регины Обе и Лео Хсу про работу с пространственными данными в PostgreSQL
Если коротко: PostGIS — это открытое расширение для
В книге разбирают:
— основы ГИС на векторных, растровых и топологических объектах
— анализ и визуализацию данных
— отображение объектов на карте
— создание собственных функций под конкретные задачи
Подача — через реальные примеры, так что теория сразу ложится на практику. Полезно всем, кто работает с местоположением: от бэкенда до аналитики.
#PostGIS #PostgreSQL #SQL
Если коротко: PostGIS — это открытое расширение для
PostgreSQL, которое превращает обычную базу в полноценный инструмент для геоданных. Координаты, карты, области, маршруты — всё это можно хранить и обрабатывать прямо в SQL.В книге разбирают:
— основы ГИС на векторных, растровых и топологических объектах
— анализ и визуализацию данных
— отображение объектов на карте
— создание собственных функций под конкретные задачи
Подача — через реальные примеры, так что теория сразу ложится на практику. Полезно всем, кто работает с местоположением: от бэкенда до аналитики.
#PostGIS #PostgreSQL #SQL
🔥4❤2🤩2🥰1🤡1🙉1
This media is not supported in your browser
VIEW IN TELEGRAM
Африка медленно раскалывается — и однажды тут может появиться новый океан
В зоне рифта Туркана земная кора уже заметно утончилась: с более чем 35 км до примерно 13 км. Геологи говорят, что регион вошёл в стадию, которая в перспективе способна расколоть континент надвое.
Если процесс не остановится, восточная часть Африки постепенно отколется, а свежий разлом со временем зальёт водой. Так на карте мира и родится новый океан — правда, ждать этого придётся миллионы лет.
По сути, мы наблюдаем тектонику плит в прямом эфире: то, о чём обычно пишут в учебниках как о процессах прошлого, идёт прямо сейчас у нас на глазах.
Звучит как научная фантастика, но это чистая геология.
Устали ломать голову над тем, что приготовить на ужин? Заходите за простыми рецептами на каждый день — от домашних супов до нежных десертов.
#геология #Африка #тектоника
В зоне рифта Туркана земная кора уже заметно утончилась: с более чем 35 км до примерно 13 км. Геологи говорят, что регион вошёл в стадию, которая в перспективе способна расколоть континент надвое.
Если процесс не остановится, восточная часть Африки постепенно отколется, а свежий разлом со временем зальёт водой. Так на карте мира и родится новый океан — правда, ждать этого придётся миллионы лет.
По сути, мы наблюдаем тектонику плит в прямом эфире: то, о чём обычно пишут в учебниках как о процессах прошлого, идёт прямо сейчас у нас на глазах.
Звучит как научная фантастика, но это чистая геология.
Устали ломать голову над тем, что приготовить на ужин? Заходите за простыми рецептами на каждый день — от домашних супов до нежных десертов.
#геология #Африка #тектоника
🥰4❤2🔥1🎉1🤡1💯1💘1
Как связать HTML-атрибуты и CSS без классов
Оказывается, можно строить адаптивные компоненты вообще без modifier-классов и прокидывания props. Помогают две вещи: container style queries и продвинутый
Суть проста:
• HTML-атрибуты напрямую задают CSS-параметры — значение из атрибута попадает прямо в стиль
• дочерние элементы меняют вид, реагируя на состояние родителя-контейнера
В итоге меньше классов-модификаторов, меньше лишней логики в разметке и никакого ручного проброса состояний вниз по дереву. Стили становятся ближе к самому HTML, а компонент — чище и понятнее
Штука свежая, поэтому перед боевым использованием стоит проверить поддержку в браузерах
#CSS #HTML #frontend
Оказывается, можно строить адаптивные компоненты вообще без modifier-классов и прокидывания props. Помогают две вещи: container style queries и продвинутый
attr()Суть проста:
• HTML-атрибуты напрямую задают CSS-параметры — значение из атрибута попадает прямо в стиль
• дочерние элементы меняют вид, реагируя на состояние родителя-контейнера
В итоге меньше классов-модификаторов, меньше лишней логики в разметке и никакого ручного проброса состояний вниз по дереву. Стили становятся ближе к самому HTML, а компонент — чище и понятнее
Штука свежая, поэтому перед боевым использованием стоит проверить поддержку в браузерах
#CSS #HTML #frontend
❤2🎉2🔥1😁1🤩1👌1💯1🤓1
Ядро Linux приближается к 2000 уязвимостей за релиз
Ещё пару лет назад речь шла примерно о 500 CVE на релиз. Потом планка ушла за 1000, за 1500, а теперь мы почти у отметки в 2000. Об этом рассказал Грег Кроа-Хартман — один из ключевых мейнтейнеров ядра — перед выступлением на Kernel Recipes 2026.
Самое любопытное: код при этом почти не разросся. Ядро по-прежнему держится около 40 млн строк. Изменилось другое — кто и как его проверяет.
За дело взялись AI-инструменты. Они массово сканируют код, включая старые и редко используемые драйверы, до которых руки не доходили годами. И находят баги, которые тихо лежали там всё это время.
Большинство таких дыр — низкого приоритета, но сам объём уже стал головной болью для мейнтейнеров. Побочный эффект: устаревший код теперь вычищают быстрее, ведь тянуть старые подсистемы становится всё дороже.
Вывод простой: рост CVE ≠ падение безопасности. Просто ядро стали проверять куда глубже и масштабнее.
#Linux #CVE #AI
Ещё пару лет назад речь шла примерно о 500 CVE на релиз. Потом планка ушла за 1000, за 1500, а теперь мы почти у отметки в 2000. Об этом рассказал Грег Кроа-Хартман — один из ключевых мейнтейнеров ядра — перед выступлением на Kernel Recipes 2026.
Самое любопытное: код при этом почти не разросся. Ядро по-прежнему держится около 40 млн строк. Изменилось другое — кто и как его проверяет.
За дело взялись AI-инструменты. Они массово сканируют код, включая старые и редко используемые драйверы, до которых руки не доходили годами. И находят баги, которые тихо лежали там всё это время.
Большинство таких дыр — низкого приоритета, но сам объём уже стал головной болью для мейнтейнеров. Побочный эффект: устаревший код теперь вычищают быстрее, ведь тянуть старые подсистемы становится всё дороже.
Вывод простой: рост CVE ≠ падение безопасности. Просто ядро стали проверять куда глубже и масштабнее.
#Linux #CVE #AI
💯3🔥2👍1👏1😁1🤩1😐1
В автобусе девушка сняла на телефон, как незнакомая бабушка переписывается с DeepSeek — и снимок за ночь собрал миллион просмотров.
Реакция раскололась на два лагеря. Одни возмутились: фотографировать человека украдкой, без разрешения — так себе история. Другие увидели в кадре кое-что важное: для многих одиноких людей нейросеть стала способом хоть немного пообщаться и получить капельку тепла.
И это правда любопытный побочный эффект развития ИИ — чат-боты незаметно превращаются в собеседников для тех, кому не с кем поговорить.
Подписывайся, чтобы не пропустить, как ИИ меняет нашу повседневность — здесь об этом выходит регулярно
#DeepSeek #ИИ #нейросети
Реакция раскололась на два лагеря. Одни возмутились: фотографировать человека украдкой, без разрешения — так себе история. Другие увидели в кадре кое-что важное: для многих одиноких людей нейросеть стала способом хоть немного пообщаться и получить капельку тепла.
И это правда любопытный побочный эффект развития ИИ — чат-боты незаметно превращаются в собеседников для тех, кому не с кем поговорить.
Подписывайся, чтобы не пропустить, как ИИ меняет нашу повседневность — здесь об этом выходит регулярно
#DeepSeek #ИИ #нейросети
🤩5❤3👍1🔥1😁1🌭1💯1😨1
Костные наушники — стоит ли брать?
Меня часто спрашивают, что за наушники я ношу. Это модели от Shokz, построенные по технологии, которую изначально придумали для слуховых аппаратов. В уши они не вставляются, а прижимаются снаружи и передают звук через вибрацию костей черепа.
Зачем это надо? Обычные вкладыши для меня всегда боль: теряются, садятся к вечеру, устают уши и глушат внешние звуки — а на велике это важно.
С костными проще: можно вообще не снимать, при необходимости они падают на шею, а батарея живёт заметно дольше, чем у AirPods.
Минусы честные: качество звука ниже из-за самой природы передачи, а на ветру и в шуме слышно плохо — иногда затыкаешь ухо рукой. С микрофоном та же история, поэтому взял версию с выносным микрофоном.
А вы пробовали такие?
Разбираем крипту без розовых очков: где реальные точки входа, а где хайп, на котором сливают новичков. Заходи, если хочешь торговать в плюс и понимать рынок, а не гадать.
#Shokz #наушники #гаджеты
Меня часто спрашивают, что за наушники я ношу. Это модели от Shokz, построенные по технологии, которую изначально придумали для слуховых аппаратов. В уши они не вставляются, а прижимаются снаружи и передают звук через вибрацию костей черепа.
Зачем это надо? Обычные вкладыши для меня всегда боль: теряются, садятся к вечеру, устают уши и глушат внешние звуки — а на велике это важно.
С костными проще: можно вообще не снимать, при необходимости они падают на шею, а батарея живёт заметно дольше, чем у AirPods.
Минусы честные: качество звука ниже из-за самой природы передачи, а на ветру и в шуме слышно плохо — иногда затыкаешь ухо рукой. С микрофоном та же история, поэтому взял версию с выносным микрофоном.
А вы пробовали такие?
Разбираем крипту без розовых очков: где реальные точки входа, а где хайп, на котором сливают новичков. Заходи, если хочешь торговать в плюс и понимать рынок, а не гадать.
#Shokz #наушники #гаджеты
😁2🎉2⚡1❤1👍1🔥1😴1👻1
🚨 Claude-Red — библиотека навыков для пентеста на базе Claude
В репозитории собраны файлы
Где пригодится:
— разрешённые проверки безопасности
— обучение и разбор техник
— CTF-соревнования
Важный нюанс: это набор инструкций для ассистента, а не автономный сканер. Сам он уязвимости не находит и не подтверждает — вся аналитика остаётся за человеком.
#Claude #пентест #кибербезопасность
В репозитории собраны файлы
SKILL.md с методиками проверки веб-приложений, API, облаков, Kubernetes, Active Directory и прочей инфраструктуры. Фишка в том, что нужный навык подгружается по теме запроса — не нужно держать всю библиотеку в контексте, а значит модель работает точнее и экономит токены.Где пригодится:
— разрешённые проверки безопасности
— обучение и разбор техник
— CTF-соревнования
Важный нюанс: это набор инструкций для ассистента, а не автономный сканер. Сам он уязвимости не находит и не подтверждает — вся аналитика остаётся за человеком.
#Claude #пентест #кибербезопасность
❤4👏2🔥1🥰1😁1🎉1
initial-scale в viewport уже лишний
Многие по привычке пишут в шапке страницы:
Но для современных браузеров хватает и короткого варианта:
Параметр
Итог простой: чуть чище шаблон, меньше лишнего в
#viewport #frontend #HTML
Многие по привычке пишут в шапке страницы:
<meta name="viewport" content="width=device-width, initial-scale=1.0">Но для современных браузеров хватает и короткого варианта:
<meta name="viewport" content="width=device-width">Параметр
initial-scale=1.0 остался с тех времён, когда мобильные движки масштабировали страницы по-своему. Сейчас он не решает реальных задач — адаптивность от этого не страдает.Итог простой: чуть чище шаблон, меньше лишнего в
head и одинаковое поведение на экранах.#viewport #frontend #HTML
❤3👍2😁2🔥1🤩1
Больше половины геймеров в России — это люди в возрасте, и это не шутка, а свежая статистика.
Самая многочисленная часть игровой аудитории страны — пользователи старше 45 лет. Таких насчитали около 43 млн человек. А вот молодёжи среди игроков заметно меньше: геймеров младше 24 лет всего 12,6 млн.
Получается, стереотип про «игры только для подростков» давно устарел. Взрослые играют активнее — у них есть и деньги на технику, и привычка к гаджетам, которая формировалась ещё с нулевых.
Так что рынок всё сильнее разворачивается в сторону зрелой аудитории — и разработчикам приходится это учитывать.
#геймеры #статистика #gaming
Самая многочисленная часть игровой аудитории страны — пользователи старше 45 лет. Таких насчитали около 43 млн человек. А вот молодёжи среди игроков заметно меньше: геймеров младше 24 лет всего 12,6 млн.
Получается, стереотип про «игры только для подростков» давно устарел. Взрослые играют активнее — у них есть и деньги на технику, и привычка к гаджетам, которая формировалась ещё с нулевых.
Так что рынок всё сильнее разворачивается в сторону зрелой аудитории — и разработчикам приходится это учитывать.
#геймеры #статистика #gaming
❤4🤩2⚡1👍1🥰1🎉1
This media is not supported in your browser
VIEW IN TELEGRAM
🕹️ Оказывается, у ChatGPT реально существует «кнопка сброса лимитов» — и это не шутка.
Месяц назад Тибо из команды OpenAI подтвердил байку: у него действительно есть физическая кнопка, которая одним нажатием обнуляет лимиты сразу всем пользователям.
А вчера блогер Вайбхав Сисинти наконец показал эту легендарную кнопку вживую — так что городская легенда получила вполне себе материальное доказательство.
Звучит почти как внутренний пасхальный мем команды, но раз уж кнопка физическая — кто-то в офисе OpenAI буквально держит под пальцем рубильник от терпения миллионов пользователей 🙂
Квартиры, ипотека, честные цены и всё, что реально помогает выбрать жильё без лишней головной боли — загляните в канал про недвижимость и будьте в курсе.
#ChatGPT #OpenAI #AI
Месяц назад Тибо из команды OpenAI подтвердил байку: у него действительно есть физическая кнопка, которая одним нажатием обнуляет лимиты сразу всем пользователям.
А вчера блогер Вайбхав Сисинти наконец показал эту легендарную кнопку вживую — так что городская легенда получила вполне себе материальное доказательство.
Звучит почти как внутренний пасхальный мем команды, но раз уж кнопка физическая — кто-то в офисе OpenAI буквально держит под пальцем рубильник от терпения миллионов пользователей 🙂
Квартиры, ипотека, честные цены и всё, что реально помогает выбрать жильё без лишней головной боли — загляните в канал про недвижимость и будьте в курсе.
#ChatGPT #OpenAI #AI
🔥3😁2💯2❤1🤩1
Go Cookbook — готовая библиотека решений для Go
Если нужны проверенные примеры кода на Go, которые уже протестированы и написаны по актуальным практикам языка, этот сборник закрывает большую часть типовых задач.
Внутри — сотни сниппетов по ключевым направлениям:
• работа с Web
• асинхронное программирование
• базы данных
• шифрование
• DevOps
Каждый пример снабжён развёрнутыми комментариями, тестами и показывает правильный стиль разработки на Golang.
Удобно держать под рукой как настольный справочник — пригодится и при проектировании нового функционала, и когда разбираешься в незнакомой области языка.
#Go #Golang #backend
Если нужны проверенные примеры кода на Go, которые уже протестированы и написаны по актуальным практикам языка, этот сборник закрывает большую часть типовых задач.
Внутри — сотни сниппетов по ключевым направлениям:
• работа с Web
• асинхронное программирование
• базы данных
• шифрование
• DevOps
Каждый пример снабжён развёрнутыми комментариями, тестами и показывает правильный стиль разработки на Golang.
Удобно держать под рукой как настольный справочник — пригодится и при проектировании нового функционала, и когда разбираешься в незнакомой области языка.
#Go #Golang #backend
🥰3👏3❤2👍1🎉1💯1
Стоит ли вообще связываться с ИИ-агентами?
Если сомневаетесь — вот простой способ проверить. Прикиньте, сколько из этих пунктов про вас:
• вы регулярно делаете однотипные рутинные задачи
• часто ищете и собираете информацию по кусочкам
• хотите автоматизировать переписку, отчёты или напоминания
• готовы доверить часть мелочей "цифровому помощнику"
Набрали три и больше? Тогда ИИ-агент реально разгрузит вам день — он возьмёт на себя скучную механику, а вы займётесь тем, что требует головы.
Суть агента ведь не в магии, а в том, что он действует сам: получает цель, разбивает её на шаги и доводит до результата без постоянного контроля.
Подписывайся, чтобы не пропустить разборы по ИИ и автоматизации — здесь такое выходит регулярно
#ИИ #агенты #автоматизация
Если сомневаетесь — вот простой способ проверить. Прикиньте, сколько из этих пунктов про вас:
• вы регулярно делаете однотипные рутинные задачи
• часто ищете и собираете информацию по кусочкам
• хотите автоматизировать переписку, отчёты или напоминания
• готовы доверить часть мелочей "цифровому помощнику"
Набрали три и больше? Тогда ИИ-агент реально разгрузит вам день — он возьмёт на себя скучную механику, а вы займётесь тем, что требует головы.
Суть агента ведь не в магии, а в том, что он действует сам: получает цель, разбивает её на шаги и доводит до результата без постоянного контроля.
Подписывайся, чтобы не пропустить разборы по ИИ и автоматизации — здесь такое выходит регулярно
#ИИ #агенты #автоматизация
👏3😁2❤1⚡1🔥1🥰1🤩1🤝1
Tencent представила новую модель для перевода, которая, по заверениям компании, обходит Google Translate. И что особенно круто — она работает прямо на смартфоне, без интернета.
Модель полностью открытая, весит всего 440 МБ и тянет 33 языка.
Весь перевод происходит локально на устройстве: ни облака, ни подключения к сети. По сути — готовая офлайн-замена Google Translate.
Главный секрет — AngelSlim, фирменный набор инструментов Tencent для сжатия нейросетей. Именно он позволил ужать модель до размера, при котором она спокойно крутится на телефоне.
Это серьёзный шаг к приватному переводу: данные не уходят на сервер, а всё обрабатывается у вас в кармане.
#Tencent #перевод #AI
Модель полностью открытая, весит всего 440 МБ и тянет 33 языка.
Весь перевод происходит локально на устройстве: ни облака, ни подключения к сети. По сути — готовая офлайн-замена Google Translate.
Главный секрет — AngelSlim, фирменный набор инструментов Tencent для сжатия нейросетей. Именно он позволил ужать модель до размера, при котором она спокойно крутится на телефоне.
Это серьёзный шаг к приватному переводу: данные не уходят на сервер, а всё обрабатывается у вас в кармане.
#Tencent #перевод #AI
🔥2🎉2❤1👍1👌1
Tinder запускает групповые знакомства
Приложение представило режим Group Hangouts — теперь можно знакомиться компанией друзей. Один человек создаёт группу, выбирает занятие и зовёт как минимум двоих. В компании может быть от 3 до 15 участников, и у каждого обязателен аккаунт Tinder.
Группы попадают в общую ленту. Если две компании лайкнули друг друга, открывается общий чат для обсуждения встречи. Выйти из группы можно в любой момент, а модерация, блокировки и жалобы работают как раньше.
Идея выросла из режима Double Date, который зашёл аудитории до 30: там переписываются на 35% чаще, а женщины почти втрое активнее лайкают парные профили. Логика простая — вместе знакомиться проще и спокойнее
Звёзды, карты Таро и лунные ритмы уже готовы подсказать, куда идёт твоя судьба. Загляни туда, где начинается путь к себе — и пойми себя чуть глубже.
#Tinder #знакомства #приложения
Приложение представило режим Group Hangouts — теперь можно знакомиться компанией друзей. Один человек создаёт группу, выбирает занятие и зовёт как минимум двоих. В компании может быть от 3 до 15 участников, и у каждого обязателен аккаунт Tinder.
Группы попадают в общую ленту. Если две компании лайкнули друг друга, открывается общий чат для обсуждения встречи. Выйти из группы можно в любой момент, а модерация, блокировки и жалобы работают как раньше.
Идея выросла из режима Double Date, который зашёл аудитории до 30: там переписываются на 35% чаще, а женщины почти втрое активнее лайкают парные профили. Логика простая — вместе знакомиться проще и спокойнее
Звёзды, карты Таро и лунные ритмы уже готовы подсказать, куда идёт твоя судьба. Загляни туда, где начинается путь к себе — и пойми себя чуть глубже.
#Tinder #знакомства #приложения
😁2⚡1❤1👍1💯1
This media is not supported in your browser
VIEW IN TELEGRAM
🤔 Полезная база для фронтендеров — большая подборка статей, гайдов и справочников по веб-разработке
Упор сделан на HTML, CSS и JavaScript, плюс современную вёрстку: от базовых принципов до рабочих приёмов, которые реально применяют в проектах.
Что внутри:
• Flexbox и Grid
• адаптивная вёрстка и типографика
• доступность (accessibility)
• оптимизация и работа с изображениями
• CSS-анимации
Удобно, когда под рукой есть структурированный справочник — не нужно каждый раз гуглить одно и то же. Особенно выручает на старте, когда тонешь в десятках свойств CSS и хочется систематизировать знания.
#frontend #CSS #JavaScript
Упор сделан на HTML, CSS и JavaScript, плюс современную вёрстку: от базовых принципов до рабочих приёмов, которые реально применяют в проектах.
Что внутри:
• Flexbox и Grid
• адаптивная вёрстка и типографика
• доступность (accessibility)
• оптимизация и работа с изображениями
• CSS-анимации
Удобно, когда под рукой есть структурированный справочник — не нужно каждый раз гуглить одно и то же. Особенно выручает на старте, когда тонешь в десятках свойств CSS и хочется систематизировать знания.
#frontend #CSS #JavaScript
🎉3❤2🔥2⚡1🥰1💯1
XML на практике: разбираемся с нуля
XML до сих пор повсюду — конфиги, обмен данными между приложениями, схемы валидации. Разберём, как с ним реально работать, а не просто читать теорию.
Что стоит освоить:
• синтаксис XML, правила well-formed и valid документов
• XML Schema (XSD) и DTD — в чём разница и когда что использовать
• XPath — пишем запросы и вытаскиваем нужные данные
• namespace и работу со сложными и простыми типами
• роль XML в интеграции приложений
Из инструментов удобно взять
Базовый, но крепкий фундамент — пригодится везде, где встречается структурированный обмен данными.
#XML #XSD #XPath
XML до сих пор повсюду — конфиги, обмен данными между приложениями, схемы валидации. Разберём, как с ним реально работать, а не просто читать теорию.
Что стоит освоить:
• синтаксис XML, правила well-formed и valid документов
• XML Schema (XSD) и DTD — в чём разница и когда что использовать
• XPath — пишем запросы и вытаскиваем нужные данные
• namespace и работу со сложными и простыми типами
• роль XML в интеграции приложений
Из инструментов удобно взять
Visual Studio Code с расширением XML Tools — быстро подсвечивает ошибки и валидирует схемы прямо на лету.Базовый, но крепкий фундамент — пригодится везде, где встречается структурированный обмен данными.
#XML #XSD #XPath
🥰2⚡1❤1👍1👏1😁1
overflow: hidden ≠ обрезка контента
Многие ставят
Побочки такие:
— ломается поведение
— путается программная прокрутка
— сбивается поиск ближайшего скролл-контейнера
Если прокрутка вообще не нужна, бери более точное значение:
Контент так же обрезается, но контейнер прокрутки не создаётся. Поэтому
Бонус — можно отодвинуть линию обрезки:
Удобно, когда нужно оставить пару пикселей под тень или другой визуальный эффект.
Важно: clip не заменяет hidden полностью — если блок реально должен прокручиваться, clip не подойдёт.
#CSS #frontend #overflow
Многие ставят
overflow: hidden, когда нужно просто обрезать то, что вылезает за границы блока. Но есть нюанс: это свойство делает элемент контейнером прокрутки — даже если полос прокрутки нет.Побочки такие:
— ломается поведение
position: sticky— путается программная прокрутка
— сбивается поиск ближайшего скролл-контейнера
Если прокрутка вообще не нужна, бери более точное значение:
.wrapper { overflow: clip; }Контент так же обрезается, но контейнер прокрутки не создаётся. Поэтому
sticky внутри будет ориентироваться на внешний скролл, а не застревать на обёртке.Бонус — можно отодвинуть линию обрезки:
.wrapper { overflow-clip-margin: 8px; }Удобно, когда нужно оставить пару пикселей под тень или другой визуальный эффект.
Важно: clip не заменяет hidden полностью — если блок реально должен прокручиваться, clip не подойдёт.
#CSS #frontend #overflow
👏3💯2🥰1😁1