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

Как набить портфолио, чтобы все пускали слюни?🤤 Специально для тебя подборка телеграмм каналов от успешного веб-разработчика: Готовые Html сайты — здесь представлены высококачественные и простые в использовании шаблоны, которые помогут вам в кратчайшие сроки создать свой сайт. Макеты дурова — это канал, где собрана огромная библиотека HTML макетов для вашего портфолио. Дизайн ЦЕХ Figma — кладовая полезных ресурсов, в котором вы сможете найти бесплатные макеты, иконки, мокапы и многое другое! Анимация в CSS — это новый канал с крутыми и полезными фичами для вашего сайта: готовый код на css и javascript, который можно вставить в проект. Не тяни, подписывайся! 🔥

Alpine slider — слайдер для карточек. Реализован с помощью SCSS. #анимация #scss

Morphing Submit Button — анимированная кнопка подтверждения. Реализована с помощью CSS, SVG и JavaScript. #анимация #css #svg #js

3D Scrolling Gallery/Timeline — объемная галерея с появлением при прокрутке. Реализована с помощью CSS, SVG и JavaScript. #анимация #css #svg #js

Falling Words — интерактивная страница с "падающими" словами. Реализована с помощью CSS и JavaScript. #анимация #css #js

minimal svg quadratic waves — анимированные волны. Реализованы с помощью SCSS и SVG. #анимация #scss #svg

The Cube of Cubes! — анимация куба распадающегося на более мелкие кубы. Реализована с помощью SCSS. #анимация #scss

triangles — square — анимированные геометрические фигуры. Реализованы с помощью SCSS. #анимация #scss

3D Sphere with filling animation — анимация заполнения 3D сфер. Реализована с помощью CSS. #анимация #css

Area Light — подсвеченная область. Реализована с помощью CSS. #css

Share Button — анимированная кнопка "поделиться". Реализована с помощью CSS и JavaScript. #анимация #css #js

Pokeball — просто покебол. Реализован с помощью CSS. #css

Just code, no images: soft round buttons — кнопки с эффектом при наведении. Реализованы с помощью SCSS и Pub. #анимация #scss

CSS Only Stopwatch — простой секундомер. Реализован с помощью CSS. #анимация #css

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

Записывайтесь на курс от Хекслета, пройдите 5 бесплатных уроков профессии и получитескидку 10% на курс! Мы заинтересованы в успешном трудоустройстве наших студентов — гарантируем стажировки от компаний-партнеров и участие в Карьерном треке. Вернем деньги, если после учебы не получилось найти работу🔝 На профессии «Фронтенд-разработчик» вы за 10 месяцев: изучите JavaScript в связке с HTML и CSS и освоите React, решите более 420 задач в браузере и создадите 4 проекта для портфолио на GitHub и выполните 150 тестовых заданий от наших партнёров, научитесь работать с чужим кодом и оформлять пул-реквесты в Open Source проектах. Оцените формат и решите, стоит ли продолжать! Вводные ознакомительные курсы профессии доступны бесплатно сразу после регистрации! —> https://ru.hexlet.io/link/tg0Bfs

Glowing On/Off Buttons — анимированная кнопка включения с эффектом свечения. Реализована с помощью CSS, SVG и JavaScript. #анимация #css #svg #js

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

У меня достаточно опыта для этой вакансии? А я точно хорошо готов к собеседованию? Чтобы вы больше не мучали себя подобными вопросами, мы подготовили тест, который поможет оценить шансы на трудоустройство в IT. 5 минут вашего времени — и вот вы уже знаете свои зоны роста. Всем, кто прошел — даем крутые материалы бесплатно. Они уже ждут в конце теста 😉

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