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

Particles - vertical loop, randomness — 3D сцена с анимированными частицами. Реализована с помощью CSS и JavaScript. #анимация #scss

CSS Only Cubes Hover Effects — кубики с эффектом свечения при наведении. Реализованы с помощью SCSS. #анимация #scss

generative HWB scale Poster (click to re-generate) — генерируемый постер цветовой модели. Реализован с помощью SCSS и JavaScript. #анимация #scss #js

Circle Text + textLength — круговая бегущая строка с эффектом при наведении. Реализована с помощью SCSS и SVG. #анимация #scss #svg

Police vs Taxi | CSS Only Running Car Animation Effects — анимированная сцена погони за такси. Реализована с помощью SCSS. #анимация #scss

Хочешь иметь крутое портфолио но у тебя нечего верстать? Все макеты для верстки уже нашли и бесплатно выкладывают на канале 👉 @figma_templates

Colorful Dissolving Loader (CSS only) — анимированная загрузка с эффектом "распада". Реализована с помощью SCSS. #анимация #scss

Frosted Glass — панель для текста в виде замерзшего стекла. Реализована с помощью SCSS. #анимация #scss

Как найти работу в ИТ в 2023 году 📌 🔹Новый, секретный канал с актуальными ИТ вакансиями; 🔹Ежедневные свежие публикации и вакансии от наших партнеров; 🔹Вакансии для Junior специалистов, стажировка. Secret IT Jobs – ИТ вакансии для своих. Присоединяйся к нам. Получить доступ к каналу

Auto Rotate Slider — анимированный слайдер с автоматической прокруткой. Реализован с помощью CSS и JavaScript. #анимация #css #js

A Pen by Michal — анимация "кляксы". Реализована с помощью CSS и JavaScript. #анимация #css #js

Frontend - разработчики долго пишут код Кроме подписчиков канала Front Helper. Тут всё уже готовое, просто бери и вставляй код! И, кстати, не забудь подписаться👀

Flowing Image — анимированная картинка с эффектом "размытия" и гайдом по созданию. Реализована с помощью SCSS и JavaScript. #анимация #scss #js

Blurred animated gradients — анимированный фон в виде градиента. Реализован с помощью SCSS. #анимация #scss

Зачем дизайнеру знать HTML и CSS? HTML и CSS — это языки, которые помогают разработчикам превращать макет в код. Дизайнеру они помогают упрощать работу: ◾️понимать разработчиков, уточнять детали и договариваться; ◾️делать базовую вёрстку, чтобы объяснить команде, каким должен быть финальный результат; ◾️понимать, какую идею можно воплотить, а какую — нет; А ещё можно брать интересные проекты, расти на работе или подрабатывать на фрилансе. Навыки вёрстки помогут увеличить свою стоимость на рынке труда. Разобраться в основах вёрстки можно на курсе Практикума. Научитесь писать код на HTML и CSS, чтобы сверстать сайт с медиаконтентом, адаптивный сайт с разными цветовыми темами из видео и еще 5 проектов для портфолио. → Записаться в первый поток курса

Crowd Simulator — анимированный генератор толпы. Реализован с помощью CSS и JavaScript. #анимация #css #js

CSS Light Sphere — анимация в виде неоновой сферы. Реализована с помощью чистого CSS. #анимация #css

Кто такой дизайнер разговорных интерфейсов и как им стать? Мы уже давно живем в мире технологий из фильмов про будущее, нам помогают умные боты и харизматичные голосовые помощники. Но как создать интересную собеседницу или вежливого помощника, который понимает с полуслова? На вебинаре Яндекс Практикума «Кто такой дизайнер разговорных интерфейсов и как им стать?» спикер Ира Степанова – аналитик разговорных интерфейсов в отделе лингвистики Just AI, лид гильдии CUI дизайнеров расскажет вам: - кто такие дизайнеры разговорных интерфейсов и как их еще называют на рынке; - какие тренды существуют на AI рынке: каких ботов делают кто, какие компании, зачем и чьими руками; - какая роль дизайнера ботов в этих трендах. Мы обсудим, какие навыки нужны, чтобы стать дизайнером разговорных интерфейсов и получить работу. Расскажем и покажем как дизайнеры и аналитики делают сценарии ботов. Ссылка для регистрации

Text Animation — анимированный текст. Реализован с помощью SCSS и Pug. #анимация #scss

Navigation PageDesign/Lesson — анимированная страница с навигацией. Реализована с помощью CSS, Pug и JavaScript. #анимация #css #js