CodePen Amazing @codepen_amazing Channel on Telegram

CodePen Amazing

@codepen_amazing


Здесь вы найдёте самые клёвые проекты с CodePen! Смотрите, вдохновляйтесь, творите!

Ссылка: @Portal_v_IT

Сотрудничество: @oleginc, @tatiana_inc

Канал на бирже: https://telega.in/c/codepen_amazing

CodePen Amazing (Russian)

CodePen Amazing - это канал, где вы найдете самые клёвые проекты с CodePen! Здесь можно найти вдохновение, увидеть творчество других и самому начать создавать что-то удивительное. На канале можно найти различные проекты, идеи и решения, которые могут вдохновить на создание своих собственных уникальных работ.

Ссылка на канал: @codepen_amazing

Если у вас есть интересные проекты, которыми вы хотите поделиться с другими участниками канала, вы можете связаться с администраторами канала @oleginc и @tatiana_inc. Они всегда рады новым идеям и сотрудничеству.

Присоединяйтесь к нашему каналу CodePen Amazing и окунитесь в мир творчества и вдохновения! Вы увидите, насколько удивительны могут быть проекты, созданные на CodePen. Ссылка на канал также доступна на бирже: https://telega.in/c/codepen_amazing

CodePen Amazing

18 Jan, 16:06


Back to top with progress indicator — кнопка "Вернуться к началу" с индикатором прогресса прокрутки страницы. Реализована с помощью jQuery.

https://codepen.io/ig_design/pen/yrwgwO

Codepen Amazing

CodePen Amazing

18 Jan, 14:12


❤️ 2000 бонусных рублей + сертификат на 1500₽ в OZON за выпуск бесплатной кредитной карты от Банка Уралсиб

Уралсиб запустил щедрую акцию 2в1:
1. Все, кто оформит кредитную карту «120 дней» по ссылке — получат сертификат на 1500₽ в OZON.
2. За любые покупки на сумму от 5000₽ в первые 30 дней банк вернет 2000 бонусов (1 бонус = 1 рублю)

Кстати, по карте еще доступны: вечное бесплатное обслуживание, 120 дней льготного периода, кредитный лимит до 1.5 млн и снятие наличных без комиссии.

Поторопитесь принять участие, пока все сертификаты не разобрали — оформить карту.

CodePen Amazing

18 Jan, 11:05


Sound links menu — воспроизведение разных звуковых эффектов при клике и наведении на ссылки, реализованное с помощью jQuery.

https://codepen.io/ig_design/pen/omZxMZ

Codepen Amazing

CodePen Amazing

18 Jan, 08:07


Input Animation — вводи данные. Реализована с помощью CSS и JavaScript

https://codepen.io/anna123Codepen/pen/YzZorLr

Codepen Amazing

CodePen Amazing

17 Jan, 16:07


Cards — эффект разворота карточек и перехода от одной к другой. Реализована с помощью CSS и JavaScript

https://codepen.io/raiskila/pen/jXRzPx

Codepen Amazing

CodePen Amazing

17 Jan, 11:05


Search input animation - Приятная анимация появления поля ввода текста при нажатии на кнопку. Реализовано с помощью CSS и JS.

https://codepen.io/aaroniker/pen/pZgPvd

Codepen Amazing

CodePen Amazing

17 Jan, 08:06


Dummy Multi Layer Page Reveal Effect — эффект открытия многослойной страницы-пустышки при нажатии на кнопку. Реализован с помощью CSS и JavaScript.

https://codepen.io/mburakerman/pen/roJmaZ

Codepen Amazing

CodePen Amazing

16 Jan, 16:06


TV Shows Slider — необычный слайдер с плавным перелистыванием слайдов, реализованный с помощью jQuery.

https://codepen.io/ig_design/pen/BELKYO

Codepen Amazing

CodePen Amazing

16 Jan, 11:36


Background clip text hover animation — анимация чередования фоновых изображений внутри текста при наведении на текст, реализованная на чистом CSS.

https://codepen.io/ig_design/pen/ErvoOb

Codepen Amazing

CodePen Amazing

16 Jan, 08:06


Shutter Vertical Reveal — анимация вертикального раскрытия скрытого контента в виде затвора. Реализована с помощью JavaScript.

https://codepen.io/mtsgeneroso/pen/MWyVMYV

Codepen Amazing

CodePen Amazing

15 Jan, 16:06


Circular reveal animation — круговая анимация раскрытия меню, реализованная с помощью JavaScript и библиотеки [email protected].

https://codepen.io/VoloshchenkoAl/pen/mddgQXm

Codepen Amazing

CodePen Amazing

15 Jan, 11:05


Menu Effect — эффект появления фонового изображения при наведении на пункт меню. Реализован с помощью jQuery.

https://codepen.io/ig_design/pen/qBbdMRJ

Codepen Amazing

CodePen Amazing

15 Jan, 08:06


Longcat Range Sliders — необычная реализация range-слайдеров в виде котиков, выполненная с помощью CSS и JavaScript.

https://codepen.io/jkantner/pen/RwGbByW

Codepen Amazing

CodePen Amazing

14 Jan, 16:36


Text Grid with Mouse Interaction — причудливый эффект текстовой сетки с переменными CSS и взаимодействием с мышью на JavaScript.

https://codepen.io/team/keyframers/pen/QWKpEdE

Codepen Amazing

CodePen Amazing

14 Jan, 11:06


Bongo Cat Codes #2 — весёлый котик пишет код. Анимация зацикливания реализована с помощью GSAP и DrawSVGPlugin.

https://codepen.io/carolineartz/pen/qBOEzQa

Codepen Amazing

CodePen Amazing

14 Jan, 08:06


Color this sofa! – SVG + Blend Mode trick - реализация палитры цветов для изображений продуктов.

https://codepen.io/kylewetton/pen/OJLmJoV

Codepen Amazing

CodePen Amazing

13 Jan, 16:06


Rolling Radio Buttons - прокручивающиеся radio-кнопки. Реализованы с помощью HTML, CSS и JS.

https://codepen.io/jkantner/pen/MWjrxPz

Codepen Amazing

CodePen Amazing

13 Jan, 11:06


SVG Hamburger Menu Icon Animation Collection - коллекция SVG-иконок для меню-гамбургеров. Анимация реализована с помощью JavaScript.

https://codepen.io/matthewmain/pen/NWKoPXJ

Codepen Amazing

CodePen Amazing

13 Jan, 08:06


Tetradic radial-background generator - генератор радиального фона с применением прямоугольной схемы цветов.

https://codepen.io/erinesullivan/pen/MWbdoaQ

Codepen Amazing

CodePen Amazing

12 Jan, 16:05


To Do List UI - пользовательский интерфейс списка дел, написанный на Vue.js.

https://codepen.io/aybukeceylan/pen/abmLNag

Codepen Amazing

CodePen Amazing

09 Jan, 16:07


Neumorph Rocker Switch — анимированный переключатель в стиле неоморфизм. Реализована с помощью CSS и JavaScript

https://codepen.io/jkantner/pen/RwmoqNP

Codepen Amazing

CodePen Amazing

09 Jan, 14:10


🔵 Любишь IT и интересуешься перспективными индустриями? Тогда этот канал для тебя!

На своем канале СЕО 1win показывает всю внутрянку iGaming-рынка и делится опытом управления крупной компанией в высококонкурентной нише. Полезно для тех, кто ищет свежие идеи и новые ниши в бизнесе.

Подписывайся на Owner 1win и будь на волне iGaming трендов! 🖥

CodePen Amazing

09 Jan, 11:05


ScrolTriger Image Zoom - Эффектная анимация масштабирования изображения при скроллинге, написанная с помощью CSS и JS.

https://codepen.io/GreenSock/pen/YzbPYMx

Codepen Amazing

CodePen Amazing

09 Jan, 09:07


🧠 Machine Learning — авторский канал, где собрана вся база по ИИ и машинному обучению.

Senior разработчик AI-алгоритмов и автономных агентов, разбирает гайды, редкую литературу и код топовых моделей машинного обучения и искусственного интеллекта.

В 2025 году ИИ выйдет на совершенно новый уровень тот, кто не успеет за прогрессом - отстанет, а кто разберется - сорвет куш.

Стоит
подписаться: t.me/ai_machinelearning_big_data

CodePen Amazing

09 Jan, 08:07


Adjustable Text Emphas with CSS - Регулируемый градиентный текст

https://codepen.io/jh3y/pen/KKJRqpM

Codepen Amazing

CodePen Amazing

08 Jan, 16:07


Pagination - Simуple Pagination - Симпатичный эффект при переключении страниц, созданный на чистом CSS.

https://codepen.io/Azametzin/pen/ZEVKJNX

Codepen Amazing

CodePen Amazing

08 Jan, 14:07


❗️Улыбнитесь — вас снимают

Оказывается, вот уже 5 лет за вами тайно следят оперативники. Камеры установлены в каждом городе России — их уже смогли найти: в торговых центрах, клубах и даже туалетах


Ищите свой город и следите за всем происходящим в режиме реального времени, приятного просмотра:

— Моя Москва
— Мой Питер

