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

Bokeh Lighting Background — "объемный" фон с анимацией. Реализован с помощью CSS и JavaScript. #анимация #css #js

Хочешь создавать уникальные современные сайты, но разработка занимает много времени? https://t.me/sen10r — канал для Frontend программистов, с огромным количеством готовых решений, для твоих проектов, которые ускорят твою работу! https://t.me/FigmaTemp1ate — канал, где собраны уникальные примеры реальных макетов в Figma, которые заказчики присылают на вёрстку. https://t.me/mavenjs — опытные разработчики создали канал, чтобы ваш код выглядел достойно и опрятно.

Neumorphism Gradient Loader Animation Effects — анимированная загрузка-градиент. Реализована с помощью SCSS. #анимация #scss

Text Reflect Effect Demo — набор различных вариантов отражений текста. Реализован с помощью SCSS. #анимация #scss

Loading Animation — анимация загрузки. Реализована с помощью SCSS и Pug. #анимация #scss

Genuary 18 - Definitely not a grid — анимированное число с отражением. Реализовано с помощью HTML. #анимация

Menu Button Interaction — анимированная кнопка контекстного меню. Реализована с помощью SCSS, SVG и JavaScript. #анимация #scss #svg #js

Cloud Upload Bubbles — анимация загрузки файла в облако. Реализована с помощью CSS и JavaScript. #анимация #css #js

Сколько нужно времени, чтобы освоить востребованную профессию фронтенд-разработчика?  Всего 10 месяцев! Вы можете совмещать обучение с любым своим занятием. Главное условие - желание. В Xeкслете вы можете пройти онлайн-курс по профессии «‎Фронтенд-разработчик».  Во время программы вы: ✔️ Изучите JavaScript в связке с HTML и CSS. ✔️ Освоите React для создания сложных компонентов, которые легко поддерживать и использовать повторно. ✔️ Решите более 310 задач в браузере. ✔️ Создадите 4 проекта для портфолио на GitHubВыполните 150 тестовых заданий от наших партнёров. ✔️ Научитесь работать с чужим кодом и оформлять пул-реквесты в Open Source проектах. Обучение построено так, что его невозможно «отсидеть» или «прослушать». Мы не сторонники подхода «повтори за учителем»: вы будете не просто писать код, а научитесь самостоятельно находить лучшие решения. 📌 Пройдите первые 10 бесплатных уроков из профессии и получите дополнительно скидку 10% !

clip-path cutter — эффект разрезания объекта при проведении по нему курсором. Реализован с помощью CSS и JavaScript. #анимация #css #js

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

Kippo Hover Card Effect — Галерея с эффектом при наведении. Реализована с помощью CSS и JavaScript. #анимация #css #js

Demo of CSS-only motion curve Анимация иконки. Написана на чистом CSS. #анимация #css

Navbar — навигационная панель-бургер. Реализована с помощью CSS. #анимация #css

SQL теперь в телеграм! SQL — главный язык программирования баз данных. Базы данных есть везде: от маленького интернет-магазина до социальной сети. Знание SQL очень важно для любого программиста! Его будет легко выучить, если подписаться на официальный русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсах. Стоит подписаться!

RETROESQUE TEXT REVEAL EFFECT — анимированное появление текста. Реализовано с помощью Slim, SCSS и GSAP. #анимация #scss #js

Shiny Debit Card — анимированная 3D банковская карта. Реализована с помощью CSS и SVG. #анимация #css #svg

Scroll direction rotation — галерея с эффектом наклона при скролле. Реализована с помощью SCSS и JavaScript. #анимация #scss #js

Learn frontend tips - telegram-канал в котором вы найдёте подсказки для frontend разработчиков по: ✓ HTML ✓ CSS ✓ JavaScript ✓ UX/UI

Jello Stretchy Variable Font — интерактивный текст с эффектом желе. Реализован с помощью SCSS и JavaScript. #анимация #scss #js