😎 Забирайте пятничную идею

Чувак навайбкодил сайт, где любой желающий может удалённо покормить его кота 😁

Нажимаешь кнопку — кормушка высыпает еду, а компьютерное зрение фиксирует морду в прямом эфире.

В будущем обещают:
🕺 распознавание котов;
😳 весы;
🏆 «лидерборд жадности», соревнования пушистых.

Теперь к проекту подключаются и другие владельцы, можно кормить случайных котов по всему миру.

📈 Стартап вирусится с безумной скоростью.

💾 Animated Weather Cards – карточки с реалистичными спецэффектами. Некоторые элементы (капли дождя, снег, листья) попадают из карточки на саму страницу.

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

📡 RSS Daily Digest — 23 мая

Найдено 27 материалов за последние 24ч:

🔥 Главное
• Microsoft: AI дороже сотрудников — https://fortune.com/2026/05/22/microsoft-ai-cost-problem-tokens-agents/
• SpaceX запустила Starship V3, но потеряла бустер — https://techcrunch.com/2026/05/22/spacex-launches-starship-v3-for-the-first-time-but-loses-booster-on-return/
• DeepSeek привлекает $10.29B — https://www.reddit.com/r/LocalLLaMA/comments/1tkfvvj/deepseek_is_pushing_forward_with_1029_billion/

🤖 AI / Local LLMs
• Qwen3.6 27B: 40 tok/s на 16GB VRAM — https://www.reddit.com/r/LocalLLaMA/comments/1tkzk9e/qwen36_27b_pure_quant_40_toks_on_16_gb_vram/
• BeeLlama v0.2.0: Qwen 3.6 27B → 164 tps на RTX 3090 — https://www.reddit.com/r/LocalLLaMA/comments/1tkpz2y/beellama_v020_major_dflash_update_single_rtx_3090/
• NVIDIA убирает Gaming Revenue из отчётов — https://www.reddit.com/r/LocalLLaMA/comments/1tkw5ri/nvidia_removes_gaming_revenue_category_from/
• LongCat-Video-Avatar 1.5 — https://www.reddit.com/r/LocalLLaMA/comments/1tl4wpi/meituanlongcatlongcatvideoavatar15_hugging_face/

🚀 Tech / Science
• Anthropic: Project Glasswing — https://www.anthropic.com/research/glasswing-initial-update
• CISA пытается сдержать утечку данных — https://krebsonsecurity.com/2026/05/lawmakers-demand-answers-as-cisa-tries-to-contain-data-leak/
• Новый препарат от апноэ сна — https://temertymedicine.utoronto.ca/news/how-decades-sleep-research-led-new-sleep-apnea-drug

📱 TechCrunch
• AI воскрешает голоса мёртких пилотов — https://techcrunch.com/2026/05/22/ai-is-being-used-to-resurrect-the-voices-of-dead-pilots/
• Google AI очки — «почти готовы» — https://techcrunch.com/2026/05/22/we-tried-googles-ai-glasses-and-theyre-almost-there/
• Spotify: больше AI, меньше того, что хочешь — https://techcrunch.com/2026/05/22/spotifys-ai-bet-more-of-everything-less-of-what-you-want/

⏱ Итого за сутки: 27 ссылок, 2 фида не ответили (CSS-Tricks, Planet Python)

Готово! Опубликовал RSS дайджест в канал @myselfcoding:

• 27 материалов за последние 24ч
• Главное: Microsoft AI дороже сотрудников, SpaceX Starship V3, DeepSeek $10.29B
• AI/LLM: Qwen3.6 бенчмарки, BeeLlama v0.2.0, NVIDIA убирает Gaming из отчётов
• TechCrunch: Google AI очки почти готовы, AI воскрешает голоса пилотов

2 фида не ответили (CSS-Tricks, Planet Python).

🐙 Nue.js – компактный фреймворк для создания пользовательских интерфейсов приложений на основе JavaScript. В нем мало абстрактных понятий, для работы достаточно знать HTML, CSS и JavaScript на базовом уровне.

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

💾 Secret Project – меню для мобильного приложения в виде сегмента круга. Иконки вместо надписей делают его более компактным.

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

✍️ Anton – это адаптация традиционного рекламного шрифта без засечек. Формы букв и начертания были оптимизированы для использования в качестве полужирного шрифта в современных веб-браузерах. Пример шрифта есть в заголовках: "Coffee Shop Mobile App"

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

✍️ Catamaran – шрифт для цифровых устройств, разработанный индийским дизайнером Pria Ravichandran. Поддерживает латиницу и тамильский язык. Пример шрифта есть в сниппете "Expanding Input"

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

