12 Aug 2026, 07:22 UTC452 views8 reactionsread 12 August 2026 Photo
Как обрезать длинный текст до нескольких строк без JS
Если в карточках, списках или превью текст бывает разной длины, блоки быстро начинают выглядеть неровно.
Один заголовок занимает одну строку, другой — четыре, и вся сетка «прыгает».
Исправить это можно средствами CSS — без JavaScript и ручного обрезания текста.
.title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
over…
🔥3👍2👏2❤1
10 Aug 2026, 07:03 UTC605 views9 reactionsread 12 August 2026 Photo
Как сделать отступ при скролле к якорю без JS
Если на сайте есть фиксированная шапка, переход по якорной ссылке часто выглядит не очень: нужный заголовок прокручивается к самому верху страницы и оказывается прямо под header.
Исправить это можно одной CSS-свойством — без JavaScript и дополнительных вычислений.
.section {
scroll-margin-top: 80px;
}
Теперь при переходе к элементу:
<a href="#contacts">Контакты</a>
<se…
❤4👏2🔥2👍1
9 Aug 2026, 07:54 UTC579 views7 reactionsread 12 August 2026 Photo
Как ограничить текст несколькими строками без JS
Длинные описания в карточках часто ломают сетку: одна карточка получается заметно выше остальных.
Обрезать такой текст можно средствами CSS — без JavaScript и ручного сокращения текста.
.card-text {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
В этом примере браузер покажет максимум 3 строки, а всё остальное сод…
❤2👍2👏2🔥1
7 Aug 2026, 10:28 UTC608 views6 reactionsread 12 August 2026 Photo
Как сделать перенос заголовков аккуратнее без <br>
Длинные заголовки часто переносятся неудачно: первая строка получается слишком длинной, а во второй остаётся одно-два слова.
Вместо ручной расстановки <br> можно использовать CSS-свойство text-wrap: balance
.hero-title {
max-width: 18ch;
text-wrap: balance;
}
Браузер перераспределит слова между строками так, чтобы их длина выглядела более сбалансированной.
Дл…
👍5❤1
6 Aug 2026, 09:20 UTC652 views7 reactionsread 12 August 2026 Photo
Как менять родительский элемент с помощью CSS :has()
Раньше CSS не позволял выбрать родительский элемент в зависимости от того, что находится внутри него. Для этого приходилось добавлять JavaScript или отдельные классы.
Теперь можно использовать псевдокласс :has().
Например, подсветим поле формы, если внутри него есть элемент с ошибкой:
.form-field:has(.error) {
border-color: #ff4d67;
background: #fff3f5;
}
Или…
👍4👏2🔥1
5 Aug 2026, 10:15 UTC662 views10 reactionsread 12 August 2026 Photo
Как адаптировать компонент по ширине контейнера, а не экрана
Обычные media-запросы ориентируются на ширину окна браузера. Но один и тот же компонент может находиться в широкой секции, узком сайдбаре или сетке карточек.
Для таких случаев в CSS есть контейнерные запросы.
Сначала нужно объявить родительский элемент контейнером:
.card-wrapper {
container-type: inline-size;
}
После этого стили компонента можно менять…
👍3👏3❤2🔥2
4 Aug 2026, 17:06 UTC689 views11 reactionsread 12 August 2026 Photo
Как сделать адаптивный размер текста без десятков media-запросов
В CSS есть функция clamp(), которая позволяет задать минимальный, адаптивный и максимальный размер элемента.
Например:
.title {
font-size: clamp(24px, 4vw, 64px);
}
Первое значение — минимальный размер текста, второе меняется вместе с шириной экрана, а третье ограничивает максимальный размер.
Таким способом можно адаптировать не только шрифты, но и…
👍7🔥3❤1
22 Jul 2026, 09:20 UTC596 views3 reactionsread 12 August 2026 Video
Простой способ найти первых клиентов для проекта с помощью Codex
Появился полезный скил для Codex, который помогает найти первых клиентов для вашего проекта.
Достаточно дать ссылку на продукт или просто описать идею. Агент сам определит целевую аудиторию, найдет людей и компании с похожими проблемами, оценит, насколько им подойдет ваш продукт, и подготовит готовый список со ссылками на источники.
В конце вы получи…
👌2🤨1
17 Jul 2026, 05:05 UTC726 views5 reactionsread 12 August 2026 Photo
12-летняя девочка запустила ИИ-стартап: она разработала бота-ассистента, который помогает малому бизнесу удерживать клиентов.
Мана Джампала написала сервис через Claude. Бот успешно прошел первые тесты. Через два года она планирует выйти на акселераторы Y Combinator или a16z, а следом — на венчурные фонды.
Одна проблема — возраст. Сервис Маны нравится онлайн-бизнесу, но на живых питчах ее не воспринимают всерьез.
👍3🗿1😁1
16 Jul 2026, 05:05 UTC653 viewsread 12 August 2026 Photo
Grok 4.5 вышел в открытый доступ и обошел Claude Opus 4.8
xAI выпустила самую сильную свою модель и впервые заточила её не только под код, но и под длинные задачи с инструментами в дата-сайенс, финансах и юридической работе.
Внутри mixture-of-experts на новом фундаменте V9 с 1.5 триллиона параметров. Обучали совместно с командой Cursor на триллионах токенов реальных сессий разработчиков.
Маск называет её моделью к…
15 Jul 2026, 05:05 UTC528 views2 reactionsread 12 August 2026 Photo
Как оплачивать ChatGPT, Midjourney и Claude без посредников
Еще недавно зарубежные подписки были настоящей проблемой. Нужно было искать посредников, просить кого-то оплатить сервис или использовать сложные схемы.
Сейчас всё проще. С помощью @ можно выпустить виртуальную карту и оплачивать популярные сервисы напрямую.
Через ZARUB можно оплачивать ChatGPT, Claude, Perplexity, Midjourney, Suno, Wavespeed и множество …
❤1👍1
14 Jul 2026, 05:05 UTC455 viewsread 12 August 2026 Video
В Manus появился новый skill для создания игр
Manus выкатил скил
/game-dev и теперь достаточно описать словами, какую игру вы хотите сделать и Manus самостоятельно создаст рабочую игру, в которую можно играть, а также подготовит ссылку для её публикации и передачи другим пользователям.
Например, можно написать: «Создай игру про космический корабль, который уклоняется от препятствий и набирает очки» и Manus преврати…
Showing the 12 most recent of 21 posts we hold for @frontendGA. View and reaction counts are the latest single reading for each post, not a live figure, and a recent post is still accumulating both. A view count marked ≈ was rounded by Telegram before we ever saw it — t.me prints views in full below 1,000 and to three significant figures above, so ≈1,200,000 means somewhere between 1,150,000 and 1,249,999. Unmarked counts are exact. Text is reproduced from the public post preview and truncated for length.