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

⚡️Хочешь научиться создавать потрясающие сайты? Выбор успешного веб-разработчика: Готовые Html сайты — здесь представлены высококачественные и простые в использовании шаблоны, которые помогут вам в кратчайшие сроки создать свой сайт. Макеты дурова — это канал, где собрана огромная библиотека HTML макетов для вашего портфолио. Дизайн ЦЕХ Figma — кладовая полезных ресурсов, в котором вы сможете найти бесплатные макеты, иконки, мокапы и многое другое!

Custom Tooltip — небольшое меню с эффектом при наведении на кнопки. Реализовано с помощью CSS и SVG. #анимация #css #svg

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

1️⃣2️⃣3️⃣4️⃣ — Лучший канал по ФРОНТЕНДУ. Готовый код, статьи по фронтенду и макеты для верстки. Все это было собрано в одном Telegram канале. ➖ Почему некоторые разработчики ругают вёрстку на «div» ➖ 7 полезных HTML-тегов, про которые мало кто знает ➖ Готовый лендинг с Parallax-эффектом

Hyperspace Button Effect — анимированная кнопка. Реализована с помощью Pug, SCSS и JavaScript. #анимация #scss #js

Riddle challenge (hover the box!) — радужный квадрат с эффектом при наведении. Реализован с помощью CSS. #анимация #css

Glowing Dropdown — анимированное выпадающее меню. Реализовано с помощью SCSS и JavaScript. #анимация #scss #js

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

Library lamp — кнопка переключения в виде лампы с анимацией при нажатии. Реализована с помощью Sass и SVG. #анимация #css #svg

Button Animations | Galaxy Theme — кнопки с эффектом при наведении. Реализованы с помощью CSS. #анимация #css

В телеге появился канал, где платят за вёрстку макетов Figma. Нет, это не прикол. На канале каждый день публикуются макеты сайтов в Figma. Верстаешь их, сдаёшь и получаешь свои деньги. Подробности в закрепе. Залетай, пока не поздно!

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

Activity notification panel concept — анимированная кнопка-панель с уведомлениями. Реализована с помощью CSS и JavaScript. #анимация #css #js

Ispmanager наконец-то в Telegram! Если вы веб-разработчик или системный администатор, то наверняка слышали это название. В своём канале ребята пишут, как админить linux, создавать сайты, растить проекты, и про свою панель, которая помогает в этом. Переходите и подписывайтесь — @ispmanager.

Golden tinfoil-wrapped vanilla CSS candy — анимированная геометрическая фигура с эффектом 3D. Реализована с помощью CSS. #анимация #css

3D glass weather icons — анимированные иконки погоды. Реализованы с помощью SCSS и SVG. #анимация #scss #svg

Свершилось! В Telegram добавили бесплатный @ChatGPT4 Малый пример того, что может данный бот: -Решать математические задачи -Писать рефераты/рассказы/песни/стихи/статьи на любые темы -Создать резюме -Кодить и обучать кодингу -Объяснить любую тему -Шутить И многое другое! Возможности бота ограничены только вашей фантазией. Пользуйтесь и делитесь с друзьями! 👉🏻@ChatGPT

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

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

Glass Icon — "стеклянная "иконка. Реализована с помощью CSS. #css