codepen.js
Open in Telegram
Сборник крутых и полезных фич для вашего сайта: готовый код на css и javascript, который можно вставить в проект. Подходит веб-разработчикам и дизайнерам. Сотрудничество: @noname_media Канал на бирже: https://telega.in/c/codepen_js № 4799182616
Show more
Network:9 132
Subscribers
-124 hours
-197 days
-7730 days
Posts Archive
9 132
🎉 uCoz жив — и ему 20 лет!
Помнишь, с чего начинался твой первый сайт? Так вот, uCoz не просто жив — а зовёт тебя на хакатон скриптов, шаблонов и промптов!
💡 Есть отдельные номинации и призы за скрипты и лучшие промпты для AI Code — встроенного помощника внутри uCoz, который помогает автоматизировать работу с шаблонами и кодом.
А для тех, кто хочет замахнуться на большее — есть бонусная номинация за скрипты с AI-интеграциями.
Участвовать может кто угодно: универсальные JS-скрипты подойдут для любого сайта (в том числе и uCoz), а AI-промпты можно делать без знания системы. ⚡️
💬 В чате хакатона знатоки uCoz тебе помогут и подскажут, если нужно.
🎁 Призы — до $300 и 200 запросов в AI Code каждому участнику!
🗓 Приём заявок — до 6 ноября, сам хакатон пройдёт 7–9 ноября, а победителей объявим 14 ноября 🎉
👉 Больше подробностей — на сайте: 20.ucoz.ru
9 132
Marble Checkbox — неоновый переключатель. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Light Ball Preloader — прелоадер. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Skeuomorphic Toggle Switch — стилизованный переключатель Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Cube — анимированная загрузка в виде точек и куба. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Поможем выйти на оффер с зарплатой от 120 000 ₽ — даже без опыта
Как? За время нашей многолетней практики мы вывели основные ошибки, которые мешают найти работу в IT в 2025 году.
Вот 3 основные:
-Резюме должно цеплять за 10 секунд — иначе его не читают.
-Pet-проекты нужно «упаковать» как опыт, а не как домашку с курсов.
-Софт-скиллы и мотивация — часто важнее стека. Это фильтр №1.
Остальные 7 хитростей — в нашем канале @itlebed_center
Там же — примеры удачных откликов и советы от менторов с опытом в ИТ 15+ лет.
Подключайся и начни путь к своей работе в ИТ.
9 132
Login Form Input animation — форма для ввода имени и пароля на фоне градиентного перехода. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Animated Social Links — карточки принимают 3D-форму при наведении на соцсети. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Loader animation — ожидание загрузки в виде мерцающего кольца. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Checkbox — флажок, который указывает на то, что опция выбрана. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Text Stroke Animation — анимация текста. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Переключатель — переключатель темной темы в виде китайского фонарика. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Minecraft 3D — анимированная сцена. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Interactive 3D die — вращение трехмерных игральных костей согласно вводу пользователя. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Slack Splash — сцена с лого и анимированным фоном с реакцией на курсор. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Земля, я Юпитер — в 1979 году "Вояджер-1" сделал 66 кадров. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Profile Card Animation — изображение преобразуется в информационную карточку при нажатии на значок. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Input Animation — анимация ввода имени пользователя. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Gravity button — интерактивные кнопки с эффектом притяжения Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Christmas Tree Spiral — анимированная рождественская ёлка. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
