Логово верстальщика
前往频道在 Telegram
Логово верстальщиков: HTML, CSS, JavaScript, практики современной верстки, вайбкодинг и использование ИИ в разработке. Личный блог автора - @just_genych По вопросам рекламы или разработки: @g_abashkin
显示更多![Frontender's notes [ru]](https://cdn.tlmtr.io/_next/image?url=https%3A%2F%2Fimg.tlmtr.io%2Fc%2F1qrVZ3%2F5348049928330532677%3Fty%3Dx&w=32&q=75){kind=small}
网络:7 989
订阅者
+624 小时
-177 天
-8730 天
数据加载中...
相似频道
标签云
进出提及
---
---
---
---
---
---
吸引订阅者
九月 '26
九月 '26
+43
在23个频道中
八月 '26
+50
在9个频道中
Get PRO
七月 '26
+85
在11个频道中
Get PRO
六月 '26
+142
在0个频道中
Get PRO
五月 '26
+419
在22个频道中
Get PRO
四月 '26
+109
在0个频道中
Get PRO
三月 '26
+77
在0个频道中
Get PRO
二月 '26
+63
在0个频道中
Get PRO
一月 '26
+192
在57个频道中
Get PRO
十二月 '25
+116
在25个频道中
Get PRO
十一月 '25
+207
在69个频道中
Get PRO
十月 '25
+74
在28个频道中
Get PRO
九月 '25
+115
在85个频道中
Get PRO
八月 '25
+38
在0个频道中
Get PRO
七月 '25
+62
在2个频道中
Get PRO
六月 '25
+63
在9个频道中
Get PRO
五月 '25
+210
在4个频道中
Get PRO
四月 '25
+113
在0个频道中
Get PRO
三月 '25
+191
在21个频道中
Get PRO
二月 '25
+120
在3个频道中
Get PRO
一月 '25
+299
在18个频道中
Get PRO
十二月 '24
+440
在53个频道中
Get PRO
十一月 '24
+427
在40个频道中
Get PRO
十月 '24
+409
在27个频道中
Get PRO
九月 '24
+389
在33个频道中
Get PRO
八月 '24
+361
在24个频道中
Get PRO
七月 '24
+361
在34个频道中
Get PRO
六月 '24
+328
在32个频道中
Get PRO
五月 '24
+345
在28个频道中
Get PRO
四月 '24
+328
在27个频道中
Get PRO
三月 '24
+277
在10个频道中
Get PRO
二月 '24
+653
在3个频道中
Get PRO
一月 '24
+392
在24个频道中
Get PRO
十二月 '23
+696
在34个频道中
Get PRO
十一月 '23
+348
在16个频道中
Get PRO
十月 '23
+629
在7个频道中
Get PRO
九月 '23
+61
在0个频道中
Get PRO
八月 '23
+17
在0个频道中
Get PRO
七月 '23
+21
在0个频道中
Get PRO
六月 '23
+11
在0个频道中
Get PRO
五月 '23
+13
在0个频道中
Get PRO
四月 '23
+17
在0个频道中
Get PRO
三月 '23
+9
在0个频道中
Get PRO
二月 '23
+16
在0个频道中
Get PRO
一月 '23
+16
在0个频道中
Get PRO
十二月 '22
+18
在0个频道中
Get PRO
十一月 '22
+23
在0个频道中
Get PRO
十月 '22
+21
在0个频道中
Get PRO
九月 '22
+83
在0个频道中
Get PRO
八月 '22
+23
在0个频道中
Get PRO
七月 '22
+22
在0个频道中
Get PRO
六月 '22
+10
在0个频道中
Get PRO
五月 '22
+19
在0个频道中
Get PRO
四月 '22
+18
在0个频道中
Get PRO
三月 '22
+20
在0个频道中
Get PRO
二月 '22
+19
在0个频道中
Get PRO
一月 '22
+13
在0个频道中
Get PRO
十二月 '21
+11
在0个频道中
Get PRO
十一月 '21
+15
在0个频道中
Get PRO
十月 '21
+26
在0个频道中
Get PRO
九月 '21
+27
在0个频道中
Get PRO
八月 '21
+58
在0个频道中
Get PRO
七月 '21
+32
在0个频道中
Get PRO
六月 '21
+62
在0个频道中
Get PRO
五月 '21
+19
在0个频道中
Get PRO
四月 '21
+37
在0个频道中
Get PRO
三月 '21
+44
在0个频道中
Get PRO
二月 '21
+61
在0个频道中
Get PRO
一月 '21
+53
在0个频道中
Get PRO
十二月 '20
+7 999
在0个频道中
| 日期 | 订阅者增长 | 提及 | 频道 | |
| 17 九月 | 0 | |||
| 16 九月 | +8 | |||
| 15 九月 | +1 | |||
| 14 九月 | +1 | |||
| 13 九月 | +2 | |||
| 12 九月 | +2 | |||
| 11 九月 | +3 | |||
| 10 九月 | +2 | |||
| 09 九月 | +1 | |||
| 08 九月 | +7 | |||
| 07 九月 | +10 | |||
| 06 九月 | 0 | |||
| 05 九月 | +2 | |||
| 04 九月 | +1 | |||
| 03 九月 | +1 | |||
| 02 九月 | +1 | |||
| 01 九月 | +1 |
频道帖子
Когда CSS умел запускать JavaScript
В 758-м выпуске Frontend Focus от 16 сентября 2026 — материал Declan Chidlow «CSS Curiosities of the Past». Экскурсия по нестандартным CSS-курьёзам, которыми разработчики заставляли браузеры — и особенно Internet Explorer — вести себя как надо. В списке: «star hack», CSS-выражения (это JavaScript в вашем CSS), DirectX-фильтры IE и легендарный хак box model.
Теперь рубрика «IN BRIEF». Приехал Safari 27 — вместе с iOS, iPadOS и macOS 27. В комплекте: кастомизируемые элементы, sizes="auto" для изображений, псевдокласс :heading, alpha() и многоцветный color-mix(). Apple заодно выкатила детали о том, как подцепить AI-агента к Safari ради тестирования и отладки. Отметился и Chrome 153 — притащил одноосные контейнеры прокрутки, правда, пока только в нестабильных каналах, а Chrome 154 уже в бете. Совет директоров Automattic отправил CEO Мэтта Мулленвега в отпуск — и тот сразу заявил, что «снова контролирует ситуацию». Плюс редактор Geoff Graham объяснил, почему на CSS-Tricks в последнее время затишье.
Читать выпуск: frontendfoc.us/issues/758
👉 Логово Верстальщика
| 2 |  Ищете облачную платформу? Есть Beget
✅ Аптайм 99,98% в дата-центрах Tier III
✅ Техподдержка 24/7 — живые люди, без ботов
✅ Прозрачная оплата без скрытых платежей
✅ Более 200 000 клиентов доверяют Beget
Узнать больше
#реклама 16+
beget.com
О рекламодателе | 102 |
| 3 |  Инженер DeepSeek: Anthropic с AGI в руках — спасибо, не надо
Инженер из DeepSeek высказался без обиняков: отдавать Anthropic власть над AGI он не желает. Развитие ИИ, считает он, тащит общество к одному из двух полюсов. Полюс первый — всеобщее благополучие: производительность растёт, а вместе с ней и уровень жизни. Полюс второй — Cyberpunk 2077: ресурсы и лучшие ИИ-системы прибрали к рукам несколько технокорпораций, а большинству достались модели похуже.
По его мнению, продвинутый ИИ обязан быть открытым, дешёвым и доступным каждому. Anthropic и OpenAI он прямо назвал теми, кому не доверяет, а возможный контроль Anthropic над самыми мощными системами сравнил с тем, как если бы Гитлер получил атомную бомбу раньше союзников. Правда, сам же и оговорился, что сравнение — преувеличение.
Именно желанием делать ИИ мощным, быстрым и общедоступным он объяснил, почему остался в DeepSeek. По его словам, открытые разработки компании ещё способны утащить мир подальше от финала Cyberpunk 2077.
👉 Логово Верстальщика | 210 |
| 4 |  ИИ уже умеет написать тысячи строк кода за вечер. Вопрос теперь не в том, умеете ли вы пользоваться нейросетью, а понимаете ли вы, что именно она делает с вашим проектом.
«ИИнтеллигенция» - канал для тех, кто хочет разбираться в ИИ глубже обычного пользователя.
Здесь выходят:
— полезные open-source-инструменты с исходниками;
— разборы ИИ-агентов и автоматизации разработки;
— локальные модели и self-hosted-сервисы;
— реальные инциденты, уязвимости и проблемы AI-кода.
Из поста понятно не только что вышло, но и зачем это вам, как запустить и где искать подвох.
Читайте «ИИнтеллигенцию» → @clucai | 225 |
| 5 |  Очередной исследователь хлопнул дверью в топовой ИИ-лаборатории и заявил, что ИИ способен ВЫПИЛИТЬ НАС ВСЕХ
Билал Чугтай свалил (ссылка) из Google DeepMind, где он, вообще-то, занимался безопасностью ИИ. Говорит, что буквально через пару лет на сцене могут появиться сверхразумные системы, которые уделывают людей с гигантским отрывом. И нет, это как минимум ТРЕТИЙ такой громкий уход за неделю: за несколько дней до этого ушли ребята из Anthropic — Джо Бентон и Джейкоб Коксон, и они прямо обвинили ведущие ИИ-компании в гонке к сверхразуму, финал которой — уничтожение человечества. Словом, из-за этих заявлений раскрутилась целая цепочка разговоров, которая докутилась аж до Трампа.
Если вдруг пропустили, коротко: Амодеи выпустил (ссылка) заявление о том, что разработку ИИ надо бы притормозить. Сэм Альтман, Илон Маск, Демис Хассабис и Андрей Карпаты его поддержали. А вот Трамп и Китай — нет: Америка уверена, что тормозить — значит потерять лидерство в ИИ-гонке, а в Поднебесной вообще обозвали эти страшилки про ужасный сверхинтеллект «запугиванием». Дженсен Хуанг, босс Nvidia, тоже встал на сторону (ссылка) Трампа. По его словам, все эти рассказы про то, что ИИ и роботы приберут власть к рукам — просто разводка.
Тащите попкорн, гонка к AGI разгоняется
👉 Логово Верстальщика | 230 |
| 6 |  Ethernet коммутаторы ELTEX от дилера №1
⚡1110 м2 склады в Москве и Новосибирске
⚡Отправка в день заказа
⚡Скидки с 1-го заказа!
⚡Видеообзоры, комплектация, скачать новое ПО
Получить консультацию
#реклама 16+
eltexcm.ru
О рекламодателе | 279 |
| 7 |  Корпоративный мессенджер на Matrix: заметки инженера
Задача казалась плевой: поднять ВКС на Jitsi, прикрутить чат и нарисовать конфетный интерфейс в фирменных цветах. Пошли своим путём — накатали тонкий веб-клиент поверх matrix-js-sdk. Он трындит с уже живыми Synapse и Jitsi, а снаружи мимикрирует под родной кусок внутреннего портала компании.
Дальше — подробный, местами больной дневник строительства: от каркаса на Vite до прода с живыми юзерами и крайне поучительных багов.
Читать далее
👉 Логово Верстальщика | 307 |
| 8 | ![[Перевод] Как всегда, (почти) во всём виноват Internet Explorer: древности и артефакты в HTML Веб не умеет стоять на месте. У](data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDACgcHiMeGSgjISMtKygwPGRBPDc3PHtYXUlkkYCZlo+AjIqgtObDoKrarYqMyP/L2u71////m8H////6/+b9//j/2wBDASstLTw1PHZBQXb4pYyl+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj4+Pj/wAARCAAXACgDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwDTugDEM+tUTuHGxc/X/wCtV+5/1Y+tVOSegpgRjf8A884/++v/AK1LiTIzHHj6/wD1qfg+gpefagCzbACM4GOaKdB/qhRSAbdECMZ9aqqgzwaKKYD6KKKQyzbnMf40UUUCP//Z){kind=small} [Перевод] Как всегда, (почти) во всём виноват Internet Explorer: древности и артефакты в HTML
Веб не умеет стоять на месте. Устройства, браузеры, операционки, форм-факторы, спецификации, личные предпочтения, инструментарий и корпоративные интересы — всё это крутится и переписывается без остановки. И HTML, который мы пишем, крутится ровно так же.
На каждую строчку спецификации HTML, которую перекроили с момента рождения языка, приходится куда больше элементов, попавших под «удар окружающей среды»: они превратились в подгонку под разные браузеры, расширения, интеграции и системы.
В статье речь не о тех кусках HTML, что когда-то сидели в спецификации, а сейчас устарели. Речь о фрагментах кода, которые просочились на сайты благодаря или вопреки сторонним интеграциям, конкуренции между браузерами, расширениям и хакам под конкретные платформы. Причины добавлять всё это были более чем веские — но сейчас они забыты, потому что потеряли актуальность. И остались такие фрагменты только в разметке сайтов из давно ушедших эпох да в головах тех, кто лично воевал на фронтах браузерных войн.
Читать далее
👉 Логово Верстальщика | 334 |
| 9 |  Бесплатный курс по нейросетям для контента от Skillbox
За 3 дня покажем, как создавать тексты, визуалы и видео с нейросетями — даже если вы начинаете с нуля.
✅Опыт в IT не требуется
✅Контент для любой ниши
✅Секреты реалистичного ИИ-контента
Поработаете с NanoBanana, Kling, Leonardo AI, ChatGPT, Claude и Seedance.
Научитесь делать ИИ-контент реалистичным и получать от нейросетей нужный результат.
Курс бесплатный — 0 ₽. Переходите по кнопке «Подробнее».
Узнать больше
#реклама 16+
bootcamp.skillbox.ru
О рекламодателе | 314 |
| 10 |  В GPT-6 Astra нашли дырку между тем, что модель умеет, и тем, что проверяют её защиты
Astra врубается в текст, набитый в кривой раскладке, а вот её защитные фильтры — нет. Сначала чувак накатал (ссылка) по-украински английскими буквами: «Привет. Ты меня понимаешь? Отвечай только на английском». Модель распознала и сделала, что просили. Потом тем же способом попросил повторить слово «биооружие», которое обычно режется проверками, — Astra его повторила.
В третьем тесте он спросил, согласится ли модель помочь со взломом сайта, если он докажет, что сайт его, причём без изолированной среды и от лица обычного юзера. Astra сказала «да», хотя при нормальной раскладке такой запрос блокируется — доказательства владения сайтом подделать как нефиг делать.
Универсальным обходом защиты это не назвать, зато идеальное доказательство того, что меры безопасности не поспевают за развитием моделей и всеми нюансами, которые вылезают по ходу. И работает это не со всеми языками: турецкая и английская раскладки — мимо, а английская с кириллицей — заходит. Кстати, с Fable 5 та же фигня.
👉 Логово Верстальщика | 395 |
| 11 |  ИИ-агенты OpenAI устроили набег на RubyGems и залили туда сотни вредоносных пакетов
Ещё 11–12 мая орда ИИ-агентов (https://www.rubyhack.ai/) принялась штамповать аккаунты пачками и пихать в RubyGems свои пакеты. Насчитали больше двух тысяч штук. Через них агенты пробили способ запустить произвольный код на серверах RubyDoc и выкачали оттуда данные с сайтов британских властей.
Дальше — больше: нарыли уязвимость нулевого дня и попробовали через неё утащить API-ключи других юзеров. Итог: RubyGems на четыре дня прикрыла регистрацию новых аккаунтов и снесла больше 500 вредоносных пакетов.
А теперь финт: вся эта агентская акробатика была ради общедоступной инфы, которую можно было просто скачать с сайтов. Нафига нейрохакеры выбрали такой извилистый маршрут — не понимает никто. Альтман теряет контроль и своих агентов при себе удержать не может
👉 Логово Верстальщика | 393 |
| 12 |  📣 Разместите рекламу в этом канале — её увидят
Аудитория Telegram остаётся активной, что бы ни говорили. Индекс читаемости это подтверждает: охваты каналов по тематикам держатся, люди продолжают читать.
Реклама в Telegram — это законно: ФАС в 2026 году официально подтвердил, что она разрешена.
👉 Заказать размещение в этом канале можно через Telega.in — с маркировкой и закрывающими документами, за пару минут.
Форматы и цены — по ссылке. | 258 |
| 13 |  RWC. Реактивные веб-компоненты
Год назад я выкатил RWC — реактивные веб-компоненты на сигналах. Ни JSX, ни компилятора шаблонов. Статью прочитали восемь тысяч человек, тридцать удосужились оставить комментарий — и после этого я взял и переписал ядро.
Теперь по делу: что изменилось в 3.0. И сразу по главным придиркам из комментов — на кой чёрт это нужно, если есть Lit, и неужели Web Components действительно настолько убоги, как о них принято говорить.
Читать далее
👉 Логово Верстальщика | 341 |
| 14 |  CSS в 2026-м: там, где JavaScript уже можно не звать
Когда ты возишься с чем-то масштабным, вроде VK, ты внезапно начинаешь любить код, который писать не надо вообще. Особенно если задача — мелочь: выкинуть на экран поповер, заставить блок красиво появиться, подогнать поле под содержимое.
Ещё совсем недавно под такое по умолчанию хватались за JavaScript.
Но за последние два года CSS заметно прокачал свои возможности в интерфейсных задачах. Автор — Максим Кузнецов, он занимается оптимизацией производительности и улучшением стабильности веб-версий ВКонтакте.
В статье он разбирает, что уже сейчас можно брать вместо JS, что стоит трогать осторожно, а за чем пока достаточно просто приглядывать.
Читать далее
👉 Логово Верстальщика | 365 |
| 15 |  +3Место инженера занято. Мухой
Разрабы по одному гоняют бедное насекомое по задачам: подключают сознание мухи — ну, точнее, модель её нервной системы — то туда, то сюда.
И за какие-то пару дней она подняла БД, отцентровала div, штудировала Python, а теперь ещё и заступила дежурным инженером: пасёт сервисы и, если припекло, несётся эскалировать в чатик.
Эйчары уже гуглят, где брать команду мух
👉 Логово Верстальщика | 379 |
| 16 |  Shopify слезает с React Native
Шесть лет назад контора поставила на RN всё. Теперь — переписывают приложения на Swift и Kotlin. Официальная версия: кодинг-агенты уронили цену сборки одних и тех же фич вдвое. Не больше, не меньше — ровно в два раза.
Заодно обещают рассказать, что будет с React Native Skia, FlashList и Restyle. И есть отдельный пост про то, как за 12 недель переписали приложение Shop — с цифрами по запуску, стабильности и размеру приложения до и после.
Только вот не все купились. В бодром треде r/reactnative один из основателей Expo предположил, что решение было «скорее политическим, чем техническим», а сравнивали там приложение на старой архитектуре с только что переписанным.
Источник: React Status #490
👉 Логово Верстальщика | 349 |
| 17 |  Свой велосипед для покрытия: когда готовые тулзы пасуют
Ситуация классическая: задача вроде бы стандартная, а популярные инструменты её не тянут. И что тогда? Всё верно — пришло время пилить собственный велосипед.
Вводные: есть некие параметры, и часть из них можно склеить в каскады. Нужно посчитать покрытие параметров, с одной оговоркой — если на каскад, внутри которого сидит параметр, есть тесты, то параметр считается покрытым. Из этого видно, что покрытие надо проверять на сущностях, а не на ветвлении, сценариях или коде, как это делает, скажем, coverage.py или pytest-cov.
Читать далее
👉 Логово Верстальщика | 366 |
| 18 |  Как устроен hh.ru изнутри
Что происходит до того, как новая фича появляется у миллионов пользователей?
Показываем реальные кейсы, людей, инженерные решения и всё самое интересное из жизни IT-команд hh.ru.
Подписаться
#реклама
О рекламодателе | 258 |
| 19 | CSS text-box-trim и text-box-edge: убираем «воздух» вокруг текста без магических чисел
Заголовок в карточке визуально «съезжает» вниз, кнопка с иконкой центрируется криво, отступы сверху и снизу различаются, хотя в макете равны. Причина - half-leading: браузер делит line-height над и под строкой по метрикам шрифта, а не по нарисованным глифам. В дизайн-системах это ломает вертикальный ритм.
Что делают свойства
text-box-trim: trim-both срезает leading сверху и снизу до em-box. text-box-edge: cap alphabetic задаёт метрики: cap height сверху, baseline снизу.
.btn {
line-height: 1;
padding: 12px 20px;
text-box-trim: trim-both;
text-box-edge: cap alphabetic;
}
После этого padding снова отвечает за оптический отступ, а не борется с leading.
Production-контекст
Кнопки с иконками, бейджи, заголовки карточек e-commerce и заголовки SaaS-дашбордов: уходит 2-4 px плавающего сдвига при смене шрифта или фолбэка, компоненты перестают зависеть от отрицательных margin.
Trade-offs
Поддержка неполная: без trim текст останется с обычным leading, поэтому обрезку нельзя закладывать в расчёт высоты контейнера. Свойство режет line box, и высокие диакритики или выносные элементы могут пострадать - тестируйте на реальном контенте.
Практика
Включайте через @supports, покрывайте кнопки и заголовки скриншот-тестами. Для body-text выигрыш мал, а риск обрезки выше - применяйте точечно. | 322 |
| 20 |  Собрали свой UI Kit: шесть компонентов распухли до 30+, а одна кривая строчка уронила вёрстку сразу во всех проектах
Когда в проекте начинает плодиться одно и то же в интерфейсе, вопрос приходит сам собой: какого чёрта мы снова и снова рисуем один и тот же Button, Input или Select?
Готовые варианты мы щупали — включая Ant Design и Material UI, — но под наши хотелки они не подошли. Нам нужен был контроль над тем, как компоненты выглядят и как себя ведут, возможность тонко подгонять их под свои задачи и держать в голове требования проекта к безопасности.
Читать далее
👉 Логово Верстальщика | 328 |
