codepen.js
Відкрити в Telegram
Сборник крутых и полезных фич для вашего сайта: готовый код на css и javascript, который можно вставить в проект. Подходит веб-разработчикам и дизайнерам. Сотрудничество: @noname_media Канал на бирже: https://telega.in/c/codepen_js № 4799182616
Показати більше
Сітка:9 134
Підписники
-124 години
-197 днів
-7730 день
Архів дописів
9 132
Button — анимация появления разноцветных фигур при клике на кнопку. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Айтишники, это вам — в телеграм есть комьюнити по каждому направлению в IT
Там есть буквально всё: чаты для общения, тонны материала(книги, курсы, ресурсы и гайды), свежие новости и конечно же мемы
Выбирайте своё направление:
💩 Frontend 🐍 Python
🐧 Linux 👩💻 С/С++
👩💻 C# 🤔 Хакинг & ИБ
📱 GitHub 🖥 SQL
👩💻 Сисадмин 🤟 DevOps
⚙️ Backend 🖥 Data Science
🧑💻 Java 🐞 Тестирование
🖥 PM / PdM 👩💻 GameDev
🧑💻 Golang 🤵♂️ IT-Митапы
🧑💻 PHP 💻 WebDev
🖥 Моб. Dev 🖥Анали.(SA&BA)
👩💻 Дизайн 🖥 Нейросети
💛 1C 🤓 Книги IT
➡️ Сохраняйте в закладки
9 132
Choose Ticket — адаптивная страница с функцией выбора билетов. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Submarine Animation — подводная лодка плывет в поисках страницы. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Loader Colorful HTML — диско-прелоадер. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Pure CSS Peeling Sticky — анимация для ссылки в виде отрывного липкого стикера. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Flash Message — карточки. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Icon hover — иконки соцсетей окрашиваются при наведении на них. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
animated text — анимация загрузки. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Icon Hover Effect Using — иконки с оригинальным эффектом. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Bubble Preloader — необычный loader. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
City Illustration — адаптивная SVG-иллюстрация города с параллакс-эффектом. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Particles Springs — анимация расчистки шаров движениям мышки. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
3D Tilting Card Effect — карточка с информацией. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Transform Toggles — трансформирующийся тогл. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
⚡️ Бесплатное обучение фронтенд-разработке с нуля: HTML/CSS, JavaScript, Next.js — с поддержкой от наставника
Подойдёт и новичкам, и тем, у кого есть опыт во фронтенде
На канале Интенсивный JavaScript действующий тимлид и опытный разработчик помогает изучить фронтенд на практических задачах, которые интересно кодить
С 8 ноября стартует новое бесплтаное обучение, где он на практике поможет разобраться во фронтенде: новичкамм в HTML/CSS и JavaScript, а тем, кто с опытом — Next.js
Всего сделаете три проекта:
💡 сайт услуг сборки ПК
💡 фронтенд для магазина на Next.js
💡 и ещё один проект полностью самостоятельно в формате соревнования с другими участниками
Обучение подойдёт, даже если у вас нет опыта в программировании — всё объясняют так, чтобы поняла даже ваша бабуля
🔖Ещё автор регулярно набирает людей в свою команду, проводит собесы и знает, почему прилетают отказы большинству джунов
Что будет кроме уроков:
Для новичков:
пошаговый план изучения всего, что нужно современному фронтендеру с нуля
какие проекты положить в портфолио
Для тех, кто опытнее:
какие проекты в портфолио повышают шансы на удачный собес
тест знаний и навыков
как искать заказы на фрилансе, когда биржи умерли
Подписывайтесь, чтобы участвовать, осталось 39 мест
Учиться самостоятельно можно бесконечно, если не знать, куда копать. На интенсиве сократите время на поиск информации и получите пошаговый план от разработчика, который нанимает новичков в команду
➡️Участвовать бесплатно
9 132
Liquid Button — анимированная кнопка. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Text scroll and hover effect — текст с анимациями при пролистывании и наведении. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Apple Tear Strip — дерни стикер. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 132
Space Journey — космос. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