— Мой Абакан
— Мой Архангельск
— Моя Астрахань
— Мой Барнаул
— Моя Балашиха
— Мой Белгород
— Мой Брянск
— Мой Благовещенск
— Мой Великий Новгород
— Мой Владивосток
— Мой Владимир
— Мой Волгоград
— Мой Воронеж
— Моя Вологда
— Мой Волжский
— Мой Донецк
— Мой Екатеринбург
— Мой Ижевск
— Мой Иркутск
— Моё Иваново
— Моя Йошкар-Ола
— Моя Казань
— Мой Калининград
— Моя Калуга
— Моё Кемерово
— Мой Киров
— Мой Краснодар
— Мой Красноярск
— Моя Кострома
— Мой Крым
— Мой Курск
— Мой Курган
— Мой Липецк
— Мой Луганск
— Мои Люберцы
— Мой Магнитогорск
— Моя Махачкала
— Мой Мурманск
— Мои Набережные Челны
— Мой Нижний Новгород
— Мой Нижний Тагил
— Мой Новокузнецк
— Мой Новосибирск
— Мой Новороссийск
— Мой Омск
— Мой Оренбург
— Мой Орёл
— Моя Пенза
— Моя Пермь
— Мой Петрозаводск
— Мой Подольск
— Моя Рязань
— Мой Ростов-на-Дону
— Моя Самара
— Мой Саратов
— Мой Саранск
— Мой Сочи
— Мой Старый Оскол
— Мой Ставрополь
— Мой Стерлитамак
— Мой Сургут и ХМАО
— Мой Смоленск
— Мой Сыктывкар
— Мой Таганрог
— Мой Тамбов
— Мой Тольятти
— Моя Тула
— Мой Томск
— Моя Тюмень
— Моя Тверь
— Мой Ульяновск
— Моя Уфа
— Мой Улан-Удэ
— Мой Хабаровск
— Мой Челябинск
— Мои Чебоксары
— Мой Череповец
— Моя Чита
— Мой Ярославль
— Мой Якутск

Другой город — Моя Россия

CodePen Amazing

08 Jan, 11:07


Emoshion - Слайдер для выражения эмоций, написанный на SCSS и JS.

https://codepen.io/thebabydino/pen/vwJeJN

Codepen Amazing

CodePen Amazing

08 Jan, 09:06


Самая лучшая работа сегодня — у владельца телеграм-канала.

В этом году они в среднем получают 300 000 рублей в месяц, работая сидя дома, в путешествии или загородном домике. А самые смышленые доходят и до миллионов.

Хотите также? Чтобы зарабатывать с телеграм-канала не нужно быть гением маркетинга, просто начните читать Машу Полуянову.

Она уже три года работает в телеграме и без пафоса объясняет, как за первую неделю набрать 1000 читателей, откуда брать контент на месяц вперёд и как заработать первые 100 000 рублей с нуля даже новичку.

Подписывайтесь, такие блоги редко встретишь: @mashapoluyanova

CodePen Amazing

08 Jan, 08:05


Scense portal 3D - 3D модель. Реализована с помощью CSS и JavaScript

https://codepen.io/aderaaij/pen/BapYONL

Codepen Amazing

CodePen Amazing

07 Jan, 16:05


Manuafactured - гифка, которую можно либо забрать себе

https://codepen.io/saifkeralite/pen/RwMJgVd

Codepen Amazing

CodePen Amazing

07 Jan, 11:05


Generative mac Big Sur Waves - генератор SVG-волн. Реализована с помощью CSS и JavaScript

https://codepen.io/georgedoescode/pen/bGBzGKZ

Codepen Amazing

CodePen Amazing

07 Jan, 08:05


fractal flytrough — анимированный фрактал. Реализована с помощью CSS и JavaScript

https://codepen.io/strangerintheq/pen/poRpMMY

Codepen Amazing

CodePen Amazing

06 Jan, 16:05


Respons Social Platform UI - красивый адаптивный интерфейс социальной платформы, реализованный с помощью Alpine.js

https://codepen.io/TurkAysenur/pen/RwWKYMO

Codepen Amazing

CodePen Amazing

06 Jan, 11:05


Shape Togle With Image - Это оригинальное управление, созданное с использованием чекбокса и логики JavaScript для переключения классов при нажатии.

https://codepen.io/aimieisanxious/pen/qBQWLVV

Codepen Amazing

CodePen Amazing

06 Jan, 09:15


Начни 2025 правильно вместе с Zerocoder 💚

Рассказываем, как пользоваться нейросетями и начать на этом зарабатывать на нашем бесплатном практикуме «Нейросети для жизни и карьеры»

После нашего эфира вы узнаете:
— Какие задачи может решить нейросеть, чтобы облегчить рабочие задачи;
— Сможете узнать, какие нейросети подойдут для текстов, создания сайтов или изображений;
— Увидите много примеров применения ИИ и узнаете, как нейросети помогают фрилансерам увеличить заработок в 2 раза.

Бонусом – безлимитный доступ к последней версии ChatGPT в нашем боте.

Кликайте на ссылку и забирайте подробную информацию вместе.

erid: 2W5zFHQGePA
ООО Зерокодер, ИНН 9715401631

CodePen Amazing

06 Jan, 08:04


Анимированая галерея - галерея с наклоном и эффектом увеличения при наведении. Сделано на SCSS и JavaScript.

https://codepen.io/sebastian-piskaty/pen/rNPGMoJ

Codepen Amazing

CodePen Amazing

05 Jan, 16:48


Icon With Glas - Элегантные иконки с эффектом стекла, созданные исключительно на CSS, которые добавят утончённости и современности любому проекту.

https://codepen.io/jkantner/pen/QWZrMeB

Codepen Amazing

CodePen Amazing

05 Jan, 11:06


Rube Goldberg — необычная реализация формы ввода. Реализована с помощью CSS и JavaScript

https://codepen.io/ksenia-k/pen/xxoqXbJ

Codepen Amazing

CodePen Amazing

05 Jan, 08:05


Play — эффект появления магического шара при нажатии на кнопку Play. Реализована с помощью CSS и JavaScript

https://codepen.io/himalayasingh/pen/LKyzWQ

Codepen Amazing

CodePen Amazing

04 Jan, 16:05


Faling Snowflakes - Анимация снежинок

https://codepen.io/stefanpiazza/pen/ENwYGV

Codepen Amazing

CodePen Amazing

04 Jan, 11:05


Click Me — кнопка приобретает овальную форму при наведении на неё курсора мыши. Реализована с помощью CSS и JavaScript

https://codepen.io/avstorm/pen/oqKbLq

Codepen Amazing

CodePen Amazing

04 Jan, 08:06


Gusano loader — прелоадер, напоминающий кубик Рубика. Реализована с помощью CSS и JavaScript

https://codepen.io/illo/pen/WGjaVg

Codepen Amazing

CodePen Amazing

03 Jan, 16:05


Glasmorphing card - Карточка в стиле стекломорфизма с плавным 3D-наклоном при наведении, созданная с помощью библиотеки Tilt.js.

https://codepen.io/pieter-biesemans/pen/QWKmXEE

Codepen Amazing

CodePen Amazing

03 Jan, 11:06


Pastas Men - Меню с анимацией переключения, реализованное с помощью jQuery, GSAP и Splitting.js.

https://codepen.io/oliviale/pen/zYvxXWw

Codepen Amazing

CodePen Amazing

03 Jan, 08:07


Clock — ожидание загрузки в виде механических часов. Реализована с помощью CSS и JavaScript

https://codepen.io/MyXoToD/pen/nmXgeV

Codepen Amazing

CodePen Amazing

02 Jan, 17:06


Colourful Flower Popup Menu — набор действий на странице. Реализована с помощью CSS и JavaScript

https://codepen.io/jasperlachance/pen/yOJdRr

Codepen Amazing

CodePen Amazing

02 Jan, 11:06


Hi-Tech Notification Button - кнопка уведомления. Реализована с помощью CSS и JavaScript

https://codepen.io/TheMOZZARELLA/pen/QWPbdNY

Codepen Amazing

CodePen Amazing

02 Jan, 08:06


Mouse-controlled neon — неон. Реализована с помощью CSS и JavaScript

https://codepen.io/natszafraniec/pen/bGJjXZd

Codepen Amazing

CodePen Amazing

01 Jan, 16:06


Letter Animation zip - Анимация букв при нажатии. Реализована с помощью JavaScript и CSS.

https://codepen.io/FlorinPop17/pen/WEBNyx

Codepen Amazing

CodePen Amazing

01 Jan, 11:06


Glassmorphic Modernis page - Современный лендинг с работающими кнопками

https://codepen.io/stoumann/pen/YzBdmMv

Codepen Amazing

CodePen Amazing

01 Jan, 08:06


Flying Dots — фон с движущимися светящимися частицами. Реализована с помощью CSS и JavaScript

https://codepen.io/rikhnovets/pen/zYpBYNN

Codepen Amazing

CodePen Amazing

31 Dec, 17:07


Поздравляем всех с Наступающим Новым годом ❄️

Спасибо, что остаетесь с нами все это время. Мы стараемся нашей большей редакцией отбирать для вас свежий и полезный контент!

Желаю вам всего самого наилучшего и побольше знаний. Но а если вы забыли про подарочек, то наша подборочка всегда актуальна — AliExpress Программиста

CodePen Amazing

31 Dec, 16:06


Background animation — плавная смена градиента. Реализована с помощью CSS и JavaScript

https://codepen.io/GA-MO/pen/KaGxQG

Codepen Amazing

CodePen Amazing

