codepen.js

Responsive Blog Card Slider — слайдер из карточек с информацией. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Winter papercut — анимируемые частицы. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Typing Effect — генерируемый текст. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Liquid Button — анимированная кнопка. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Text scroll and hover effect — текст с анимациями при пролистывании и наведении. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Alpaca Peck — помоги альпакам поцеловаться. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Apple Tear Strip — дерни стикер. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Space Journey — космос. Реализована с помощью CSS и JavaScript #анимация #css #javascript

​​Яндекс поделится секретами внедрения AI во фронтенд Поэтому если вы — продвинутый фронтенд-разработчик, который хочет перейти от обсуждений к действию в области AI, вам туда! Бизнес-группа Поисковых сервисов и ИИ Яндекса приглашает на Yet Another Frontend Night. 29 ноября они покажут гостям внутренние нейросетевые инструменты, расскажут, как они изменили цикл разработки, и честно поделятся, с какими трудностями столкнулись. Время слушать тех, у кого получилось: — Иван Артамонов, руководитель группы конверсионных инструментов в Яндекс Бизнесе, расскажет про преимущества AI-ассистентов — Павел Осташкин, старший разработчик интерфейсов в международной Рекламе, объяснит, как он со своей командой написал и встроил MCP в рабочие процессы и что из этого получилось — Валерий Баранов, AI-оптимист и тимлид группы технологий фронтенда в Яндекс 360, разберет инструменты управления контекстом во фронтенде и покажет, как MCP-серверы снижают галлюцинации и делают дизайн-систему AI-ready — Александр Иванков, руководитель группы развития инфраструктуры поисковых интерфейсов в Яндекс Поиске, поделится опытом разработки AI-помощника и подходами промпт-инжиниринга под разные роли — Андрей Дегтярев, разработчик интерфейсов в Яндекс Браузере, рассмотрит в докладе агентские сценарии по частям, чтобы наглядно показать, какие реальные задачи пользователя они решают 📍 Дата и место: 29 ноября в 15:00, Москва, офис Яндекса на Льва Толстого. Напоминаем: мероприятие пройдет в офлайн-формат. Трансляция не предусмотрена. Приходите, чтобы получить максимум от общения с экспертами! ➡️ Регистрация и подробная программа

Upload Progress Animation Microinteraction — анимация выполнения работы . Реализована с помощью CSS и JavaScript #анимация #css #javascript

gsap-bubbly-bath — кошечка в ванне. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Spheres — сфера с притяжением мелких частиц. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Password Indicator — анимированная панель для ввода пароля с индикацией. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Cities Slider — анимация название городов. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Moon Prototype — анимированный прототип луны. Реализован с помощью CSS. #анимация #css

Download interaction — анимация статуса загрузки. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Just Ice — анимированная сцена с объемным кубиком льда. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Liquid loader — "жидкий" прелоадер. Реализована с помощью CSS и JavaScript #анимация #css #javascript

Hamburger Menu Animations — 4 вида плавной анимации для гамбургер-меню. Реализована с помощью CSS и JavaScript #анимация #css #javascript

⚡️ Бесплатное обучение фронтенд-разработке с нуля с поддержкой от наставника На канале Интенсивный JavaScript действующий тимлид и опытный разработчик помогает разобраться во фронтенде С 15 ноября стартует обучение с практикой на JavaScirpt и Next.js Всего сделаете два проекта: 💡 фронтенд для магазина на JS + Next.js 💡 и ещё один уникальный пет-проект для каждого участника Объясняет так, чтобы понял даже человек, у которого нет опыта в программировании 🔖автор регулярно проводит собесы, нанимает новичков и показывает, что реально смотрят на резюме и GitHub, а что — лишнее. Если вы новичок сделаете первый проект и посмотрите, ваше это или нет корткий маршрут: план «Что учить во фронтенде» и в каком порядке  какие проекты положить в портфолио Если у вас есть опыт узнаете, какие проекты в портфолио повышают шансы на удачный собес тест знаний и навыков способы поиска заказов на фрилансе без бирж с конкуренцией Подписывайтесь, чтобы участвовать, осталось 24 места Учиться самостоятельно по ютубу, книжкам, сололёрнам можно бесконечно, если не знать, что нужно, а что нет На интенсиве сократите время на поиск информации и получите готовый маршрут и первый результат от разработчика, который нанимает новичков в команду ✅ Участвовать бесплатно