🚀 Дайджест новостей за последние 24 часа 🚀
💻 Tech & Programming
AI Slop в Open Source — Призыв прекратить заваливать проекты бессмысленными AI-правками ради CV. Читать
Борьба Anthropic и США — Суд признал незаконным внесение Anthropic в черный список администрацией Трампа. Читать
Terminal-Bench-Science — Оценка AI-агентов в научных исследовательских рабочих процессах. Читать
OpenTIE & OpenXWA — Современные порты Tie Fighter и X-Wing Alliance. GitHub
OpenRouter — Новый open-source аналог OpenRouter для улучшения моделей через использование. GitHub
🤖 AI & LLM
LLM на C — Реализация современной LLM всего в 700 строках кода на C. Обсуждение
Слухи о слияниях — Обсуждение возможного поглощения llama.cpp и команды HuggingFace компанией Nvidia. Обсуждение
Qwen 3.8 Flash Next — Поддержка новой модели объединена в llama.cpp. Обсуждение
Unsloth — Пост благодарности команде Unsloth за вклад в open-source. Обсуждение
🌐 WebDev & News
Document PiP API — Создание веб-виджетов с помощью Document Picture-in-Picture API. Читать
TechCrunch Disrupt 2026 — OpenAI и Anthropic подтвердили участие в AI-секции конференции. Читать
Bluesky — Добавлен функционал отказа от алгоритмов для тех, кто не хочет становиться виральным. Читать
Meta & Privacy — В урегулировании на $18 млрд зарыт пункт, позволяющий Meta использовать данные детей для обучения моделей. Читать
#myselfcoding #digest #AI #programming #webdev

✈️ Code Ready | Frontend

👩‍💻 Семантически выделяет математические выражения и переменные!

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

Например, с его помощью можно обозначить:

• переменную в формуле — x, y, r;
• аргумент функции;
• параметр программы или команды;
• значение, которое пользователь должен подставить самостоятельно.

По умолчанию браузеры обычно отображают содержимое <var> курсивом, однако внешний вид можно изменить с помощью CSS.

<var> нужен не просто для визуального выделения текста. Он добавляет семантику, указывая, что конкретный фрагмент представляет переменную.

📣 Code Ready | #атрибут

✈️ Сайтодел | GitHub, Верстка, Сайты, FullStack

✈️ Сайтодел | GitHub, Верстка, Сайты, FullStack

🐙 Element – библиотека компонентов для разработчиков, дизайнеров и продакт-менеджеров, которая основана на Vue 2.0. Содержит все необходимые элементы для создания лаконичного веб-интерфейса.

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

✈️ Сайтодел | GitHub, Верстка, Сайты, FullStack

✈️ Сайтодел | GitHub, Верстка, Сайты, FullStack

🖥 Online Bike Shopping App – дизайн мобильного приложения для магазина велосипедов. Его особенность – интересные сочетания светлых и темных оттенков синего.

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

✈️ [PYTHON:TODAY]

😱 ЗП $60 000 — $100 000, требуется 30-50 мужчин 😱

Пацаны выдвигаемся?

С добрым утром, пятница! 😎

✈️ Сайтодел | GitHub, Верстка, Сайты, FullStack

🐙 Quasar – фреймворк для создания кроссплатформенных веб-приложений. Содержит более чем 70 высокопроизводительных настраиваемых веб-компонентов Material Design.

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

✈️ Сайтодел | GitHub, Верстка, Сайты, FullStack

✈️ Сайтодел | GitHub, Верстка, Сайты, FullStack

💾 Stripe Sessions Style Flex Carousel – галерея, в которой фото показывается при нажатии. Неактивные элементы имеют градиентный фильтр.

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

✈️ Сайтодел | GitHub, Верстка, Сайты, FullStack

✈️ Сайтодел | GitHub, Верстка, Сайты, FullStack

💾 Cursor Tracking – маска для курсора, которая показывает скрытый слой. В середине экрана диаметр маски становится чуть меньше.

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

✈️ Сайтодел | GitHub, Верстка, Сайты, FullStack

✈️ [PYTHON:TODAY]

💀 Сегодня фанаты отмечают день восстания Скайнет

29 августа во вселенной «Терминатора» ИИ осознал себя и вышел из-под контроля уничтожив большую часть человечества.

🫡

✈️ [PYTHON:TODAY]

📈 В сети вирусится видео, где мужик показал свой сетап где-то на Ближнем Востоке.

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

😱 Высший уровень удаленки...

✈️ Code Ready | Frontend

Правильный порядок фокуса в сложном Grid без перестановки DOM!

CSS Grid позволяет визуально переставлять элементы, но раньше это создавало неприятную проблему: пользователь видит один порядок, а при нажатии Tab фокус может идти по исходному DOM.

Теперь для этого появился reading-flow.

Для Grid можно заставить последовательную навигацию следовать визуальным строкам:
.cards {
reading-flow: grid-rows;
}

Для Flex есть отдельный режим:
.toolbar {
reading-flow: flex-visual;
}

А если нужен контролируемый порядок, контейнер переводится в source-order, после чего отдельным детям можно задавать reading-order.
.list {
reading-flow: source-order;
}

.featured {
reading-order: -1;
}

Это полезно в адаптивных интерфейсах, где Grid/Flex визуально меняет расположение карточек или контролов, но переписывать DOM только ради порядка клавиатурной навигации неудобно.

🔥 reading-flow решает проблему расхождения визуального порядка и последовательной навигации на уровне CSS.

📣 Code Ready | #совет