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

Download progress animation — анимированная кнопка "скачать". Реализована с помощью SCSS, SVG и JavaScript. #анимация #scss #svg #js

CSS Minimal Dark Mode Toggle Button — переключатель темной темы в стиле минимализма. Реализован с помощью SCSS и SVG. #анимация #scss #svg

Привет! Меня зовут Сергей и я Senior JavaScript-разработчик из Хельсинки. На своём канале «Будни разработчика» я выкладываю самые интересные и оригинальные находки, что помогают мне в моей работе. Статьи, заметки, фишки, опросы и разбор багов браузеров. Подпишись, скучно не будет!

Split Card Hover Effect — анимированная кнопка с эффектом конфетти при нажатии. Реализована с помощью SCSS, SVG и JavaScript. #анимация #scss #svg #js

Split Card Hover Effect — карточки с эффектом при наведении. Реализованы с помощью SCSS, Pug и JavaScript. #анимация #scss #js

Пост для Освоить веб-разработку с нуля за 10 месяцев — реально, хотя и непросто. Придётся сократить время на хобби, заниматься после работы и до неё, искать дополнительные материалы и подолгу думать над задачами. Но оно того стоит: в конце пути — новая профессия и интересная работа. А Яндекс Практикум поможет не сбиться с курса. — Команда сопровождения проверит проекты, объясняет сложные темы и поддерживает. — Карьерный центр научит работать с резюме, мотивационными письмами, портфолио и готовится к собеседованиям. — Сообщество студентов и куратор подбодрят, когда захочется всё бросить. Если не справляетесь с делами, то два раза за курс можно взять академический отпуск на месяц. Если на базовой программе тяжело, снизить темп поможет расширенная программа, которая длится 18 месяцев. Учёба будет размеренной, а программа более фундаментальной. Оплата учёбы работает в формате подписки: платежи проходят каждый месяц, и вы можете остановить их в любой момент. Протестируйте формат курса бесплатно →

Context menu with Feather icons — стилизованное контекстное меню. Реализовано с помощью SCSS и JavaScript. #анимация #scss #js

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

Smash to submit button — интересное исполнение кнопки "подписаться". Реализовано с помощью SCSS, SVG и JavaScript. #анимация #scss #svg #js

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

Let there be light — анимированный переключатель темной темы. Реализован с помощью CSS, SVG и JavaScript. #анимация #css #svg #js

Card hover effect — карточки с эффектом при наведении. Реализованы с помощью SCSS, SVG и JavaScript. #анимация #scss #svg #js

animated Mini Photo Gallery — анимированная мини-галерея. Реализован с помощью CSS. #анимация #css

Cascading CSS Text Effects — Большой набор эффектов для текста. Реализован с помощью CSS и JavaScript. #анимация #css #javascript

Какие тренды графического дизайна перекочуют из 2022 года в 2023-й? Вместе с эксперткой подведём итоги года, изучим кейсы и поговорим о ключевых навыках дизайнера. → Бесплатно, 15 декабря в 19:00 Наш спикер — Ника Злобина, коммуникационный дизайнер с опытом более 8 лет и экспертка курсов по графическому и коммуникационному дизайну в Яндекс Практикуме. Проекты Ники получали награды на российских и международных конкурсах дизайна: Awwwards, Sreda, G8. На вебинаре разберём: — Чем запомнится 2022 год в графическом дизайне — Какие приёмы остаются популярными, не смотря ни на что — Какие тренды видны не только в дизайне, но в визуальной культуре в целом — Почему придумывать идеи — один из важнейших навыков дизайнера — Что ещё стоит уметь дизайнеру в 2023 году Вы сможете задать вопросы спикеру после вебинара. → Зарегистрироваться на вебинар

Interactive Liquid Footer (just divs) — Интерактивный подвал в виде волны для вашего сайта. Реализован с помощью CSS и JavaScript. #анимация #css #javascript

Bird and text parallax — Прокрутка страницы с эффектом параллакса и движения объектов. Реализовано с помощью чистого CSS. #анимация #css

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

Tab Bar Menu Animation — Анимированное меню навигации. Реализовано с помощью SCSS, SVG и JavaScript. #анимация #scss #svg #javascript

Horizontal Scroll Gallery (Locomotive Scroll) — Анимированная галерея с горизонтальным скроллом и эффектом при наведении на фото. Реализована с помощью CSS и JavaScript. #анимация #css #javascript