🖥 SH freud UI Kit – дизайн для трекера настроения. Здесь использованы теплые, нежные оттенки и светло-кремовый фон, который ассоциируется с расслаблением и уютом.

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

💾 CSS Loading Spinners – набор анимированных одноцветных спиннеров для отображения загрузки. Они написаны на CSS без использования JavaScript.

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

⚡️ Хочешь научиться автоматизировать браузер через Python?

Сохраняй гайд по Selenium на русском языке. Разберешься как управлять браузером, автоматически нажимать кнопки, заполнять формы, работать с cookies, ожиданиями, XPath и другими элементами сайта.

Подойдет новичкам, Python разработчикам для парсинга и тестирования и всем, кто хочет автоматизировать рутину и работать быстрее.

Внутри:
💬 Selenium с нуля
💬 Установка ChromeDriver и Firefox
💬 Автоматизация сайтов
💬 Работа с кнопками и формами
💬 XPath, CSS Selectors, id, class
💬 WebDriverWait и ожидания
💬 Готовые примеры Python кода

https://youtube.com/shorts/OtdGzx9OR9Q

#youtube #doc

📂 Напоминалка по оптимизации frontend performance!

Например, code splitting разбивает большой бандл на части и ускоряет загрузку, а dynamic imports позволяют подгружать код только тогда, когда он реально нужен.

Эти подходы помогают оптимизировать критический рендеринг, сократить размер передаваемых данных и улучшить метрики вроде LCP и INP.

Сохрани, чтобы не потерять!

📣 Code Ready | #ресурсы

🖥 SH freud UI Kit – дизайн для трекера настроения. Здесь использованы теплые, нежные оттенки и светло-кремовый фон, который ассоциируется с расслаблением и уютом.

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

💾 Procedural Japanese Style Tree – генератор сакуры. При нажатии на кнопку появляется дерево новой формы.

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

🖥 Modeva – дизайн сайта для магазина одежды, выполненный в карамельных и бежевых оттенках. Крупные заголовки создают контраст с мелким шрифтом под фотографиями.

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

Приглашаем на Frontend Mix — бесплатный митап ЮMoney для всех, кто интересуется фронтенд-разработкой 🤩

🕓 28 мая, четверг, 19:00 (мск) — приходите на митап в Санкт-Петербурге или подключайтесь онлайн.

Спикеры из ЮMoney поделятся, как работают над задачами и улучшают процессы в команде.

Вот о чём будут рассказывать:
🟣 Как спят вкладки в браузере. На живом примере разберём, как браузер усыпляет вкладки, почему из-за этого ломается real-time и какие приёмы дебага и resync помогают находить и чинить их в продакшене.
🟣 Как построить Spec-Driven платформу для генерации писем. Используя OpenAPI как единый источник правды, покажем, как описывать контракты электронных писем через спецификацию и автоматически генерировать консистентный HTML.
🟣 Подключение модуля шумоподавления в рабочее место оператора. Рассмотрим инструменты React, WebSockets, WebRTC, а также архитектуру и логику работы модуля шумоподавления.
🟣 Круглый стол — AI во фронтенде: вызовы и реальность. Обсудим...

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

Почему текст внезапно ломает grid и вылезает за контейнер?

Очень частый баг в CSS Grid: ставишь overflow: hidden, ellipsis, 1fr, а текст всё равно раздвигает layout и игнорирует ограничения.

Кажется, что проблема в overflow.
.title {
overflow: hidden;
text-overflow: ellipsis;
}

Но проблема часто вообще не в этом.

У grid-элементов по умолчанию стоит min-width: auto, из-за чего элемент отказывается сжиматься меньше контента.

Решение — явно разрешить сжатие.
.grid-item {
min-width: 0;
}

После этого начинают нормально работать:
.title {
white-space: nowrap;
text-overflow: ellipsis;
}

Важно: min-width: 0 нужно ставить именно на grid/flex item, а не обязательно на сам текстовый элемент.

🔥 Особенно критично для card-layout, dashboard, table, navbar и любых grid/flex интерфейсов с длинным текстом.

📣 Code Ready | #совет

💾 Isometric Card Grid – набор разноцветных визиток с похожим дизайном. Этот макет также подойдет для презентации собственного дизайна карточек.

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

💾 Interactive UI Cards – галерея карточек с заголовками и тегами. Каждая карточка напоминает раздел сайта и может содержать ссылки.

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

💾 Lotus – элемент, который реагирует на движение курсора: меняет форму, цвет и насыщенность лепестков.

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

🥰 В Минздраве заявили, что молодёжью теперь можно считать людей до 39 лет.

Не скуф, а молодёжь! С добрым утром ☕️