💾 WebGL Flowers – анимация в виде "жидких" цветов, которые появляются при нажатии на экран. Окраска растения генерируется автоматически.

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

🎨 Цветовая палитра макета "The Art Of Geometry"

HEX | RGB
#D4EEDB | rgb(212,238,219)
#F88484 | rgb(248,132,132)
#437A50 | rgb(67,122,80)

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

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

Запускаете игровой сервер и устали от VPS, который начинает лагать каждый вечер?

Мы делаем инфраструктуру для тех, кто предпочитает самостоятельно управлять своими проектами:
• Ryzen 9 7950X
• NVMe SSD
• KVM виртуализация
• Локации РФ и Европа

Мы не продаём "безлимитные" ресурсы и не обещаем невозможное.
Наша цель — чтобы сервер работал предсказуемо под реальной нагрузкой.

🌐 cheesecake.team

✍️ Righteous – шрифт без засечек с округлыми элементами, который идеально подходит для веб-дизайна: заголовков, карточек и подписей к изображениям. Пример шрифта есть в сниппете "Cards Hover Effect"

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

✍️ Jura – футуристичный шрифт без засечек, который поддерживает латиницу, кириллицу и греческий алфавит. Пример шрифта можно посмотреть на официальном сайте Yuka

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

💾 Nutanix Loading Screen – минималистичный лоадер для темной темы. Созвездия на фоне двигаются как сами по себе, так и вслед за курсором.

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

🖥 Waste Landing Page – дизайн лендинга с информацией по переработке мусора. Основная фишка дизайна - яркие цветные иллюстрации.

Сайтодел | #макет #figma

💾 WebGL Flowers – анимация в виде "жидких" цветов, которые появляются при нажатии на экран. Окраска растения генерируется автоматически.

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

🌟 Нам все равно никто не поверит

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

📡 RSS Daily Digest — 8 июня 2026

🔥 Tech / HN
• Is This the Dawn of the Tokenpocalypse?
• 1k Data Breaches Later, the Disclosure Lag Is Worse
• Dopamine Fracking
• The Smallest Brain You Can Build: A Perceptron in Python

🤖 AI / LocalLlama
• Gemma4 12b vs 26a4b: which one is better?
• QATs Q4_0 from Google have more precision than Q4_K_XL
• llama.cpp Gemma4 MTP support merged!
• Best Local TTS solution

🐍 Python
• Python 3.15.0 beta 2 is here!
• Rust for CPython Progress Update April 2026

📰 TechCrunch
• OpenAI unveils Lockdown Mode to protect sensitive data
• What to expect from WWDC 2026: Siri's revamp
• The worst hacks and breaches of 2026 so far
• Trump administration might take an equity stake in OpenAI

👩‍💻 Стили пишутся прямо в React-компонентах.

vscode-styled-components — делает работу со styled-components намного удобнее: появляются подсказки CSS, подсветка цветов, автодополнение свойств и форматирование прямо внутри JS/TS-файлов. Всё работает почти как в отдельном CSS-файле.

📣 Code Ready | #vscode

⚡️ PewDiePie дропнул собственный AI-проект

Легенда Ютуба создал альтернативу Cursor и ChatGPT, без ограничений, слежки и привязки к куче сервисов!

Проект под названием «Odysseus» всего за несколько недель собрал более 62 000 звёзд на GitHub и быстро привлёк внимание сообщества.

Что предлагает:
✅ Редактор документов, агенты и встроенные AI-инструменты.
✅ Поддержка Ollama, OpenRouter, OpenAI и других моделей.
✅ Работа с документами и долговременной памятью.
✅ Возможность локального запуска без интернета.
✅ Поддержка мобильных устройств.

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

⚙️ Установка:
git clone https://github.com/pewdiepie-archdaemon/odysseus.git
cd odysseus
python3 -m venv venv
source venv/bin/activate
pip install -r requirements.txt
python setup.py

