Coding
247 subscribers
5.88K photos
1.47K videos
34 files
5.95K links
Статьи и ссылки с разных ресурсов, для начинающих программистов.
Download Telegram
Как сделать 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 | #совет
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Know Your Menu – анимация для пяти разных иконок меню, которая срабатывает при наведении курсора (hover).

Сайтодел | #сниппет #css
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Hover Effect for Headers – восемь анимированных эффектов для заголовков слайдов. Некоторые из них влияют на отдельные буквы, а некоторые – на всё слово.

Сайтодел | #сниппет #css
This media is not supported in your browser
VIEW IN TELEGRAM
😎 Если вы считаете себя тупым, помните, что есть криптаны

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

🦣 Мамонты поверили, понесли деньги и спокойно наблюдали за ростом проекта.

Позже внезапно выяснилось, что руки всё-таки есть. После этого создатель без лишних церемоний начал выводить средства и заработал около $40 000 всего за несколько минут...

С добрым утром ☕️
📰 <b>RSS Дайджест</b> | 10 июня

<b>AI</b>
• Without open source LLMs, US AI companies could have already monopoled the technology
• Anthropic is intentionally nerfing Fable when asked to develop other LLMs
• Unsloth/North-Mini-Code-1.0-GGUF released
• Releasing Apodex-1.0 Smol Models (0.8B, 2B, 4B Open-Weights)
• Releasing Cohere North Mini Code
• Unsloth Gemma 4 QAT MTP assistant models now available

<b>Tech / HN</b>
• Rich Sutton on AI creativity and discovery
• German ruling declares Google liable for false answers in AI Overviews
• macOS Container Machines (Apple)
• RIP software hackathons. Long live the hardware hackathon
• Ultrafast machine learning on FPGAs via Kolmogorov-Arnold Networks
• Claude Fable 5

<b>Новости</b>
• Top Lucid Motors executive departs amid new CEO's leadership shakeup
• Google just fired a warning shot in the AI subscription price wars
• GM joins race to build batteries for AI data centers
• Hey, Siri, here's what I actually want from AI
• Anthropic's Fable 5 can make weirdly fun video games
• Can tech companies learn to love cheaper AI models?
• WWDC 2026: Everything announced on Siri AI, iOS 27, Apple Intelligence
• CISA gives US federal agencies three days to fix a VPN bug

📎 <a href="https://news.ycombinator.com">Hacker News</a> • <a href="https://www.reddit.com/r/LocalLLaMA">r/LocalLLaMA</a> • <a href="https://techcrunch.com">TechCrunch</a>
Дайджест опубликован в канал @myselfcoding
This media is not supported in your browser
VIEW IN TELEGRAM
💅 Ravesli JavaScript — курс по основам JS для начинающих!

Сайт охватывает как основы языка, так и более продвинутые темы. Здесь разбираются переменные, функции, объекты, массивы, DOM, события, асинхронность, работа с браузером и др. Материал подаётся в формате последовательных уроков с примерами кода и подробными объяснениями.

📌 Оставляю ссылочку: ravesli.com

📣 Code Ready | #сайт
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Shader Practice – парящие в пространстве слои с паттернами. Идею можно использовать в качестве иллюстрации для сайта.

Сайтодел | #сниппет #css
🎨 Цветовая палитра макета "Car Service":

HEX | RGB
#C1C1C1 | rgb(193,193,193)
#FF011D | rgb(255,1,29)
#1E1E1E | rgb(30,30,30)

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

Сайтодел | #палитра
📈 Как вывести свой сайт в топ и получить больше трафика

GEO-SEO — AI-инструмент, который за несколько минут анализирует сайт и показывает, почему поисковики могут занижать его позиции.

Достаточно указать сайт — дальше ChatGPT, Claude или другая ИИ-модель проведёт аудит и проверит:

💬 SEO-оптимизацию.
💬 Качество контента.
💬 Структурированные данные.
💬 Видимость для AI-поиска.
💬 Технические ошибки и слабые места.

Дополнительно сервис показывает упоминания бренда на популярных площадках и формирует удобный PDF-отчёт.

⚙️ Простая установка:
git clone https://github.com/zubair-trabzada/geo-seo-claude.git
cd geo-seo-claude
./install.sh

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

♎️ GitHub/Инструкция

#python #soft #github
Локальный запуск LLM перестал быть экспериментом 

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

📌23 июня в 20:00 МСК приглашаем вас на открытый урок в преддверии старта курса «ИИ для разработчиков». 

На занятии мы разберём:
✔️ как устроена платформа Ollama для локального запуска LLM
✔️ рассмотрим установку на Linux, macOS и Windows, 
✔️ работу с модельным каталогом, управление версиями и методы оптимизации моделей под ограниченные ресурсы
✔️ также поговорим о квантизации и выборе подходящих форматов моделей.

