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

Generative UI — функционал генерации случайных цветов с анимацией фонового цветного шара, реализованный с помощью библиотеки pixi.js. #pixijs

Jello Tab Bar — панель вкладок с плавной анимацией, реализованной с помощью JavaScript. #css #javascript

У вас депрессия? Апатия? Всё вокруг бесит и раздражает? Как насчёт хорошенько посмеяться, да ещё и новые знания приобрести? Фронтендщик — канал с отборнейшими мемами, инструментами, лайфхаками и другой годнотой для Frontend-разработчиков. Если на душе не очень, и плохо идёт работа с проектом — заходите. Лучше, может и не станет, зато посмеётесь: @frontendshik

SVG Bike1.2 — анимация движущегося велосипеда на чистом CSS. Велосипед адаптивен и полностью построен из SVG. #css #svg

Фронтендеры на месте? Нашли для вас канал, где постят эффекты с готовым кодом на Codepen. Увидел – и сразу заюзал в своём проекте. Подпишись и пили сайты на уровне Apple – @frontend_formula

Build a fancy hover animation — анимация адаптивных монохромных карточек при наведении на чистом CSS. #css

Working Stopwatch — секундомер, реализованный на чистом CSS. #css

Изучить основы JavaScript за 14 дней? По цене пиццы?! Это реально! Подключайтесь к нашему подготовительному курсу по Frontend-разработке. Прямо сейчас переходите по ссылке и бронируйте место, мы стартуем 11 августа! 🙌

WiFi loader animation — анимация поиска сети wi-fi на чистом CSS. Можно использовать как прелоадер. #css

SMASH that Like Button — кнопка лайк с анимацией разлетающихся разноцветных частиц на чистом CSS. #css

Этот канал не сделает из тебя программиста за неделю! Там не гарантируют трудоустройство и не дают других пустых обещаний. Зато ежедневно постят самое интересное по WEB-разработке: 🍑 Полезные библиотеки 🍑 Обучающие материалы с примерами кода 🍑 Обзоры фич популярных фреймворков Если JS, CSS, HTML, PHP для тебя не просто набор букв - подписывайся на WebCraft👇

Interior design builder — функция добавления понравившихся интерьеров в избранное, реализованное с помощью JavaScript. #javascript

Codepen Challenge: Click — кнопка с выезжающими панелями при клике, реализованная с помощью VueJS и GSAP. #vue #gsap

Upload Button w/Progress — кнопка загрузки с анимацией прогресса, реализованная с помощью JavaScript. #javascript

Хочешь научиться разрабатывать современные сайты, но нет времени изучать тренды фронтенд-разработки? Админ канала Frontend Trends публикует все отборные тренды фронтенд-разработки в одном месте с готовым кодом на CSS, JavaScript, React и Vue.  Здесь можно изучать реализацию понравившихся идей и применять их в своих проектах за несколько минут. Подпишись на 👉 Frontend Trends, применяй тренды фронтенд-разработки и повышай свой чек.

Image Hover Effect — интересный эффект при наведении на изображение на чистом CSS. #css

Choose Ticket — адаптивная страница с функцией выбора билетов на чистом CSS. #css

Click to send - кнопка с анимацией отправки данных при клике. Состоит из SVG-элементов. Анимация реализована с помощью библиотек gsap, MorphSVGPlugin3, MotionPathPlugin и DrawSVGPlugin3. #gsap

Hover slider — слайдер с анимацией смены слайдов при наведении на названия. Анимация реализована с помощью jQuery. #jquery

Хочешь прокачать себя в JavaScript? Подробные разборы технических задач, статьи, бесплатные курсы и актуальные вакансии для трудоустройства - все на канале @itoster