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

Confirm confetti button - кнопки с анимацией вылета конфетти при клике. Анимация реализована с помощью GSAP и Physics2DPlugin. #кнопки #button #confetti #gsap #javascript

Pricing - карточки прайса на чистом CSS с динамической заменой изображения, цвета текста и кнопки при выборе того или иного прайса. #карточки #card #pricing #css

Компуктерная теперь в Telegram! Даже для опытного пользователя компьютер, как океан - изучен менее чем на 7% Например, знаете ли вы, что есть программы, которые могут ускорить ваш ПК на 90%? А умеете ли вы прятать файлы в картинку и делать "невидимые ярлыки"? Тысячи крутых фишек вы можете найти по ссылке 👇 https://t.me/+TDlpP_bnXQ0yNTBi

Shopping UI - пользовательский интерфейс карточки товаров и карточки корзины, реализованный с помощью Vue и axios, анимация - с помощью GSAP. #карточки #card #shopping #ui #Vue #gsap #axios

Navigation - меню навигации, которая реализовано с помощью HTML, CSS и JS. Анимация реализована с помощью GSAP. #навигация #navigation #javascript #gsap

Разрабатываешь сайты в Visual Studio Code и еще не подписан на VSCoder? Срочно исправляй! Visual Studio Code — это оптимизированный редактор кода с поддержкой таких операций разработки, как отладка, выполнение задач и контроль версий. Имеет множество плагинов, которые собраны у нас на канале!

Link hover animation - анимация SVG-элемента при наведения на ссылку на чистом CSS. #анимация #hover #animation #css

CSS leaning card effect - CSS-эффект наклонных карт на чистом CSS. #карточки #card #leaning #css

Clipped Image Reveal on Hover - при наведении курсора на текст появляется изображение. Использованы HTML, CSS и JS. #наведение #hover #css #javascript

Placeholders - пример реализации позиционирования подписей к инпутам формы при фокусе на чистом CSS. #плейсхолдеры #placeholder #css

Не очень комфортно заниматься сексом, когда твой телефон прослушивает Google 🤷 Или писать личную СМСку, когда каждое слово видит клавиатурный шпион. Приватности больше нет. Крупные поисковики в открытую залазят к нам в трусы ради прибыли, и только 5-10% пользователей знают, как этому противопостоять. Для тех, кому не наплевать на свою безопасность в сети, есть канал «Отдел К». Как понять, что ваш смартфон хотели взломать? Какие 3 настройки отключить, чтобы избавиться от прослушки? Как по любому сообщению узнать точное гео собеседника? Осторожно, после подписки вам захочется удалить все соцсети: @cyber_cab

Liquid loader - "жидкий" прелоадер, реализован из SVG-элементов с анимацией на чистом CSS. #прелоадер #preloader #css

Card Hover Interactions - адаптивные карточки с необычным взаимодействием при наведении на чистом CSS. #карточки #card #hover #css

Как стать уверенным разработчиком на главном языке, работающем в браузере?  Например, записаться на курс по Frontend-разработке от Хекслета. Курс поможет освоить JavaScript, HTML и CSS, фреймворки React+Redux Toolkit и сопутствующую инфраструктуру на реальных кейсах, а еще наполнить портфолио готовыми веб-приложениями. На Хекслете курс спроектирован так, что его невозможно просто «отсидеть» или «прослушать». Именно поэтому студенты могут получить оффер ещё во время обучения, а некоторые работодатели указывают их курсы как преимущество при найме. Узнайте подробнее о программе курса!

Holiday Feature Folding Cards - карточки в виде открыток с контентом внутри на чистом CSS. #карточки #card #folding #css

Feedback Reactions - живые реакции обратной связи в виде лиц из SVG-элементов. Анимация реализована с помощью CSS. #фидбэк #feedback #reaction #css #javascript

IT-Academy теперь в Telegram! — Самый популярный IT ресурс в телеграме. Только проверенные курсы, видеоуроки, сервисы и инструменты. Подать заявку: @it_academy

Neuomorphic Checkboxes - чекбоксы в стиле неомофизма на чистом CSS. #чекбоксы #neuomorphic #checkbox

Paper plane button - кнопка с анимацией превращения в бумажный самолётик после успешной отправки данных. Анимация реализована с помощью GSAP. #кнопки #button #animation #GSAP

Neomorphic Form - форма в стиле неоморфизма на чистом CSS. #формы #form #neomorphic #css