Красивые переносы заголовков!

Часто последняя строка заголовка выглядит неаккуратно: одно-два коротких слова оказываются отдельно.

Обычно это исправляют вручную.
<h1>Новый<br>релиз CSS</h1>

Или вставляют  , <wbr> и другие ручные переносы.

Теперь с этим может помочь сам браузер.
h1 {
text-wrap: balance;
}

Браузер старается более равномерно распределить текст между строками, чтобы заголовок выглядел аккуратнее. Лучше всего использовать это для коротких текстов: заголовков, подзаголовков, цитат и подписей.

Для длинных абзацев есть отдельный режим.
p {
text-wrap: pretty;
}

Он старается избегать неудачных переносов и слишком коротких последних строк. Если браузер его не поддерживает, текст просто будет переноситься как обычно.

🔥 text-wrap: balance и text-wrap: pretty позволяют заметно улучшить типографику буквально одной строкой CSS.

📣 Code Ready | #совет

🐙 ApiHub – набор бесплатных API, которые можно использовать в учебных целях или для портфолио. Коллекция охватывает различные отрасли и подходит для самых разных целей проекта.

Сайтодел | #репозиторий #github

😂 Б - боль

💾 Dot Clock Preloader – часы, у которых стрелка формируется из маленьких квадратов. Когда все элементы собраны, часы снова распадаются на пунктирную окружность.

Сайтодел | #сниппет #css

💾 GSAP Grid – сетка из анимированных SVG-изображений в ретро-стиле. Можно использовать в качестве иллюстраций для сайтов.

Сайтодел | #сниппет #css

RSS Дайджест — 27 июля

🧠 AI / LocalLlama
• Kat Coder 2.5 — впечатляющая производительность на Q4_K_M квантовании
• Qwen3.8 — сообщество просит выпустить в размерах 27B, 35B, 122B и 397B
• Kimi K3 — выходит с открытыми весами завтра!
• Harness showdown: Claude Code vs OpenCode vs Pi с DeepSeek V4 Flash
• OpenAI и Anthropic лоббируют ограничения для open-source AI (пока публично поддерживают открытые модели)
• Hugging Face CEO требует «радикальной прозрачности» после взлома OpenAI

📰 TechCrunch
• Могут ли Apple сделать умные очки без проблем с приватностью?
• Brain waves могут стать следующим прорывом для физического AI
• «Паника вокруг китайского AI» — разбор ситуации с Moonshot AI

💻 Hacker News
• Scriptc от Vercel: TypeScript-to-Native компилятор
• Htmx 4.0 — первая JS-библиотека, вышедшая эксклюзивно на Game Boy
• PGSimCity — как работает PostgreSQL (визуально)
• Decker — платформа в духе HyperCard
• Гражданин США обвинён после того, как GrapheneOS телефон стёр данные при досмотре

───

📊 24 материала за 24ч | 7 источников

🐙 PeerTube – видеохостинг с открытым исходным кодом, созданный на Typescript. Его главное отличие от других платформ – децентрализованное хранение данных.

Сайтодел | #репозиторий #github

😳 Что такое 4D

С добрым утром! ☕️

👨‍💻 Front-End Web Development Resources — большая подборка ресурсов по frontend-разработке!

Здесь собраны ресурсы по HTML, CSS, JavaScript, React, Angular, Vue.js, TypeScript, Git, UI/UX, адаптивной вёрстке, инструментам разработки и многим другим направлениям. Материалы подойдут как начинающим разработчикам, так и тем, кто уже работает и хочет расширить знания или быстро найти качественные источники по конкретной теме.

Оставляю ссылочку: GitHub 📱

📣 Code Ready | #репозиторий

✍️ Orbitron – геометрический шрифт без засечек с футуристическим дизайном. Он подходит для постеров, заголовков и обложек книг. Пример шрифта есть в дизайне "Virtual Reality Landing Page Concept"

Сайтодел | #шрифт

Искусственный интеллект не заберёт работу у вас. Её заберет человек, который подружился с нейросетями раньше вас.

Хватит просто наблюдать за тем, как технологии меняют рынок! Пора заставить их работать на себя.

До 31 июля 2026 на Stepik проходит распродажа курсов по искусственному интеллекту. Все курсы со скидками вы можете найти в каталоге и тг-канале @stepik_courses.

В подборке курсы, которое помогают сразу применять практические навыки на практике:

✏️ писать код и автоматизировать задачи даже без опыта программирования;
✏️ избавляться от рутинной отчётности с помощью ИИ;
✏️ создавать изображения и видео без навыков дизайна;
✏️ искать информацию быстрее и глубже обычных поисковиков;
✏️ осваивать ИИ-инструменты для разработки, анализа данных и машинного обучения.

Скидки на курсы по ИИ действуют до 31 июля 2026.

Реклама. ООО «Цифровые образовательные решения», ОГРН 1157847164309 erid=CQH36pWzJqEWSXKAXLrMp3wmgBTEhy6UzmEag48JRtNJfT

💀 Это круче терминатора T-800: узрите прототип робота-ликвидатора Phantom MK-1

Вы только кнопку принудительного отключения не забудьте встроить 🚬

🎨 Цветовая палитра макета "Interior Design Website"

HEX | RGB
#CED4D2 | rgb(206,212,210)
#FFD476 | rgb(255,212,118)
#2C8879 | rgb(44,136,121)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра

💾 Design Wormhole – карточка с трехмерным вращением и эффектом стекла. Внизу – непрерывная анимация с исчезающим предметом.

Сайтодел | #сниппет #css

🚘 За рулем главное быть вежливым

Хейтеры скажут, что ИИ...

С добрым утром! ☕️

👩‍💻 Валидируем форму прямо в браузере. Без JavaScript, регистрации и смс!

Псевдоклассы :valid и :invalid в CSS позволяют стилизовать поля формы в зависимости от результата встроенной HTML-валидации. Они работают с ограничениями вроде required, pattern, min, max, type="email" и другими.

Как это используется:
• :valid — поле заполнено корректно;
• :invalid — значение не прошло проверку;
• можно менять цвет рамки, фона или отображать состояние поля.

Это простой способ сделать форму более понятной для пользователя, не прибегая к JS.

📣 Code Ready | #свойство

🐙 Text Behind Image – полезный инструмент для создания текста на заднем плане фотографии. Проект имеет открытый исходный код.

Сайтодел | #репозиторий #github

🐙 Text Behind Image – полезный инструмент для создания текста на заднем плане фотографии. Проект имеет открытый исходный код.

Сайтодел | #репозиторий #github