31 Dec, 11:06


Не ИИ, но тоже норм - Страница с генерируемым фоном в виде вращающихся сфер.

https://codepen.io/georgedoescode/pen/XWNmvro

Codepen Amazing

CodePen Amazing

31 Dec, 08:06


Ледяной кубик only CSS - Сцена с вращающимся кубом льда, кстати, он не любит Firefox

https://codepen.io/MackFitz/pen/yLGYbLg

Codepen Amazing

CodePen Amazing

25 Dec, 16:06


Falling Snowflakes - Анимация падения снежинок в качестве фона для вашего сайта. Реализовано на чистом CSS

https://codepen.io/stefanpiazza/pen/ENwYGV

Codepen Amazing

CodePen Amazing

25 Dec, 14:07


YouTube теперь в Telegram!

Команда гиков создала канал "МедиаЛента" - это ежедневная подборка трендовых видео с ютуба.

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

Не потеряйте, подпишитесь: МедиаЛента

CodePen Amazing

25 Dec, 11:06


CSS only particle system - Плавное движение мелких частиц на фоне вашего сайта. Реализовано на чистом CSS.

https://codepen.io/rikhnovets/pen/rNrWdpb

Codepen Amazing

CodePen Amazing

25 Dec, 09:07


НОВАЯ АКЦИЯ! Сертификат OZON на 2 000₽ в подарок + 3 000₽ кешбэка по спецтарифу от ВТБ Банка.

Участвуем в акции и забираем бонусы:
✔️ Оформите карту с вечно бесплатным обслуживанием по этой ссылке.
✔️ Совершите любую покупку картой в магазине (QR-код, СБП и переводы не считаются).
✔️ Оставьте свой номер телефона и получите сертификат OZON на 2 000₽.
✔️Получайте ежемесячно до 3 000₽ кешбэка в категориях на выбор.

Важный момент! Номер телефона на странице акции и в заявке на карте должен совпадать, иначе сертификат вы не получите.

🔥 Такие горячие условия — большая редкость. Не упустите возможность получить бонусы и крутую бесплатную карту!

CodePen Amazing

25 Dec, 08:06


Snow - Атмосферная анимация падающего снега, реализованная на чистом CSS.

https://codepen.io/alphardex/pen/dyPorwJ

Codepen Amazing

CodePen Amazing

24 Dec, 16:58


Аnimated Form - Эффект переключения между формами входа и регистрации, реализованный с помощью CSS и JS.

https://codepen.io/orion_Lord_of_the_world/pen/mdBWGwv

Codepen Amazing

CodePen Amazing

24 Dec, 14:58


⚡️ Свершилось то, чего ждали все трейдеры крипты

Теперь не нужно мониторить чарты на Binance, CoinGecko и CoinMarketCap.

Отслеживание движений и аналитику берёт на себя канал — https://t.me/+s5rFnZTnm_BiZmFk

Сегодня он проанализировал действия китов и выпустит интересный материал по альте, пользуйтесь - https://t.me/+s5rFnZTnm_BiZmFk

CodePen Amazing

24 Dec, 11:06


Strange Menu Background Animation - Классный эффект заливки вкладки меню при наведении. Реализовано на чистом CSS.

https://codepen.io/bousahla-mounir/pen/PoWXVEx

Codepen Amazing

CodePen Amazing

24 Dec, 08:06


Animated Accessible Navigation - Классная реализация бокового меню для мобильной версии сайта. Реализовано с помощью SCSS и JS.

https://codepen.io/mxbck/pen/xdaGNL

Codepen Amazing

CodePen Amazing

23 Dec, 16:06


Morphing On/Off Button — постепенное преобразование кнопки при ее включении и выключении. Реализована с помощью CSS и JavaScript

https://codepen.io/dannievinther/pen/VdRgRP

Codepen Amazing

CodePen Amazing

23 Dec, 11:06


Burger menu animation — семь различных вариантов наведения на бургер-кнопки. Реализована с помощью CSS и JavaScript

https://codepen.io/tcsn/pen/wvdwrwg

Codepen Amazing

CodePen Amazing

23 Dec, 08:06


button hover animation — заливка в виде волны для кнопки при наведении курсора мыши. Реализована с помощью CSS и JavaScript

https://codepen.io/dicson/pen/xRpadr

Codepen Amazing

CodePen Amazing

22 Dec, 16:07


Domino preloader — эффект домино в качестве ожидания загрузки. Реализована с помощью CSS и JavaScript

https://codepen.io/rikhnovets/pen/bGvgwyz

Codepen Amazing

CodePen Amazing

22 Dec, 11:06


Smooth Pulse Button — пульсирующая кнопка для воспроизведения видео. Реализована с помощью CSS и JavaScript

https://codepen.io/prowseed/pen/GXKBLG

Codepen Amazing

CodePen Amazing

22 Dec, 08:06


Icon Animation — 6 вариантов анимации для кнопки, которая открывает и закрывает мобильное меню. Реализована с помощью CSS и JavaScript

https://codepen.io/sabin42/details/YLWLpR

Codepen Amazing

CodePen Amazing

21 Dec, 16:06


Wall of text — плавно движущиеся строки с текстом в качестве фона для вашего сайта. Реализована с помощью CSS и JavaScript

https://codepen.io/robinselmer/pen/jozGZN

Codepen Amazing

CodePen Amazing

21 Dec, 11:06


Gooey Preloader — ожидание загрузки в виде маленьких капель. Реализована с помощью CSS и JavaScript

https://codepen.io/reneroth/pen/YXMNGR

Codepen Amazing

CodePen Amazing

21 Dec, 08:06


Animation with Particle — фон, в котором частицы разбегаются при наведении курсора мыши. Реализована с помощью CSS и JavaScript

https://codepen.io/indivikar/pen/OoYmpe

Codepen Amazing

CodePen Amazing

20 Dec, 16:07


Animated Rainbow Toggle Button — яркий переключатель. Реализована с помощью CSS и JavaScript

https://codepen.io/lemmin/pen/LYxveZg

Codepen Amazing

CodePen Amazing

20 Dec, 11:06


Search Input Animation — выезжающая строка поиска при нажатии на лупу. Реализована с помощью CSS и JavaScript

https://codepen.io/WillyW/pen/yrvVQd

Codepen Amazing

CodePen Amazing

26 Nov, 16:06


Disappear - Текст с анимацией, реализованный на чистом CSS, без использования JavaScript

https://codepen.io/ponycorn/pen/YzpNeVo

Codepen Amazing

CodePen Amazing

26 Nov, 15:05


Хочешь стать успешным фронтенд-разработчиком и получить работу мечты? Тогда добро пожаловать на Boosty-канал о Frontend-разработке! 🚀

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

🎯 Что внутри канала?
Полезные статьи о веб-разработке, трендах и современных технологиях. Только актуальная информация, которая действительно нужна на практике.
Тестовые задания от реальных компаний. Попробуй свои силы в задачах, которые дают топовые работодатели, и подготовься к будущим вызовам.
Записи реальных собеседований. Посмотрим, что спрашивают на интервью, как отвечать на сложные вопросы и как вести себя в стрессовых ситуациях.
Моковые собеседования. Тренируйся на практике! Попади в реальную игровую ситуацию с детальным разбором твоих ошибок и рекомендациями по улучшению.

Почему стоит подписаться?
- Ты научишься уверенно решать тестовые задания, которые ждут тебя на реальной работе.
- Получишь ценный опыт подготовки к интервью без нервов (а это твой первый шаг к офферу).
- Увидишь внутреннюю "кухню" собеседований и поймешь, на что обращают внимание компании.
- Разовьешь навыки, которые реально востребованы на рынке труда.

Для кого этот канал?
🔥 Для новичков, готовых изучать фронтенд на практике.
🔥 Для разработчиков, которые ищут первую работу или мечтают улучшить свои навыки.
🔥 Для тех, кто хочет пройти через весь процесс подготовки и собеседования с минимальным стрессом.

💡 Готов прокачаться? Подписывайся на Boosty, чтобы получить доступ ко всем материалам, стать ближе к офферу и освоить навыки, которые сделают тебя востребованным разработчиком!

👉 Ссылка на Boosty: https://boosty.to/frontenddevelop
⬆️ Давай вместе идти к твоей мечте! 💻

CodePen Amazing

26 Nov, 11:06


Vertical image loop - Вертикальная прокрутка изображений с эффектом при наведении, реализованная с помощью SCSS и библиотеки GSAP.js

https://codepen.io/cameronknight/pen/oNGEvmw

Codepen Amazing

CodePen Amazing

26 Nov, 08:06


WARP - Анимированные разводы, реализованные с помощью CSS и JavaScript

https://codepen.io/al-ro/pen/oRZLbd

Codepen Amazing

CodePen Amazing

25 Nov, 16:06


Blooming Flowers - Анимация при загрузке, реализованная с помощью SCSS и JavaScript

https://codepen.io/mdusmanansari/pen/BamepLe

Codepen Amazing

CodePen Amazing

25 Nov, 14:07


⚡️ В России официально утвердили цифровую валюту

Но самое забавное — что 92% граждан не знают даже что такое биржи и криптокошелек. Не говоря уже о том, как за пару кликов сделать месячную заработную плату.

Первые, кто разберется в этом — сколотит состояние💰
Для этого достаточно читать канал Арбитраж Крипты, который откроет вам мир криптовалют и покажет, как на них зарабатывать.

