Newsletter Subscribe — анимация успешной подписки на рассылку новостей, реализованная с помощью GSAP.

#gsap

Project Filter Tabs — вкладки с фильтрацией на чистом CSS.

#вкладки #фильтр #tab #css

Slide Sign In/Sign Up form — форма авторизации/регистрации с эффектом слайдера. Реализована с помощью CSS и JavaScript.

#форма #form #css #javascript

Любишь решать задачи по JS?

А представь, что все это в формате MMORPG бота, где ты можешь прокачивать своего пресонажа, батлиться с друзьями, проходить собесы в разные IT компании и главное - прокачивать себя как разработчика!

В Dev’s Battle ты найдешь:

👉 350+ задачек по JS
👉 300+ активных игроков
👉 7 компаний для собеседований. От Рабов Галерных до Facebook
👉 Прокачку и развитие внутриигрового персонажа
👉 Фан и общение с другими разработчиками

Все это бесплатно, с небольшим кринжом и крутым комьюнити!

😎 Залетай в Dev’s Battle, если, конечно, сможешь…

Accordion — аккордеон, реализованный с помощью JavaScript.

#аккордеон #accordion #css #javascript

Cool Text — красивая анимация текста, реализованная с помощью CSS-правила @keyframes.

#анимация #text #animation #css

Узнайте всё о профессии «Фронтенд-разработчик» от практикующего программиста и наставника в Хекслете! Приходите 16 августа в 19.00 (МСК) на День открытых дверей.

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

Присоединяйтесь, если хотите освоить актуальную профессию или поменять сферу деятельности. Вас ждут 2 часа полезной информации, увлекательный квиз, бонусы и подарки.

Переходите по ссылке выше, чтобы занять место на вебинаре☝☝☝

Multi Range input — кастомные input типа диапазон на чистом CSS, стиль которых можно легко настроить.

#поляввода #input #css

Sticky-Stacked Cards — карточки, собирающиеся в стопку при прокрутке страницы. Реализованы на чистом CSS.

#карточки #card #css

Найти работу в айти можно 2 методами:

Первый. Бесконечно скроллить HeadHunter и пытаться что-то выклевать на LinkedIN. Офигеть от условий и закрыть.

Второй. Подписаться на JavaScript Job. Это база адекватных предложений, где даже для новичков много мест с хорошей з/п.

Тут найдете работу как в Яндексе (именно сюда крупняки присылают вакансии напрямую), так и в молодых стартапах!

В общем, не теряйте времени и находите работу в 2 клика: @JScript_jobs

Liquid Button — жидкая SVG-кнопка, реализованная с помощью JavaScript.

#кнопки #button #svg #javascript

Horizontal scroll section — секция с горизонтальной прокруткой, реализованная с помощью GSAP.

#scroll #gsap

Event Cards — карточки с информацией о событий, реализованные с помощью React.

#карточки #card #react

Order confirm animation — анимация подтверждения заказа при клике, реализованная с помощью jQuery.

#кнопки #button #animation #jquery

Яндекс Практикум разработал шестидневный интенсив для новичков в дизайне. Вот что на нём будет:

— учебник по базовым функциям графического редактора Figma;
— первые работы — шрифт и принт для футболки или другой вещи;
— живые воркшопы с наставниками-практиками, которые расскажут о профессии и проверят работы;
— общий чат с другими начинающими дизайнерами.

Интенсив начинается 24 августа и стоит 2400 ₽.
Соберите стартовый набор дизайнера и познакомьтесь со сферой →

CSS Image reveal with filter && clip-path — изображения с эффектами при наведении, реализованные с помощью CSS-фильтра clip-path.

#изображения #image #hover #css

Toggle buttons — кнопки переключения в современном стиле на чистом CSS.

#кнопки #button #css

Animated Button — кнопка отправки данных с анимацией и сообщением об успешной отправке при клике. Анимация реализована с помощью JavaScript.

#кнопки #button #animation #css #javascript

Split 3D Carousel — 3D-слайдер, состоящий из двух кубов. Реализован с помощью jQuery.

#слайдер #3D #slider #jquery

2020 Toggles — кастомные переключатели в современном стиле на чистом CSS.

#переключатели #toggles #css