Берлога программиста | Веб и не только

Shader-Powered 3D Vortex 🔗 Код: Codepen 👉 @trends_frontend | #эффект

three.js + Cubes & Colors 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Hamburger menu transition Немного измененная анимация для кнопки, открывающей меню. Реализовано с помощью CSS и JS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Glowy menu animation Светящаяся анимация меню при наведении на кнопку. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Третий указ - открыть комментарии в канале! Добрый всем вечер!)

Второй мой указ - собрать со всех подписчиков бусты чтоб делать полезные сторисы https://t.me/boost/CodePen_tg

Первый указ который я издаю как новый владелец канала - отмена рекламы (ну кроме если только моих проектов🤣)

Всеобщее обращение, дорогие подписчики! Я новый владелец этого канала, профессиональный разработчик с 12+ лет стажа. Кроме классных сниппетов хочется вдохнуть жизнь в проект и немного с вами познакомиться🔥

Social media hover effect Эффект наведения на соцсети с выкатыванием их названия. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #анимация

Аккордеон без использования JavaScript Реализовано с помощью HTML & CSS 🔗 Код: Codepen 👉 @trends_frontend | #аккордеон

CSS Text Loading 8 различных переходов текстовой загрузки. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

🔥Прими участие в Хакатоне от ИТ-холдинга Т1 в Москве и поборись за призовой фонд 1 200 000 рублей! Когда: 25–28 ноября Формат: онлайн + финал на площадке Участвуй, если ты: 🔹обучаешься на технической или ИТ-специальности 🔹развиваешься в направлении разработки, системной администрации, AI/ML или DevOps 🔹сможешь быть в Москве 28 ноября. Выбери свой кейс:

✴️VibeCode Jam: собеседование будущего. Создай ИИ-платформу для прохождения технических собеседований с виртуальным интервьюером. ✴️Self-Deploy: CI/CD без DevOps. Автоматизируй генерацию CI/CD пайплайнов по анализу структуры Git-репозитория.

Почему стоит участвовать: 🔘Кейс в портфолио и полезная обратная связь от менторов Т1 🔘Шанс проявить себя, чтобы начать карьеру в одной из крупнейших ИТ-компаний 🔘Реальный опыт командной работы 🔘Мерч и атмосфера сильного комьюнити — в Т1 более 5 000 джунов из 580+ вузов России и Беларуси. Регистрация открыта! ➡️ Успей до 23 ноября по ссылке. Реклама. О рекламодателе.

Веб-компонент <pixel-canvas> 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Ghost Button Animation - Dribbble Два варианта заливки кнопки в светлой и тёмной теме при наведении на неё. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

SVG Text Animation Анимация для текста, внимание к которой придает движение частиц по контуру букв. Реализовано с помощью CSS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Telegram опубликовал список 8 самых быстрорастущих каналов для программистов: Only Python — Подборки приёмов и фич, о которых не рассказывают в курсах. Only Tech — Главные тренды и инсайды из мира технологий, маркетинга и интернет-культуры. Only Hack — Реальные кейсы кибератак, инструменты и методы защиты, которые используют хакеры. Only GitHub — Репозитории, которые решают реальные задачи. Скрипты, фреймворки и готовые решения Only IT — Без мнений и слухов — только факты и важные IT-события. Only Apple — Новые апдейты, утечки и фишки, которые Apple ещё не показала. Only GPT — Промпты, хаки и свежие инструменты, о которых молчат даже AI-каналы. Only Memes — Если ты когда-нибудь деплоил в пятницу вечером — ты поймешь Подписывайтесь и прокачивайте свои скиллы.

Rube Goldberg HTML form Необычная реализация формы ввода. Реализовано с помощью CSS и JS. 🔗 Код: Codepen 👉 @trends_frontend | #эффект

Снегопад, кучи снега, туман (анимация) 🔗 Код: Codepen 👉 @trends_frontend | #эффект