Автор канала на пальцах объясняет, как покупать криптовалюту в месте «А» дешевле, а продавать в месте «Б» дороже.
«Купили → продали, купили → продали, а разницу забрали себе».

Выбор за вами: пролистать или делать по 35 000 ₽ в день, сидя на диване💥

Успейте присоединиться, скоро доступ будет закрыт: @arbitrazh

CodePen Amazing

25 Nov, 11:06


Split animation - Эффект при наведении на текст, реализованный на чистом CSS, без использования JavaScript

https://codepen.io/ggsingla/pen/MWOzxbq

Codepen Amazing

CodePen Amazing

25 Nov, 08:07


React Color Gradients - Красочные градиенты, реализованные с помощью библиотеки React.js

https://codepen.io/marcobiedermann/pen/WNGWzYR

Codepen Amazing

CodePen Amazing

24 Nov, 16:06


Waterfall transition - Анимированный слайдер, реализованный с помощью Pug, SCSS и JavaScript

https://codepen.io/thebabydino/pen/rNzRQWq

Codepen Amazing

CodePen Amazing

24 Nov, 14:07


В Москве утверждены адреса домов, попавших под снос!

Финальные списки домов, которые снесут до 2032 года уже сформированы. Выбирай свой район из списка, чтобы проверить ваш дом: 👇

ЦАО: @CAO24
Патрики: @patriki
Таганский: @taganskiy
Якиманка: @yakimanka
Басманный: @basmanny
Хамовники: @khamovniki
Пресненский: @presnenskiy
Тверской и Арбат: @tverskoi
Мещанский: @meshchanskiy
Замоскворечье: @zamoskvoi
Красносельский: @krasnoselsky

СВАО: @SVAO24
Бибирево: @bibirevo
Ярославский: @uarik
Отрадное: @otradnoe
Бутырский: @butyrskiy
Бабушкинский: @babushk
Медведково: @medvedkovo
Алексеевский: @alexeevskiy
Марьина роща: @marinaroshcha
Свиблово и Ростокино: @sviblovo
Останкино и Марфино: @ostankino
Лианозово и Алтуфьево: @lianozov

САО: @SAO24
Дегунино: @degunino
Сокол и Аэропорт: @sokol
Дмитровский: @dmitrovskiy
Хорошёво и Беговой: @horoshov
Коптево и Войковский: @koptevo
Ховрино и Головинский: @hovrino

СЗАО: @SZAO24
Митино: @mitino
Тушино: @tushino
Строгино: @strogino
Хорошёво-Мнёвники: @mnevnik
Стрешнево и Щукино: @pokrovsk

ЗАО: @ZAO24
Раменки: @ramenki
Очаково: @ochakovo
Тропарёво: @troparev
Солнцево: @solntsevo
Можайский: @mojaiskiy
Дорогомилово и Фили: @fili
Кунцево и Крылатское: @kunzevo
Ново-Переделкино: @novoperedel
Проспект Вернадского: @vernadsk

ЮЗАО: @UZAO24
Зюзино: @zuzino
Бутово: @butovo
Коньково: @konkovo
Ясенево: @yasenevo
Тёплый Стан: @teplystan
Академический: @akadem
Черёмушки: @cheremushki

ЮАО: @UAO24
Бирюлёво: @birulevo
Чертаново: @chertanovo
Орехово-Борисово: @orexboris
Донской и Даниловский: @donsk
Нагатино и Нагорный: @nagarino
Царицыно и Москворечье: @tsari
Братеево и Зябликово: @brateevo

ЮВАО: @UVAO24
Лефортово: @lefor
Марьино: @marino
Люблино: @lublino
Кузьминки: @kuzminki
Рязанский: @razanskiy
Некрасовка: @nekrasov
Южнопортовый: @uznoport
Выхино-Жулебино: @vihzhel
Текстильщики, Печатники: @teksti

ВАО: @VAO24
Гольяново: @galianovo
Измайлово: @izmailovo
Сокольники: @sokolniki
Ивановское: @ivanovskoe
Косино и Вешняки: @kosino
Богородское: @bogorodskoe
Перово и Новогиреево: @perovo
Преображенское: @preobrazhensk

ТиНАО: @TiNAO24
ЗеЛАО: @ZeLAO24
Вся Москва и область: @moscow

CodePen Amazing

24 Nov, 11:06


Squares - Смена фотографий при клике, реализованная с помощью SCSS и библиотеки GSAP.js

https://codepen.io/supah/pen/MWrNPRy

Codepen Amazing

CodePen Amazing

24 Nov, 08:06


Pricing section - Интерактивная карточка с подсказками, реализованная с помощью SCSS и SVG, без использования JavaScript

https://codepen.io/havardob/pen/RwLYjJR

Codepen Amazing

CodePen Amazing

23 Nov, 16:06


Multi-input Maze - Лабиринт с интерактивным смайликом, реализованный с помощью CSS и JavaScript. Управление осуществляется с клавиатуры

https://codepen.io/nitnelav/pen/GRQEadJ

Codepen Amazing

CodePen Amazing

23 Nov, 11:06


Drag and Drop card - Карточки с возможностью перетаскивания, реализованные с помощью CSS и библиотеки Sortable.js

https://codepen.io/sanketbodke/pen/xxWxRWp

Codepen Amazing

CodePen Amazing

23 Nov, 09:13


Сиденье пропержено. Коврик для мыши стерся еще пару лет назад.

Слышу это от каждого второго прогера. Но это все в прошлом, когда подписан на AliExpress Программиста

Ежедневно публикуем самые интересные находки для айтишников, подписывайся – https://t.me/+wuZuKdYccG1kMjJi

CodePen Amazing

23 Nov, 08:06


Generative Grid - Сетка с узорами, генерируемая при клике, реализованная с помощью SCSS, SVG и библиотеки GSAP.js

https://codepen.io/a-trost/pen/rNGPxaJ

Codepen Amazing

CodePen Amazing

22 Nov, 16:07


Rounded Box - Кубик с глянцевыми гранями, реализованный с помощью библиотеки Three.js и препроцессоров Pug и Sass

https://codepen.io/vcomics/pen/JjpgBwY

Codepen Amazing

CodePen Amazing

22 Nov, 11:06


Spyglass Animation - Анимированный персонаж, реализованный с помощью SCSS, без использования JavaScript

https://codepen.io/merchedev/pen/NWyBvzP

Codepen Amazing

CodePen Amazing

22 Nov, 08:07


Shouko Komi-san - Персонаж с анимацией при наведении, реализованный с помощью SCSS, без использования JavaScript

https://codepen.io/tiffachoo/pen/wvyXRzL

Codepen Amazing

CodePen Amazing

21 Nov, 16:06


A Little to the Right - Мини игра "выровняй картину", реализованная с помощью SVG, SCSS и библиотеки GSAP.js

https://codepen.io/a-trost/pen/jOZXdoP

Codepen Amazing

CodePen Amazing

21 Nov, 11:06


Water Droplet - Реалистичная капля воды, реализованная на чистом CSS, без использования JavaScript

https://codepen.io/jepooley/pen/GRxYoZL

Codepen Amazing

CodePen Amazing

21 Nov, 08:07


Rotating links - Интересная реализация ссылок, выполненная с помощью SCSS, без использования JavaScript

https://codepen.io/natszafraniec/pen/eYMPEaM

Codepen Amazing

CodePen Amazing

20 Nov, 16:06


Rounded grid - Эффект при наведении на картинки, реализованный на чистом CSS, без использования JavaScript

https://codepen.io/t_afif/pen/xxWXbXz

Codepen Amazing

CodePen Amazing

20 Nov, 11:06


Corner only - Границы с эффектом при наведении, реализованные на чистом CSS, без использования JavaScript

https://codepen.io/t_afif/pen/BarqbRV

Codepen Amazing

CodePen Amazing

20 Nov, 08:06


Sparkly Shiny Text - Кнопка с анимированным текстом, реализованная с помощью SVG и CSS, без использования JavaScript

https://codepen.io/jh3y/pen/oNqdmbW

Codepen Amazing

CodePen Amazing

19 Nov, 16:37


Fancy wipe - Стильный текст с анимированным появлением. Сделан на чистом CSS.

https://codepen.io/Chester/pen/LYKWMxO

Codepen Amazing

CodePen Amazing

19 Nov, 11:06


RGB Shift - Искажение при движении курсором, реализованное с помощью CSS и библиотеки Three.js

https://codepen.io/tomoya0815/pen/PoRVYVZ

Codepen Amazing

CodePen Amazing

19 Nov, 08:07


Dark Mode Toggle - Переключатель темы оформления, реализованный с помощью SVG и SCSS, без использования JavaScript

https://codepen.io/gvissing/pen/OJvxoJq

Codepen Amazing

CodePen Amazing

18 Nov, 16:06


Image Text Reveal Hover Effect - Эффект при наведении на картинку, реализованный на чистом CSS, без использования JavaScript

https://codepen.io/RitikaAgrawal08/pen/wvmpNGB

Codepen Amazing

CodePen Amazing

18 Nov, 15:07


«Разрешение наносить ракетные удары вглубь России — это начало Третьей мировой» — предупреждает культовый пророческий журнал The Economist.

