Полезная вЁрстка

Simple CSS Waves | Mobile & Full width — анимация волн, реализованная на чистом CSS. #анимация #animation #css

3D carousel — 3D-слайдер, реализованный с помощью CSS и JavaScript. При прокрутке колеса мыши меняется радиус слайдера. #слайдер #3d #carousel #css #javascript

Yet another slider — слайдер с тремя способами перелистывания изображений - нажатием на стрелки, скроллом и свайпом. Анимация перелистывания реализована с помощью GSAP. #слайдер #slider #GSAP

Mini Music Player - VueJS — мини-плеер в современном стиле, реализованный с помощью VueJS. #плеер #music #player #vue

Как изучить основы HTML и CSS за 5 занятий HTML и CSS — служат основой каждого сайта, соцсети или интернет-магазина, которыми мы пользуемся каждый день. Знать их полезно не только веб-разработчикам, но и всем, кто работает с вебом — дизайнерам, контент-менеджерам, интернет-маркетологам и руководителям проектов. На бесплатном курсе Нетологии «Основы вёрстки сайта» вы выполните 16 практических заданий и научитесь самостоятельно вносить изменения в HTML-код, верстать с нуля текстовые блоки, менять внешний вид отдельных элементов сайта с помощью CSS, а также готовить контент для публикации на сайте

Neumorphic Elements — UI-элементы в современном стиле неоморфизма, реализованные с помощью CSS и JavaScript. #неоморфизм #ui #neumorphic #css #javascript

Airplanes — анимация полёта самолета при прокрутке страницы, реализованная с помощью GSAP и ScrollTrigger. #анимация #animated #GSAP #ScrollTrigger

Frontend Vollex – здесь команда фронтендщиков из OZON обучает создавать красивые сайты и приложения, используя такие эффекты.  Канал читают как новички, так и опытные программисты. Подписывайся: @vollex_frontend

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

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

😮 Добавлена новая база слитых курсов на 800ГБ: Программирование: https://t.me/+iLdBNekSTz9mNTMy Frontend и Web: https://t.me/+xnzqjNv4bNBlZTli Python: https://t.me/+gy2VjW-eWPgyOGJi Графика и дизайн: https://t.me/+VJNou3I_uQFlMDg6

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

Сейчас самая кассовая профессия в мире — разработчик. Это люди, которые пишут программы для всего: от ваших смартфонов до промышленных роботов.  Обычно считается, что попасть в этот мир невозможно, потому что нужно знать высшую математику и быть технарём. Это не так. Есть место, где рассказывают про программирование и технологии простым языком, без снобизма и всякой технической чуши.  Рекомендуем журнал «Код»: @thecodemedia

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

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

Яндекс Практикум разработал шестидневный интенсив для новичков в дизайне. Вот что на нём будет: — учебник по базовым функциям графического редактора Figma; — первые работы — шрифт и принт для футболки или другой вещи; — живые воркшопы с наставниками-практиками, которые расскажут о профессии и проверят работы; — общий чат с другими начинающими дизайнерами. Интенсив начинается 24 августа и стоит 2400 ₽. Соберите стартовый набор дизайнера и познакомьтесь со сферой →

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

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

Figma теперь в телеграм! Figma — самый популярный графический онлайн редактор в мире! Он очень прост и именно с него нужно начинать изучение веб-дизайна. А сейчас в телеграмме появился официальный русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсов. Стоит подписаться!

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