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

Верстаешь без подписки на Frontend Formula?  Фатальная ошибка! Frontend Formula - мощный ускоритель профессионального роста На нас подписаны тысячи разработчиков разного уровня, для каждого из которых у нас есть полезные статьи, передовые инструменты, обзоры свежих библиотек, упражнения для отточки знаний Подписывайся и расти с нами!

CodePenChallenge: Round — анимированная сцена с вращающимися фигурами. Реализована с помощью SCSS, SVG и TypeScript. #анимация #scss #svg #js

CSS Marquee Logo Wall — анимированная стена логотипов. Реализована с помощью SVG, CSS и JavaScript. #анимация #css #svg #js

💡 JavaScript человеческим языком. Канал будет полезен:  ✓  начинающим верстальщикам,  ✓  фронтенд-разработчикам, ✓  людям, которые изучают JavaScript. Подписывайся и повысь свой чек за работу 👇

Progress Button — анимированная кнопка с отображением прогресса. Реализована с помощью SCSS, SVG и JavaScript. #анимация #scss #svg #js

Pizza Loader — загрузка в виде анимированной пиццы. Реализованная с помощью CSS, SVG и JavaScript. #анимация #css #svg #js

Что дают тебе знания по вёрстке сайтов? - Высокооплачиваемые заказы на фрилансе - Стабильную работу в именитой компании - Постоянную актуальность своей сферы Но как стать достаточно компетентным верстальщиком?🤔 Подписавшись на этот канал, ты получишь бесплатный доступ к полезнейшим урокам и советам от опытного верстальщика: • CSS, JS и HTML • Статьи, советы и примеры работ • Практические знания по заработку на фрилансе Подписывайся, канал будет полезен разработчикам любого уровня - @free_html_lessons

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

Rotating border 3 — анимированная рамка для объектов. Реализована с помощью SCSS. #анимация #scss

Анимируй — канал с готовыми анимациями для сайтов. ✅ Только проверенные варианты, без ошибок в коде и лишних скриптов: * hover эффекты для ссылок и карточек; * анимированный фон; * анимация загрузки и др. 👇🏼 Переходите, выбирайте подходящую анимацию, нажимайте кнопку "Получить код" и забирайте к себе на сайт.

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

Moon/Sun Clip — интересная реализация переключения светлой и темной темы. Реализована с помощью CSS и JavaScript #анимация #css #js

Как я стал фронтендером 1. Смотрел уроки на ютубе 2. Делал портфолио на гитхаб 3. Начал читать Frontend || Vollex Frontend Vollex выжимает воду из курсов, книг, видеоуроков и заботливо делится самым главным. Гайды, готовый код, тесты и никакой копипасты. Вы знаете, что делать: @vollex_frontend

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

Bongo Cat Codes #2 — весёлый котик пишет код. Анимация зацикливания реализована с помощью GSAP и DrawSVGPlugin. #gsap #javascript

Pixel gradient — завораживающая фоновая анимация пиксельного градиента, реализованная с помощью JavaScript. #javascript

Paper Cut Text Effect — текст с эффектом вырезки из бумаги. Реализован с помощью JavaScript-библиотеки React. Анимация реализована с помощью CSS. #javascript #css #react

404 Concept Page — анимация адаптивной страницы ошибки 404 на чистом CSS. #css

Particle.js — Частицы на three.js с возможностью настроек вариантов отображения с помощью dat-gui #css #html #javascript

Почему важно всегда улучшать код, над которым работаешь? И какое идеальное количество входных параметров для функции? В статье «Как написать чистый код и сделать жизнь проще» технический директор в Газпромбанке Максим Морев описывает принципы чистого кода и делится практическими советами, как его написать. Кстати, эта статья первая в серии материалов про код — дальше разберем конкретные кейсы, как делать надо и не надо. Читай по ссылке — https://vk.cc/cpoI49