Эксперты давно подозревают, что за авторами стоит мировая элита — они с пугающей точностью предсказывают все эпохальные события с 1983 года. Так было с эпидемией COVID-19, СВО и конфликтом на Ближнем Востоке.

В предупреждении на декабрь-январь: что за радикальные меры примет Россия в ответ, какие страны вмешаются в конфликт и кто первым применит ядерное оружие — читайте разбор, если не боитесь узнать правду: t.me/TheEconomist/299

CodePen Amazing

18 Nov, 11:06


Perspective Loader - Анимация загрузки, реализованная на чистом CSS, без использования JavaScript

https://codepen.io/jh3y/pen/xxWdOQy

Codepen Amazing

CodePen Amazing

18 Nov, 09:07


Я никогда не понимала, почему 90% москвичей не знают куда сходить, кроме ВДНХ и Красной площади

…гуляют в одних и тех же парках, ходят в одни и те же кафе, рестораны и кино.

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

Развлечения от которых будет в восторге каждый, публикуют на канале: Московская Хроника

Канал открыт, подписывайтесь: https://t.me/+tOs1-x_WGDNhMTli

CodePen Amazing

18 Nov, 08:07


CSSnoopy - Картинка, выполненная с использованием CSS и более чем 20 блоков div

https://codepen.io/medrupaloscil/pen/abYXjqr

Codepen Amazing

CodePen Amazing

17 Nov, 16:06


Morphing Sphere - Анимированная сцена, реализованная с помощью CSS и библиотеки Three.js

https://codepen.io/smpnjn/pen/MWVLqZa

Codepen Amazing

CodePen Amazing

17 Nov, 11:06


Invert text on scroll - Изменение текста при прокрутке, реализованное с помощью CSS и библиотеки GSAP.js

https://codepen.io/PointC/pen/ZErvbPR

Codepen Amazing

CodePen Amazing

17 Nov, 09:50


📝 Reddit теперь в Telegram!

Крупнейший англоязычный агрегатор вирусного контента запустил канал на русском языке.

Подписывайтесь: @RuReddit

CodePen Amazing

17 Nov, 08:10


Noisy Cube - Анимация реализованная с помощью препроцессора Pug и SCSS, без использования JavaScript

https://codepen.io/YusukeNakaya/pen/oNqRVyQ

Codepen Amazing

CodePen Amazing

16 Nov, 16:06


Glass Marble - Стеклянный шарик, реализованный на чистом CSS, без использования JavaScript

https://codepen.io/praxeds/pen/yLKzVBp

Codepen Amazing

CodePen Amazing

16 Nov, 12:19


Free cursor library - Набор курсоров, реализованный с помощью SVG, SCSS и JavaScript

https://codepen.io/fuzionix/pen/PoRWVRg

Codepen Amazing

CodePen Amazing

16 Nov, 08:06


Block reveal text - Анимированный текст, реализованный на чистом CSS, без использования JavaScript

https://codepen.io/jh3y/pen/KKQzmNV

Codepen Amazing

CodePen Amazing

15 Nov, 16:07


Circles and Lines - Анимация, реализованная с использованием CSS и JavaScript

https://codepen.io/BitsPls/pen/WNJNRqB

Codepen Amazing

CodePen Amazing

15 Nov, 11:07


Social media icon #5 - Анимированные иконки, реализованные на чистом CSS, без использования JavaScript

https://codepen.io/OfigenusMaximus/pen/yLKOpqb

Codepen Amazing

CodePen Amazing

15 Nov, 08:07


3D Cube - Анимированный куб, реализованный на чистом CSS, без использования JavaScript

https://codepen.io/rtredes2/pen/vYRooRq

Codepen Amazing

CodePen Amazing

14 Nov, 16:06


3D Box - Анимированный куб, реализованный c помощью SCSS и препроцессора Pug, без использования JavaScript

https://codepen.io/grantjenkins/pen/wvmLLKN

Codepen Amazing

CodePen Amazing

14 Nov, 11:07


Wavy loader - Анимация загрузки, реализованная на чистом CSS, без использования JavaScript

https://codepen.io/t_afif/pen/QWrwNBM

Codepen Amazing

CodePen Amazing

14 Nov, 09:07


Бу, испугался?

Не бойся! Через ДВА дня итоги розыгрыша в честь 1 ООО ООО подписчиков на канале. Всего будет 3️⃣0️⃣ победителей, которые получат сертификаты номиналом 1️⃣0️⃣ 0️⃣0️⃣0️⃣ рублей на Ozon или Wildberries на выбор. Если ждали знака от вселенной перед НГ — это он. Радуйте себя и своих близких.

Чтобы принять участие, нужно подписаться на канал «Клиент всегда прав» и нажать кнопку «Участвую!» под постом. Итоги подведем 1️⃣6️⃣ ноября через бота-рандомайзера.

CodePen Amazing

14 Nov, 08:07


Cyberpunk Buttons - Анимация кнопок, реализованная на чистом CSS ,без использования JavaScript

https://codepen.io/jh3y/pen/PoGbxLp

Codepen Amazing

CodePen Amazing

13 Nov, 16:07


Cubies - Расслабляющая анимация, реализованная с помощью CSS и JavaScript

https://codepen.io/jh3y/pen/qBoGJQj

Codepen Amazing

CodePen Amazing

13 Nov, 14:07


«СВО — ВСЁ!» Исход уже очевиден. Санкции снимут в ближайшие дни. От доллара все воротят нос. Перед Россией встают на колени. Кажется, все возвращается на круги своя. Наконец-то...

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

Если вы готовы взглянуть правде в лицо — читайте Большая экономика. Там с точностью до секунд предрекли все ключевые события: от слухов про мобилизацию до смены первых лиц в верхушке

А сейчас без церемоний объясняют, что на самом деле произойдет в мире после избрания Трампа, что будет с рублей и ключевой ставкой, и к каким потрясениям готовиться уже в декабре

Подписывайтесь, чтобы перемены не застали вас врасплох: https://t.me/+fY3GB1imVT81YzYy

CodePen Amazing

13 Nov, 11:07


Button animation - Анимация при наведении на кнопку, реализованная с помощью SCSS, без использования JavaScript

https://codepen.io/sandeshsapkota/pen/abZxqKe

Codepen Amazing

CodePen Amazing

13 Nov, 09:48


Сиденье пропержено. Коврик для мыши стерся еще пару лет назад.

Слышу это от каждого второго прогера. Но это все в прошлом, когда подписан на AliExpress Программиста

Ежедневно публикуем самые интересные находки для айтишников, подписывайся – https://t.me/+wuZuKdYccG1kMjJi

CodePen Amazing

13 Nov, 08:07


Animation delay - Анимация, реализованная на чистом CSS, без использования JavaScript

https://codepen.io/yuanchuan/pen/yLjaERw

Codepen Amazing

CodePen Amazing

12 Nov, 16:06


Ctrl+c Ctrl+v - Анимация клавиш, реализованная с помощью SCSS, без использования JavaScript

https://codepen.io/AndreusCafe/pen/rNvWboJ

Codepen Amazing

CodePen Amazing

12 Nov, 11:07


A Worm or a Snake and - Анимация, реализованная на чистом CSS, без использования JavaScript

https://codepen.io/t_afif/pen/ExLyQgx

Codepen Amazing

CodePen Amazing

12 Nov, 08:07


Generative Tree Animation - Генерация дерева, реализованная с помощью CSS и JavaScript

https://codepen.io/jkantner/pen/GRdNVKw

Codepen Amazing

CodePen Amazing

11 Nov, 16:06


Controlled Clock - Регулируемые часы, реализованные с помощью SVG и CSS и JavaScript

https://codepen.io/borntofrappe/pen/qGozVM

Codepen Amazing

CodePen Amazing

11 Nov, 11:07


Animated Cycle - Сложная анимация велосипеда, реализованная с помощью SVG, CSS и библиотеки Anime.js

https://codepen.io/uiswarup/pen/GRobdPg

Codepen Amazing

CodePen Amazing

11 Nov, 08:07


Flipping Business Card - Анимированная карточка с контактными данными, реализованная с помощью SCSS, без использования JavaScript

https://codepen.io/_Sabine/pen/MPMOmx

Codepen Amazing

CodePen Amazing

10 Nov, 19:36


Layered animation - Многослойная анимация, реализованная с помощью SVG, CSS и библиотеки Anime.js.

https://codepen.io/juliangarnier/pen/LMrddV

Codepen Amazing

CodePen Amazing

10 Nov, 16:06


Light Bulbs - Анимация колыбели Ньютона, реализованная с помощью SVG, Stylus и библиотеки GSAP.js

https://codepen.io/jh3y/pen/abzeaWJ

Codepen Amazing

CodePen Amazing

10 Nov, 11:06


jQuery accordion - Интерактивный аккордеон, реализованный с помощью CSS и библиотеки jQuery

https://codepen.io/nikoso/pen/RwGbZzy

Codepen Amazing

CodePen Amazing

10 Nov, 08:07


Dynamic Island - Динамический остров iPhone 14, реализованный с помощью препроцессора Pug, SCSS и JavaScript

https://codepen.io/lukemeyrick/pen/poVyEdZ

Codepen Amazing

CodePen Amazing

09 Nov, 16:06


Untitled is about right - Анимация, реализованная с помощью SCSS, без использования JavaScript

https://codepen.io/meodai/pen/WNJNqQz

Codepen Amazing

CodePen Amazing

