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

Crow Single Div — минималистичная ворона в клетке. Реализована с помощью CSS. #css

Frontend-разработчики создали каналы, в которых ежедневно выходят полезные посты. Специалист по JavaScript - образовательный канал по JS человеческим языком, с повседневными практическими заметками по языку. Сеньор Помидор - канал для frontend программистов, с примерами лучших решений на HTML|CSS|JS. Figma - Templates - канал, где собраны примеры реальных макетов в Figma, которые заказчики присылают на вёрстку.

Magic Dust - GSAP Canvas Particles — анимированный звездный фон со следом от мыши. Реализован с помощью SCSS и JavaScript. #анимация #scss #js

NightLight — анимированный 3D ночник. Реализована с помощью CSS и JavaScript. #анимация #css #js

Фронты совсем обленились Теперь они не пишут код сами, а берут его из канала Light code, облегчая себе работу. Ты можешь так же, подписывайся!

bootstrap 4 navbar — анимированная навигационная панель. Реализована с помощью CSS и JavaScript. #анимация #css #js

Codepen Logo w/ Sticky Corners — интерактивное лого CodePen. Реализовано с помощью CSS, SVG и JavaScript. #анимация #css #svg #js

Light circle with glow effect — неоновый круг с эффектом свечения при наведении. Реализовано с помощью SCSS. #анимация #scss

Stroke Logo Animation — анимированное текстовое лого с эффектом при наведении. Реализовано с помощью CSS, SVG и JavaScript. #анимация #css #svg #js

Figma — инструмент, который упрощает работу не только дизайнерам, но всей команде, в том числе разработчику. При этом основной функционал легко освоить за несколько дней. Знание Figma поможет участвовать в создании макета, эффективнее верстать, править графику и в целом понимать, как должен работать финальный продукт. Освоить на практике базовые инструменты популярного графического редактора поможет бесплатный курс «Основы Figma» в Нетологии. Вас ждёт 5,5 часов теории, чтобы понимать, как работать с различными задачами, и 8 часов практики для закрепления навыков. За это время вы выполните 10 заданий: от баннера до макета сайта и рекламных изображений для соцсетей. Регистрация https://netolo.gy/JKt Реклама. ООО "Нетология"

CodePen Loader — стилизованная под CodePen анимированная загрузка. Реализована с помощью CSS и SVG. #анимация #css #svg

Impossible Checkbox v2 — забавный чекбокс, на который "невозможно" нажать. Реализован с помощью CSS, Pug и JavaScript. #анимация #css #js

Срочно! Нужны фронтендеры и программисты разных уровней и новички Для новичков: - Бесплатные обучения - Стажировка - Практикумы - Бесплатные курсы Для опытных: - Вакансии junior - Вакансии junior+ - Вакансии middle - Вакансии senior - Вакансии Team Lead - Другие вакансии

Glassmorphism — карточки в стиле стекла с эффектом при наведении. Реализованы с помощью CSS и JavaScript. #анимация #css #js

Button Hover State Border — кнопка с эффектом при наведении. Реализована с помощью CSS. #анимация #css

Hover Blur Cards — карточки с плавным эффектом при наведении. Реализованы с помощью CSS и JavaScript. #анимация #css #js

Moon Prototype — анимированный прототип луны. Реализован с помощью CSS. #анимация #css

SVG Turbulence Filter Test — настраиваемый фильтр текста. Реализован с помощью CSS, SVG и JavaScript. #css #svg #js

Day and Night — анимация с переключением дня и ночи. Реализована с помощью CSS и Pug. #анимация #css

Верстаешь? Оцени 7 причин пройти наш бесплатный интенсив по Frontend-разработке: 1. Сверстаешь веб-сайт на HTML + CSS; 2. Оживишь страницу с помощью JavaScript; 3. Используешь фронтенд-фреймворк Angular; 4. Подключишь Backend и загрузишь сайт на хостинг; 5. Получишь советы по доработке своего проекта; 6. Добавишь в портфолио 1 качественный проект; 7. Получишь в подарок чек-лист «45 мест для поиска работы». А главное, ты проведёшь 7 дней в приятной компании Fullstack-разработчика с 8-летним стажем – Романа Чернова. 👉 Проскочить на интенсив бесплатно Начинаем 10 января.