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

Pass Strength Shield — поле для ввода пароля на React. Анимация реализована с помощью GSAP и DrawSVGPlugin3. #gsap #react

ФронтЛиба – телеграмм-канал с полезными библиотеками, фреймворками и инструментами для фронтенд-разработчика. Отлично подойдет как для начинающих, так и для практикующих разработчиков. В любой момент Вы сможете подобрать для себя необходимый инструмент с помощью которого сможете реализовать свой проект. Подписывайся скорее и узнай, какие инструменты и технологии используют проекты мирового уровня.

CSS Reaction — анимация в стиле логотипа React, реализованная на чистом CSS. #css

Фронтенд хомяк - канал с фичами и готовым кодом на css и javascript. Можно вставить в проект или повторить и прокачать свои скилы 💪 Подписывайся, выкладываем свежие исходники каждый день!

Power switch animation — крутая анимация выключателя питания на чистом CSS. #css

Loading more content when scrolled — загрузка дополнительного контента при прокрутке страницы, реализованная с помощью JavaScript. #javascript

От введения в JS до продвинутого уровня за 5 месяцев! В школе DevHouse открылся набор на курс “Fontend-разработчик”. Программа рассчитана и для новичков и для тех кто немного шарит в программировании. Обещаем научить кодить правильно, современно и чисто: ✔️ Обучим JavaScript. ✔️ Дадим базу по HTML, CSS. ✔️ Научим работать с фреймворком Vue.js. Мы распределили нагрузку равномерно на весь период обучения - 10 часов в неделю. Даем уроки от простого к сложному: от переменных и алгоритмов, до рефакторинга и паттернов проектирования. Ручная проверка, закрытый чат и личный ментор! Подробнее о программе и скидках узнайте у куратора @alexander_noskov А пока думаешь - качай наш Гайд полезностей для джуна! Стартуем 31 октября!

404 Concept Page — анимация адаптивной страницы ошибки 404 на чистом CSS. #css

Button — анимация появления разноцветных фигур при клике на кнопку, реализованная с помощью JavaScript. #javascript

JS Booster – канал в котором публикуются заготовки интерфейсов, задачи и полезные статьи для веб-разработчиков. Материалы будут полезны для любого уровня подготовки! Подпишись и улучши свою работу! 👇

Share Widget — виджет "Поделиться", внутри которого расположены ссылки на соцсети. Реализован с помощью JavaScript. #javascript

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

Сайт, Сэр - telegram канал web-разработчика с 7-ми летним стажем. В нем он делится готовым кодом для реализации различных фишек на сайте, полезными сервисами и библиотеками, которые помогут и упростят работу над любым проектом. Количество заявок ограничено ⌛️

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

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

Всё ещё думаешь, что всякие гайды в интернете помогут тебе достичь новых высот в IT? Зря... Стоит просто подписаться на эти каналы и получать дозу новой полезной информации каждый день. How To WebDev — Ты фронтент или бэкенд разработчик? Без разницы — там всё про эти 2 направления. How To C — Без лишних слов — абсолютно всё про C, C# и C++. How To IT — О том как стартовать в IT с нуля. How To SQL — Хватит шариться по интернету в поисках инфы про БД! Она вся тут, просто зайди и увидишь всё, что тебе нужно. Не оставайся в стороне от нового, подписывайся!

Всё ещё думаешь, что всякие гайды в интернете помогут тебе достичь новых высот в IT? Зря... Стоит просто подписаться на эти каналы и получать дозу новой полезной информации каждый день. How To WebDev — Ты фронтент или бэкенд разработчик? Без разницы — там всё про эти 2 направления. How To C — Без лишних слов — абсолютно всё про C, C# и C++. How To IT — О том как стартовать в IT с нуля. How To SQL — Хватит шариться по интернету в поисках инфы про БД! Она вся тут, просто зайди и увидишь всё, что тебе нужно. Не оставайся в стороне от нового, подписывайся!

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

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

Ты начнёшь верстать увереннее, добавишь в портфолио 1 крутой сайт и сможешь повысить цену на свои услуги… Потому что Роман Чернов, веб-разработчик с 8-летним стажем, организовал бесплатный 7-дневный интенсив с практикой и обратной связью. За 7 дней ты: - Сверстаешь веб-сайт на HTML + CSS; - Реализуешь функционал на JavaScript; - Используешь фронтенд-фреймворк Angular; - Подключишь Backend и загрузишь сайт на хостинг. 👉 Забрать бесплатно 7 дней обучения frontend-разработке