09 Nov, 14:07


〰️ Мерседес — умер. Обслуживание — космос, много жрёт.
〰️ BMW — корыто. Постоянно ломается и протекает.
〰️ Китайцы — дичь. Комфорта нет, не заводится, чинить надо каждые 10 километров.

Но это ложь. И чтобы это понять — читайте Автоманию.

Там на пальцах рассказывают, какую машину точно надо покупать в 2024 году, что не так с китайцами и как от государства получить 350 000 на покупку автомобиля.

Подписывайтесь, потом сами себе спасибо скажете: @automania

CodePen Amazing

09 Nov, 11:06


Sliced Text Effect - Стилизованный текст, реализованный на чистом CSS, без использования SVG

https://codepen.io/TajShireen/pen/ExLWgGb

Codepen Amazing

CodePen Amazing

09 Nov, 08:07


Netflix Intro Animation - Вступительная анимация Netflix, реализованная с помощью SCSS, без использования JavaScript

https://codepen.io/claudio_bonfati/pen/mdryxPv

Codepen Amazing

CodePen Amazing

08 Nov, 16:07


Fireworks of inputs - Интерактивный "фейрверк" из элементов ввода, реализованный на SCSS с применением JavaScript.

https://codepen.io/Mamboleoo/pen/LYmOyEG

Codepen Amazing

CodePen Amazing

08 Nov, 14:07


«После победы Трампа СВО закончится. Посмотрите сами: Украина уже выводит войска из Курска. Дальше снимут санкции. И рубль наконец-то восстановится. Всё утихает».

А теперь грубо, но честно. Это просто сказки для тех, кто привык жить в самообмане. Хотите знать настоящую правду — читайте блог анонимного финансиста «Баррель черной икры».

Автор не раз доказывал, что имеет инсайдеров в самых высоких кабинетах. Он заранее предупреждал о мобилизации, падении рубля, повышении ставки ЦБ — так и случилось.

А сейчас трезво объясняет, как победа Трампа может довести конфликт до острейшей фазы, что будет с рублем и почему экономика России на грани кризиса страшнее 90-х.

Подписывайтесь, чтобы перемены не застали вас врасплох: @banki_oil

CodePen Amazing

08 Nov, 11:06


Expandable Animated Card Slider - Анимированный слайдер с возможностью расширения при клике, реализованный на CSS, с применением JavaScript

https://codepen.io/yudizsolutions/pen/wvzrPoj

Codepen Amazing

CodePen Amazing

08 Nov, 08:07


Frosted Glass loader - Анимация загрузки в виде замерзшего стекла, реализованная с помощью SVG, CSS и библиотеки GSAP.js

https://codepen.io/chrisgannon/pen/MWGevxP

Codepen Amazing

CodePen Amazing

07 Nov, 16:06


A CSS-only Carousel Slider - Слайдер — карусель, реализованный на чистом CSS без применения JavaScript.

https://codepen.io/Schepp/pen/WNbQByE

Codepen Amazing

CodePen Amazing

07 Nov, 11:07


A Pure CSS Game - You Must Build a Lighthouse. - Игра — пазл, реализованная на SCSS без применения JavaScript.

https://codepen.io/ivorjetski/pen/OJXbvdL

Codepen Amazing

CodePen Amazing

07 Nov, 08:07


Hair dryer - Анимированный фен, реализованный с помощью SCSS, без применения JavaScript

https://codepen.io/cobra_winfrey/pen/RwyJPgz

Codepen Amazing

CodePen Amazing

06 Nov, 16:06


Pumpkin Dice - Игральные кости в виде тыкв, реализованная на CSS, с применением JavaScript

https://codepen.io/kitjenson/pen/eYrKzJP

Codepen Amazing

CodePen Amazing

06 Nov, 11:07


SVG & GSAP Morphing - Рейтинг, созданный из svg-картинки, анимируемой библиотекой GSAP.

https://codepen.io/meodai/pen/abGjoLq

Codepen Amazing

CodePen Amazing

06 Nov, 08:07


Color Standards and Color Nomenclature - Интерактивная палитра цветов с номенклатурой, реализованная на SCSS, с применением JavaScript

https://codepen.io/meodai/pen/abGjoLq

Codepen Amazing

CodePen Amazing

05 Nov, 16:06


Deadpool - Просто анимированный Deadpool, реализованный на SCSS и препроцессоре Pug, с применением JavaScript

https://codepen.io/grantjenkins/pen/VwxBMpB

Codepen Amazing

CodePen Amazing

05 Nov, 11:06


ScrollTrigger: SVG Text Mask - Эффектный скролл для сайта, реализованный на CSS, с применением SVG и библиотеки GSAP.js

https://codepen.io/creativeocean/pen/qBbBLyB

Codepen Amazing

CodePen Amazing

05 Nov, 08:07


Profile card - Карточка профиля, реализованная на чистом CSS, без применения JavaScript

https://codepen.io/havardob/pen/qBXZPRE

Codepen Amazing

CodePen Amazing

04 Nov, 16:06


Context menu with Feather icons - Контекстное меню, реализованное на SCSS, с применением JavaScript

https://codepen.io/havardob/pen/YzwzQgm

Codepen Amazing

CodePen Amazing

04 Nov, 11:06


Gradient Alphabet - CSS Doodle - Стилизованный алфавит, реализованный на SCSS, с применением JavaScript

https://codepen.io/aragakey/pen/dyegEpv

Codepen Amazing

CodePen Amazing

04 Nov, 08:07


Vampires menu - Интерактивное меню персонажей — вампиров, реализованное на SCSS, с применением JavaScript

https://codepen.io/ostaladaFab/pen/JjvwdqE

Codepen Amazing

CodePen Amazing

03 Nov, 16:06


CSS Movie Clapboard - Кинематографическая хлопушка, реализованная на SCSS, без применения JavaScript

https://codepen.io/matthewcsimpson/pen/bGMjOMm

Codepen Amazing

CodePen Amazing

03 Nov, 14:07


Ситуация: Зарабатываешь от 4500р в день, не выходя из дома, а люди тебе не верят

Такой день сурка у каждого подписчика канала Реальный фриланс, ведь они каждый день зарабатывают на халявных подработках из этого канала:

— Перевести голосовое в текст - 3000р
— Написать отзыв про ресторан - 1500р
— Смотреть Shorts и Reels - 1000р

Зарабатывать по 50-70 тысяч в месяц, просто тыкая в телефон — спасибо Телеграму и админам, они вручную находят все самые жирные вакансии.

Подними первую пятерку уже сегодня 👉 Реальный фриланс

CodePen Amazing

03 Nov, 11:06


Single div CSS shadow - Текст с тенью от прожектора, реализованный с помощью Stylus, без применения JavaScript

https://codepen.io/lynnandtonic/pen/yLjZYxe

Codepen Amazing

CodePen Amazing

03 Nov, 08:06


Isometric Text (w/o THREE) - Изометрический текст, реализованный на SCSS, с применением JavaScript

https://codepen.io/dev_loop/pen/yLjwBxR

Codepen Amazing

CodePen Amazing

02 Nov, 16:07


CSS Only infinite carousel - Бесконечная карусель, реализованная на чистом CSS, без применения JavaScript

https://codepen.io/medrupaloscil/pen/QWrowxK

Codepen Amazing

CodePen Amazing

02 Nov, 15:18


Зарплата до ₽900 тыс. на руки: на каких дата-специалистов сейчас высокий спрос

Сегодня практически любой бизнес не может работать без сбора, обработки, анализа данных — всё это подвиды задач Data Scientist. Чем крупнее компания, тем сильнее различаются задачи, стоящие перед этими специалистами, а также заработная плата.

С целью удовлетворить растущий мировой спрос на этих специалистов онлайн-университет Skillfactory создал бесплатный "Симулятор профессии дата-сайентист". Он нацелен на обучение начинающих специалистов в кратчайшие сроки.

Попробовать симулятор, и выйти на стартовый доход 100 тыс.руб.

Реклама. Информация о рекламодателе по ссылкам в посте.

CodePen Amazing

02 Nov, 11:06


Fancy border style button - Стилизованные кнопки, реализованные на чистом CSS, без применения JavaScript

https://codepen.io/t_afif/pen/VwxbdpV

Codepen Amazing

CodePen Amazing

02 Nov, 08:06


Custom Right-Click (Context) Menu - Контекстное меню, реализованное на SCSS, c применением JavaScript

https://codepen.io/knyttneve/pen/YzxEBew

Codepen Amazing

CodePen Amazing

01 Nov, 16:06


Crazy Loading Arches - CSS - Необычная вариация загрузки, реализованная на CSS, без применения JavaScript

https://codepen.io/josetxu/pen/BaxgaOw

Codepen Amazing

CodePen Amazing

01 Nov, 11:06


:has() sliding tool menu - Панель меню, реализованная на CSS и SVG, без применения JavaScript

https://codepen.io/Since1979/pen/ZEodRNX

Codepen Amazing

CodePen Amazing

01 Nov, 08:06


Easy rotating drop shadow for info card - Анимированная тень, реализованная на чистом CSS, без применения JavaScript

https://codepen.io/TheMOZZARELLA/pen/oNdGPqX

Codepen Amazing

CodePen Amazing

31 Oct, 16:06


CSS3 Loader & Spinners - Набор анимаций загрузки, реализованных SCSS, без применения JavaScript