После урока:
- вы поймёте архитектуру Ollama, 
- научитесь разворачивать и сопровождать LLM без облачных зависимостей 
- получите практическое представление о локальной инфраструктуре для работы с искусственным интеллектом.

➡️...

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

Homo Manifestans — канал для айтишников, у которых периодически опускаются руки и отключается мозг, ибо переработки и постоянная тревожность не приводят к другим исходам 🤗

✓ Как научиться отвлекаться от работы и отдыхать?
✓ Как совместить кучу рабочих задач и время с семьей?
✓ Как справиться с прокрастинацией?
✓ Как не растерять запал, даже если начальник и коллеги 💩 и кажется, что ничего не выходит?

Подписывайтесь на канал @vadimpetrovpsi и научитесь работать без упахивания, выгорания и ущерба для личной жизни!

Псс. Заходите в закреп — там много полезного, и даже бесплатный мини-курс по выходу из апатии:
👉
https://t.me/+4ZhNArjrIc83M2E6
👩‍💻 Анимированная подсветка рамки без JavaScript!

Обычные анимации рамки часто выглядят слишком примитивно: у элемента просто меняется цвет или прозрачность всей границы сразу. Но через conic-gradient можно создать полноценное вращающееся свечение вокруг элемента.

Как работает:
conic-gradient рисует сектор света вокруг центра;

псевдоэлемент становится отдельным glow-слоем;

animation вращает только градиент;

layout остаётся полностью стабильным, потому что анимируется compositing-слой.


Приём отлично подходит для интерфейсных панелей, акцентных кнопок и интерфейсов с акцентными состояниями.

📣 Code Ready | #фишка
This media is not supported in your browser
VIEW IN TELEGRAM
🕵️‍♂️ Geospy — нейросеть, которая вычисляет локацию по виду из окна!

Загрузите фото, и ИИ попробует определить, где оно сделано. Работает как цифровой детектив, анализируя детали на снимке:
💬 фон,
💬 здания и архитектуру,
💬 растительность,
💬 дорожные знаки,
💬 погоду,
💬 рельеф и кучу мелких деталей, после чего показывает место съёмки на карте и собирает вокруг него 3D-сцену.

🙅‍♂️ Но пожалуйста, не тестируйте на своих домах — оно обучается...

#soft #нейросеть
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Skeuomorphic Toggle Switch – реалистичные 3D-переключатели, которые написаны на HTML и CSS без использования JavaScript.

Сайтодел | #сниппет #css
This media is not supported in your browser
VIEW IN TELEGRAM
💾 Slider – вертикальный слайдер, который представляет фотографии в виде карточек. Листать изображения можно при помощи скролла экрана.

Сайтодел | #сниппет #css
📰 <b>RSS Daily Digest</b> — 11 июня 2026

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

<b>AI</b>
• LocalLlama: "fableExpectations" (25m)
• nvidia/diffusiongemma-26B-A4B-it-NVFP4 на Hugging Face (2h)
• AMD touts the unified memory architecture (4h)
• qwen3.6-27b tools call loop (5h)
• Remove padding and multiple D2D copies for MTP (11h)
• FlashMemory-DeepSeek-V4: Lightning Index Ultra-Long Context (13h)
• DiffusionGemma: 4x faster text generation (13h)
• DiffusionGemma: The Developer Guide (13h)
• Cohere released North Mini Code (18h)

<b>Tech / Hacker News</b>
• OpenAI mulls slashing prices as it competes with Anthropic (33m)
• AI agent runs amok in Fedora and elsewhere (5h)
• πFS (10h)
• Cybersecurity researchers aren't happy about Anthropic's Fable (13h)
• Eric Ries AMA (15h)

<b>TechCrunch</b>
• Opendoor's India exit: AI and outsourcing (1h)
• Anthropic's Dario Amodei has just one direct report (1h)
• xAI fired engineer who raised alarms about Grok safety (7h)
• Andrew Yang building instead of waiting for Washington (7h)
• Cybercriminals claim breach of Oracle PeopleSoft (8h)
• Everyone wants a piece of Tesla's battery business (9h)
• Amazon borrows $17.5B as AI spending continues (9h)
• North Koreans behind nearly half of US tech hacks (9h)
• Wing drone delivery might not be a novelty anymore (9h)
• Netflix expands mobile app across Asia (12h)

<b>Разное</b>
• Sequoyah's syllabary: written language for Cherokee (7h)
Дайджест опубликован в канал @myselfcoding
🧐 Крутая статья недавно вышла на Хабре: «Как я собрал кубик Рубика в браузере на чистом Canvas»!

В этой статье:
• Пошагово показывается создание собственного симулятора кубика Рубика на JS и Canvas;
• Разбирается работа с 3D-проекцией, изометрией и ручным рендерингом объектов;
• Объясняется, как хранить состояние куба и реализовывать алгоритмы поворотов;
• Демонстрируются проблемы Canvas-рендеринга, сортировки граней и псевдо-3D.


🔊 Продолжай читать на Habr!


📣 Code Ready | #статья