▶️ Запуск:
python -m uvicorn app:app --host 127.0.0.1 --port 7000

❗️Пользователи пишут, что блогер буквально закопал большинство корпоративных...

Перейти на оригинальный пост

💾 Responsive Shader Carousel – галерея, показывающая выбранное изображение на заднем плане. Перелистывать можно только с помощью двух кнопок.

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

🐙 ByteByteGoHq – коллекция схем, которые объясняют работу сложных систем: сетевые протоколы, CI/CD, REST API, архитектурные паттерны, безопасность и т.д. Поможет подготовиться к собеседованию.

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

✍️ Inter Tight – шрифт, разработанный специально для цифровых экранов. Имеет небольшие расстояния между символами. Пример шрифта можно посмотреть в макете "Gradients WebSite Template"

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

🐙 Meteor – современная платформа для создания мобильных и десктопных приложений. Поддерживает TypeScript и легко интегрируется с популярными фронтенд-фреймворками.

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

📰 RSS Дайджест за 9 июня

AI / ML
• Gemma 4 Chat Template now has preserve thinking — теперь с сохранением режима размышлений
• Xiaomi: 1,000+ tps на 1T модели — 8-GPU сервер
• Speculative decoding: 19.4 → 38.1 tk/s — удвоение скорости на MI50
• BitNet: что случилось с ternary LLMs? — вопрос сообщества
• Parakeet 0.6B для медицинского ASR — открытые веса

Apple WWDC
• Apple Core AI Framework — документация
• Apple Intelligence / Siri AI — официально
• Apple plays catch-up at WWDC — TechCrunch
• Apple bets cheaper AI — для small developers
• Apple reveals new AI architecture built around Google Gemini

Новости
• OpenAI files confidentially for IPO — вслед за Anthropic
• Waymo купила полигон Apple за $220M
• Zepto's IPO: быстрый рост, большие убытки

Java
• Cross-Platform Java с Codename One — Baeldung

Разное
• Porting ThinkPad X61 to Coreboot — HN
• Old'aVista — guide to old Internet — ностальгия

👨👨👨👨👨👨👨👨👨👨

Каналы с IT вакансиями
и стажировками

Подписывайся и забирай свой оффер 🤘

1. Стажировки и вакансии по России и миру
2. IT вакансии по СНГ
3. IT стажировки по СНГ
4. ИИ-ассистент для автооткликов
5. IT стажировки и волонтерства
6. IT стажировки в топовых компаниях мира
7. Удалённые IT вакансии и стажировки
8. Python вакансии и стажировки
9. БИГТЕХ вакансии и стажировки
10. Design вакансии и стажировки
11. QA вакансии и стажировки
12. Junior вакансии и стажировки
13. Frontend вакансии и вопросы собесов
14. Вакансии и стажировки для аналитиков
15. Вакансии в русских стартапах за границей
16. Вакансии и стажировки для DevOps
17. Вакансии, которых нет на ХХ.РУ

Как сделать sticky footer без layout-багов?

Часто делают так:
footer {
position: fixed;
bottom: 0;
}

Но fixed-footer перекрывает контент и ломает mobile layout.

Есть нативный flex-способ без JS и вычислений высоты.
body {
display: flex;
flex-direction: column;
}

Теперь body становится вертикальным flex-контейнером.

Остаётся отодвинуть footer вниз.
footer {
margin-top: auto;
}

auto забирает всё свободное пространство сверху и footer автоматически прижимается к низу страницы.
body {
min-height: 100dvh;
}

🔥 Так layout занимает минимум всю высоту viewport даже при маленьком количестве контента.

📣 Code Ready | #совет

💾 Know Your Menu – анимация для пяти разных иконок меню, которая срабатывает при наведении курсора (hover).

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

💾 Hover Effect for Headers – восемь анимированных эффектов для заголовков слайдов. Некоторые из них влияют на отдельные буквы, а некоторые – на всё слово.

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