https://codepen.io/vineethtrv/pen/NWxZqMM

Codepen Amazing

CodePen Amazing

31 Oct, 11:06


Эффект при наведении на картинку, выполненный на чистом CSS, без использования JavaScript

https://codepen.io/tiffachoo/pen/wvyXRzL

Codepen Amazing

CodePen Amazing

31 Oct, 08:07


Single div CSS terminal - Терминал компьютера

https://codepen.io/lynnandtonic/pen/OJdMNvO

Codepen Amazing

CodePen Amazing

30 Oct, 16:06


Accessible Tabs (animation) - Доступные вкладки с анимацией

https://codepen.io/noirsociety/pen/abXNVPB

Codepen Amazing

CodePen Amazing

30 Oct, 11:06


Trending Photography Banner Concept - Баннер на сайте

https://codepen.io/yudizsolutions/pen/yLZaJMx

Codepen Amazing

CodePen Amazing

30 Oct, 08:07


Purchase Flow - Страница покупки и оплаты

https://codepen.io/dilums/pen/OJdbJwj

Codepen Amazing

CodePen Amazing

29 Oct, 16:06


FOCUS - Эффект фокусировки на области

https://codepen.io/wakana-k/pen/KKJgQXa

Codepen Amazing

CodePen Amazing

29 Oct, 14:07


❗️По всей России установили сеть камер видеонаблюдения, которые 24/7 транслируют всё, что происходит в крупных городах.

Драки, ДТП, конфликты в магазинах и преступления мигрантов – если хотите быть в курсе ситуации у себя в регионе, ищите свой город и подключайте:

● Москва: @msk360
● Питер: @petr360

● Абакан: @abkn360
● Архангельск: @arhangelsk360
● Астрахань: @astrakhan360
● Барнаул: @barnaul360
● Балашиха: @balashiha360
● Белгород: @belgorod360g
● Благовещенск: @blagov360
● Брянск: @bryansk360g

● Великий Новгород: @vngorod360
● Владивосток: @vladivostok360
● Владимир: @vladimir360g
● Волгоград: @volgograd360g
● Воронеж: @voronezh360g
● Вологда: @vologda360g
● Волжский: @volgskii360
● Екатеринбург: @ekaterinburg360
● Ижевск: @izhevsk360
● Иркутск: @irkutsk360g
● Иваново: @ivanovo360
● Йошкар-Ола: @ioshkarola36

● Казань: @kazan360g
● Калининград: @kaliningrad360g
● Калуга: @kaluga360
● Камчатка: @kamchatka360
● Кемерово: @kemerovo360
● Киров: @kirov360g
● Краснодар: @krasnodar360g
● Красноярск: @krasnoyarsk360
● Кострома: @kostroma360
● Крым: @crimea360g
● Курск: @kursk360
● Курган: @kurgan360
● Липецк: @lipetsk360g

● Магнитогорск: @magnitogorsk360
● Махачкала: @makhachkala360
● Мурманск: @murmansk360g
● Набережные Челны: @chelny360
● Нижний Новгород: @nizhnynov360
● Нижний Тагил: @nizhnytagil360
● Новокузнецк: @novokuznetsk360
● Новосибирск: @novosibirsk360
● Новороссийск: @novorussia360
● Новоалтайск: @novoaltaisk360

● Омск: @omsk360g
● Оренбург: @orenburg360
● Орёл: @orel360g
● Пенза: @penza360
● Пермь: @perm360
● Петрозаводск: @petrozavodsk360
● Подольск: @podolsk360

● Рязань: @ryazan360
● Ростов-на-Дону: @rostov360g
● Самара: @samara360
● Саратов: @saratov360
● Саранск: @saransk360
● Сахалин: @sahalin360
● Сочи: @sochi360g
● Ставрополь: @stavropol360
● Стерлитамак: @sterlitamak360
● Старый Оскол: @staryoskol360
● Сургут и ХМАО: @surgut360
● Смоленск: @smolensk360
● Сыктывкар: @sktwkar360

● Таганрог: @taganrog360
● Тамбов: @tambov360
● Тольятти: @toliatti360
● Тула: @tula360з
● Томск: @tomsk360
● Тюмень: @tymen360
● Тверь: @tver360g
● Ульяновск: @ulanovsk360
● Уфа: @ufa360g
● Улан-Удэ: @ulanude360

● Хабаровск: @habarovsk360
● Челябинск: @chelyabinsk360
● Чебоксары: @cheboksari360
● Череповец: @cherepovec360
● Чита: @chita360
● Ярославль: @yaroslavl360g
● Якутск: @yakutsk360g
Другой город: @russia360

CodePen Amazing

29 Oct, 11:07


Neumorphic buttons - Минималистичные кнопки с анимацией при нажатии

https://codepen.io/MarkBoots/pen/RwvGxPL

Codepen Amazing

CodePen Amazing

29 Oct, 08:07


Rolling Check Toggle - Современный переключатель

https://codepen.io/jkantner/pen/dyaNdVm

Codepen Amazing

CodePen Amazing

28 Oct, 16:06


SVG Circle Clock - Часы в виде колец

https://codepen.io/leimapapa/pen/LYqxwob

Codepen Amazing

CodePen Amazing

28 Oct, 11:07


ScrollTrigger Image Zoom - Эффектная анимация масштабирования изображения при скроллинге, написанная с помощью CSS и JS.

https://codepen.io/GreenSock/pen/YzbPYMx

Codepen Amazing

CodePen Amazing

28 Oct, 08:07


Card UI Design - Простой, но красивый дизайн карточки: при наведении появляется кнопка, плавно смещающая остальные элементы. Реализовано с помощью чистого CSS.

https://codepen.io/alade_01/pen/xxLebXE

Codepen Amazing

CodePen Amazing

27 Oct, 16:06


Untitled - Анимированный текст, реализованный на чистом CSS, без применения JavaScript

https://codepen.io/typeforward/pen/abRpoxV

Codepen Amazing

CodePen Amazing

27 Oct, 12:34


Игра в жизнь - Созданная с помощью gpt, игра в жизнь. Сгенерировано на чистом JavaScript.

https://codepen.io/rafaelcastrocouto/pen/XWywrRg

Codepen Amazing

CodePen Amazing

27 Oct, 08:06


Не ИИ но тоже неплохо - Страница с генерируемым фоном в виде вращающихся сфер. Сделано на CSS и JavaScript.

https://codepen.io/georgedoescode/pen/XWNmvro

Codepen Amazing

CodePen Amazing

26 Oct, 16:07


И снова неон - Неоновый курсор с анимированным шлейфом. Сделано на CSS и ThreeJS.

https://codepen.io/soju22/pen/wvyBorP

Codepen Amazing

CodePen Amazing

26 Oct, 11:06


Простенький сайдбар - Анимированный сайдбар с выделением пунктов при нажатии. Сделан на чистом CSS.

https://codepen.io/ecemgo/pen/yLGeKXE

Codepen Amazing

CodePen Amazing

26 Oct, 08:06


Интересная пагинация - Нестандартно анимированная пагинация с карточками. Создано на чистеньком CSS.

https://codepen.io/Azametzin/pen/ZEVKJNX

Codepen Amazing

CodePen Amazing

25 Oct, 16:06


Текст на куске пирога - Стильная анимация фигуры с текстом. Испекли на CSS, SVG и JavaScript.

https://codepen.io/finnchillah/pen/poqWvBv

Codepen Amazing

CodePen Amazing

25 Oct, 14:34


Сбер совершил прорыв на рынке и выкатил самую мощную нейронку GigaChat MAX — умнейший помощник, который заберёт все рутинные дела на себя.

Теперь нейронка эксперт буквально во всех знаниях и поддерживает контекст в многоплановых диалогов. Скорость ответов увеличилась (!) в несколько раз — кодит, пишет тексты и решает задачи за несколько секунд.

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

Мощь! Бежим пробовать.

@techmedia

CodePen Amazing

25 Oct, 11:07


Зубастый переключатель - Забавно стилизованный переключатель с анимацией. Сделано на чистом CSS.

https://codepen.io/josetxu/pen/NWEPmGz

Codepen Amazing

CodePen Amazing

25 Oct, 09:07


Самое тупое в 2024 — игнорировать крипту

Сейчас мамочки в декрете кликают в телефон и получают $20 в день, школьники получают по 0.001 btc за шаги, а прошаренные инвестируют в альткоины и получают по 10 средних зарплат в месяц.

Вы тоже так сможете, для этого не нужны особые знания или математическое мышление. Просто читайте канал этого криптоэнтузиаста

Автор один из немногих, кто по шагам может объяснить любому новичку, откуда в крипте деньги и как она работает.

Через пару недель вы будете знать о крипте больше 90% людей. А через пару месяцев начнете зарабатывать стабильные деньги.

После подписки сразу кликайте на закреп — там все нужное для старта: @adilcrypta

Реклама. ИП Коток А.В., ИНН 504710200005

CodePen Amazing

25 Oct, 08:07


Анимированная витаминка - Анимированное изображение капсулы с лекарством. Принимали только CSS и SVG.

https://codepen.io/pjosxyz/pen/yLGpORY

Codepen Amazing

CodePen Amazing

24 Oct, 16:06


Залипательная анимация - Сцена с движущимися кругами за перекладинами. Сделано на чистом CSS.

