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

Практикум разработал бесплатный мини-курс по веб-дизайну. Это интенсивная программа для тех, кто хочет сделать веб-дизайн своей профессией. За 5 дней вы изучите основы дизайна и сделаете макет лендинга для портфолио. Вот что будет на курсе: — теория по композиции, шрифтам и цветам; — базовые функции конструктора сайтов Tilda; — живые воркшопы с наставниками-практиками, которые разберут работы и дадут карьерные советы; — общий чат экспертом и другими начинающими дизайнерами. В конце участники получат скидку на курсы Практикума и другие подарки. Сделайте первый шаг к карьере дизайнера →

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

Typography Poster — постер для типографии. Реализован с помощью CSS. #css

Не знаете, как оформить свой будущий сайт и не хотите его верстать? Тогда вам сюда. Здесь собрана огромная библиотека разнообразных HTML макетов для вашего портфолио. Порадуйте ваших пользователей красивым оформлением. Зашли – сохранили – сразу применили в своём проекте. ㅤ 👉 Макеты дурова

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

you've been... — анимированный баннер с текстом. Реализован с помощью CSS. #анимация #css

Вы ищете готовые HTML шаблоны сайтов? На канале @maket_html огромный выбор профессиональных, современных дизайнов, которые идеально подходят для любого проекта. Перейдите по ссылке и получите доступ к эксклюзивным шаблонам. Чего вы ждете? Подпишитесь сейчас! 💻

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

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

Есть отличный способ получить крутую профессию в IT совершенно бесплатно. 22 февраля HTML Academy исполняется 11 лет и в честь этого они приглашают на марафон «Погружение в веб-разработку за 5 дней». Это значит 5 дней доступа к крутым тренажерам по веб-разработке и пробным курсам. Но самое главное — призы Вы можете получить профессию «Фронтенд-разработчик». Обучение для победителя — 119 000 рублей бесплатно.  Марафон — это шанс выиграть бесплатное обучение на профессии «Фронтенд-разработчик», пробный доступ к курсам и другие призы. Пройдите не менее 50% программы марафона для участия в розыгрыше. Каждому участнику Академия дарит гарантированные скидки. Записывайся

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

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

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

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

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

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

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

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

Лучший источник макетов для практики верстки Макеты для верстки — канал, где собраны уникальные примеры реальных макетов в Figma, которые заказчики присылают на вёрстку

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