codepen.js
Відкрити в Telegram
Сборник крутых и полезных фич для вашего сайта: готовый код на css и javascript, который можно вставить в проект. Подходит веб-разработчикам и дизайнерам. Сотрудничество: @noname_media Канал на бирже: https://telega.in/c/codepen_js № 4799182616
Показати більше
Сітка:9 123
Підписники
-424 години
-197 днів
-8130 день
Архів дописів
9 119
GSAP On-Scroll Walking Cycle — скролл страницы. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Бесплатный практический вебинар: Веб-разработчик: с нуля до мини-игры за 2 часа.
⏰ Когда: 23 декабря в 19:00 по мск.
Погрузитесь в решение реальной задачи и напишите небольшую игру на HTML, JS и CSS, которая работает прямо в браузере 🎮
Расскажем, что ждут работодатели от джунов, какие есть грейды во фронтенд-разработке и на какую зарплату рассчитывать в перспективе.
Какие JS фреймворки учить: Vue, React, а может, Angular?
Задайте вопросы опытному спикеру, сделайте первый шаг в направлении новой профессии.
🎁 Всем, кто зарегистрировался - гайд «Как заговорить на сленге IT-специалистов», а каждому участнику - карта компетенций начинающего Frontend-разработчика и гайд «Как опубликовать страницу в интернете при помощи GitHub Pages»
9 119
CSS scroll-driven scroll-snapping animations — анимация горизонтального перехода между страницами. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Infinitely drawing icons — анимация загрузки. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Как легко прокачать навыки верстки и найти работу?
Присоединяйся к каналам опытного верстальщика:
2. Вёрстка сайтов | HTML, CSS, JS — здесь собраны бесплатные, структурированные уроки и различные материалы по HTML, CSS, JS, а также советы по заработку на фрилансе.
2. Работа — вёрстка и фронтенд — канал с лучшими вакансиями и проектами с фриланса по вёрстке и фронтенду
Научись и зарабатывай на верстке!
9 119
Error 500 — анимация страницы. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Encrypted Password Reveal — пароль. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Check Micro Animation — анимированный чекбокс. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Detailed Theme Switch — красивый переключатель темы. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Paint Drop Hover — эффект подсветки области текста. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Intelligent Mouse Trailer — анимированый плавный курсор. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Responsive Image Carousel — анимированная карусель изображений. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Canva's Magic Mouse Effect — анимированная пыльца. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Сделай 2025 год годом перемен
Чувствуешь, что пора менять что-то глобально? Зарплаты в евро, новые проекты и вызовы звучат круто, но кажется слишком сложным? С чего начать? Где искать вакансии и как люди релоцируются? На самом деле нужна системная работа.
На помощь придут AgileFluent — эксперты в международном найме с 2 полезными каналами:
AFsolutely — про английский для работы. Сейчас идёт бесплатный марафон по бизнес-английскому — успей попасть!
AgileFluent — про все этапы поиска работы, от вакансий до оффера. Всё в формате советов, лайфхаков, чек-листов и гайдов.
17.12 там пройдёт эфир-прожарка Linkedin. Разберут ошибки, дадут рекомендации, которые сможешь адаптировать под себя
Подписывайся, чтобы узнать свои слабые места и быстрее дойти до оффера
9 119
Infinite Cover View v2 — слайдер, который бесконечно вращается по кругу. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Scattering hexagons — анимация рассеивающихся шестиугольников. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Ищем новичков во фронтенд-разработке и вёрстке сайтов.
Хотим показать, как получить реальный опыт в разработке сайтов и веб-приложений.
А именно:
- Сверстать веб-сайт на HTML + CSS;
- Реализовать функционал на JavaScript;
- Пощупать фронтенд-фреймворк Angular;
- Подключить Backend и загрузить сайт на хостинг.
Чтобы в итоге ты своими руками разработал качественный сайт, который не стыдно добавить в портфолио или продать.
Такой опыт можно получить на бесплатном практикуме уже завтра с поддержкой от опытных кураторов на каждом этапе.
👉 Приходи на бесплатное обучение и зови с собой друзей
Бонусом получишь гайд для поиска работы и заказов на фронтенд-разработку.
9 119
36th CssChallenge — адаптивные карточки с возможностью переходить по ним. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
9 119
Day/Night Lighthouse Illustration — красивая анимация изображения. Реализована с помощью CSS и JavaScript
#анимация #css #javascript