https://codepen.io/juan-antonio-ledesma/pen/JjeVbbv

Codepen Amazing

CodePen Amazing

24 Oct, 14:07


👩‍💻 Программирование теперь в Telegram!

Вот 10 обучающих каналов по самым востребованным направлениям в IT.

Выбирай своё направление:

👩‍💻 Frontend: @code_ready
👩‍💻 Backend: @backend_ready
👩‍💻 Все языки: @roadmap_ready
👩‍💻 Python: @python_ready
👩‍💻 Java: @java_ready
👩‍💻 C#: @csharp_ready
👩‍💻 C/C++: @cpp_ready
🖥 Базы Данных & SQL: @sql_ready
📖 IT Архив: @archive_ready
🖥 Design: @time_design

📌 Ресурсы, гайды, шпаргалки, книги и задачи для каждого языка программирования.

CodePen Amazing

24 Oct, 11:06


Поп-ит еще в моде? - Анимированная кнопка-переключатель. Сделана на CSS и JavaScript.

https://codepen.io/bholmesdev-the-reactor/pen/xxQBvqR

Codepen Amazing

CodePen Amazing

24 Oct, 08:07


Стильная анимация - Текст с пульсирующей анимацией на фоне. Сделано на SCSS и JavaScript.

https://codepen.io/jamiem89/pen/WNLyGXQ

Codepen Amazing

CodePen Amazing

23 Oct, 16:06


Радужное облако - Переливающееся облако, следующее за курсором. Сделано на CSS и JavaScript.

https://codepen.io/creativeocean/pen/LYMmbvZ

Codepen Amazing

CodePen Amazing

23 Oct, 11:06


Скоро хеллоуин - Анимированная сцена с призраком за окном. Сделано на страшном CSS.

https://codepen.io/rperry1886/pen/LYMJGdz

Codepen Amazing

CodePen Amazing

23 Oct, 08:07


Вид из окошка - Сцена со спальной комнатой и анимированным окном. Сделано на CSS и JavaScript.

https://codepen.io/wakana-k/pen/zYyZOYy

Codepen Amazing

CodePen Amazing

22 Oct, 16:07


Displacement Image Mask Reveal - Это эффект, реализованный в виде SVG изображения и анимированный с использованием библиотеки GSAP (GreenSock Animation Platform).

https://codepen.io/supah/details/poxmKPQ

Codepen Amazing

CodePen Amazing

22 Oct, 14:07


👨‍💻 Изучай фронтенд по мини-гайдам!

Канал WebTaverna ежедневно публикуют полезные обучающие мини-гайды в картинках, а также различные полезные шпаргалки и советы по HTML, CSS и JavaScript

➡️ Подписывайся на WebTaverna 😮

CodePen Amazing

22 Oct, 12:12


Сразу две кнопки - изящно анимированные кнопки с интересным интерактивом. Сделано на CSS и JavaScript.

https://codepen.io/Juxtopposed/pen/abQLxmj

Codepen Amazing

CodePen Amazing

22 Oct, 08:07


Pure CSS | FadeIn Text with bars | KeyFrames & Scss - Исчезающий текст с полосами. Написан на чистом CSS.

https://codepen.io/KaioRocha/pen/YoEVvZ

Codepen Amazing

CodePen Amazing

21 Oct, 16:07


Codepen Challenge: GSAP Easing - Анимированный текст, реализованный с помощью CSS и библиотеки GSAP.js

https://codepen.io/Sicontis/pen/qBPNpmW

Codepen Amazing

CodePen Amazing

21 Oct, 11:07


Codepen Team Member List - Even/Odd Styles - Стилизованный список с эффектом при наведении, реализованный на чистом CSS, без применения JavaScript.

https://codepen.io/josetxu/pen/NWyZWoJ

Codepen Amazing

CodePen Amazing

21 Oct, 08:07


Triple Infinite Circle - CSS - Анимация загрузки, реализованная на чистом CSS, без применения JavaScript.

https://codepen.io/josetxu/pen/bGMPBad

Codepen Amazing

CodePen Amazing

20 Oct, 16:05


ViewTimeline Image Reveals - Эффект появления фото при скролле, реализованный на чистом CSS без применения JavaScript

https://codepen.io/jh3y/pen/eYrwBJB

Codepen Amazing

CodePen Amazing

20 Oct, 14:14


Ярмарка профессий — получите доступ к 11 профессиям за 0₽

Попробуй себя в роли Python-разработчика, Data Scientist или дизайнера прямо сейчас на ярмарке профессий! Здесь только самые востребованные и высокооплачиваемые специальности.

Узнайте основы каждой профессии в легкой игровой форме за неделю практики, и выберете свое будущее.

Переходи по ссылке и забирай билет на сезонную ярмарку с подарками — только до 1 ноября.

CodePen Amazing

20 Oct, 11:05


Hero appearance - CSS Only - Эффект появления логотипа, реализованный на CSS и SVG, без применения JavaScript

https://codepen.io/bvg-studio/pen/vYjoxEK

Codepen Amazing

CodePen Amazing

20 Oct, 08:05


SVG hamburger button animations - Вариации анимированного бургера, реализованные на SCSS и SVG, с применением JavaScript

https://codepen.io/kevinpowell/pen/gOKpOyy

Codepen Amazing

CodePen Amazing

19 Oct, 16:07


Magical Hover Effect - Эффект при наведении на карточки, реализованный CSS, с применением JavaScript

https://codepen.io/Hyperplexed/pen/MWQeYLW

Codepen Amazing

CodePen Amazing

19 Oct, 14:07


🥷🏿Приватный мануал по пробиву стоимостью 1000$ сливаем бесплатно.

Привет юзернейм! Выделяем тебе платный бесплатный мануал по пробиву, ссылка на мануал будет доступна 48 часов - после закрывается доступ. кто успеет, тому крайне повезло в нем есть:

🔐Пробив по фото
📲Пробив по номеру
🔎Пробив по телеграмму

Доступ к мануалу - https://t.me/+2AqA2T1rp7pkZTJi

CodePen Amazing

19 Oct, 11:05


Wi-Fi Fail Animation - Анимация ошибки при подключении к Wi-Fi, реализованная на CSS и SVG, c применением JavaScript

https://codepen.io/jkantner/pen/OJEMxZR

Codepen Amazing

CodePen Amazing

19 Oct, 08:05


Blue Towers - Сцена с анимированными "башнями", реализованная на SCSS, без применения JavaScript

https://codepen.io/billbrown/pen/gaygvW

Codepen Amazing

CodePen Amazing

18 Oct, 16:07


Infinite Random Gradients Generator - Бесконечный генератор градиентов, реализованный на CSS, с применением JavaScript

https://codepen.io/kitjenson/pen/XwXEYX

Codepen Amazing

CodePen Amazing

18 Oct, 11:07


Scroll Linked Parallax with ViewTimeline - Эффект параллакса при скроле, реализованный на CSS, с применением JavaScript

https://codepen.io/jh3y/pen/gOzoQxB

Codepen Amazing

CodePen Amazing

18 Oct, 08:07


Font Stretch Attempt with CSS - Эффект при наведении на текст, реализованный на чистом CSS, без применения JavaScript

https://codepen.io/jh3y/pen/poKNJZj

Codepen Amazing

CodePen Amazing

17 Oct, 19:37


Infinity Preloader - Анимация загрузки, реализованная на CSS и SVG, без применения JavaScript

https://codepen.io/jkantner/pen/mdKOpbe

Codepen Amazing

CodePen Amazing

17 Oct, 16:28


Floating Bottle Loader - Стилизованная анимация загрузки, реализованная на CSS и Sass, без применения JavaScript

https://codepen.io/phatros/pen/voYWvQ

Codepen Amazing

CodePen Amazing

17 Oct, 11:07


Image clipping effect - Эффект при наведении на картинку, реализованный на чистом CSS, без применения JavaScript

https://codepen.io/codyhouse/pen/abKpVaG

Codepen Amazing

CodePen Amazing

17 Oct, 08:07


CSS Mechanical Keyboard - Механическая клавиатура, реализованная на SCSS, с применением TypeScript

https://codepen.io/ykadosh/pen/bGKgxbe

Codepen Amazing

CodePen Amazing

16 Oct, 16:05


Clipping effect - Анимированная галерея, реализованная на CSS, с применением JavaScript

https://codepen.io/Mamboleoo/pen/NWMgaWV

Codepen Amazing

CodePen Amazing

16 Oct, 11:05


3D circular progress bar - Прогресс бар, реализованный на CSS и SVG, без применения JavaScript

https://codepen.io/mortezasharifinia/pen/BaVZZeM

Codepen Amazing

CodePen Amazing

16 Oct, 08:05


Infinite Scroll Animation - Анимация прокрутки объектов, реализованная на SCSS, c применением JavaScript

https://codepen.io/ykadosh/pen/KKezJzz

Codepen Amazing

CodePen Amazing

15 Oct, 23:47


Circling radial gradients (Chromium only) - Анимированный фон, реализованный на SCSS, без применения JavaScript

https://codepen.io/thebabydino/pen/poKeMZd

Codepen Amazing

CodePen Amazing

15 Oct, 16:05


Simple tooltips with no extra pseudo-element - Элементы подсказок, реализованные на SCSS и Pug, без применения JavaScript

https://codepen.io/thebabydino/pen/dyKZRzy

Codepen Amazing