Полезная вЁрстка
8.9K subscribers
44 photos
13 videos
16 files
35 links
Канал про вёрстку. Готовые решения повседневных задач с которыми сталкиваются верстальщики и фронтендеры.

Пригласить друга: @code_advantage

Сотрудничество: @noname_media

Канал на бирже: telega.in/channels/+nSuZ30BALUg1Zjdi/card?r=Wj7h1mbl

№ 4953335238
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация

Необычная canvas анимация, которая может стать изюминкой вашего проекта.

#canvas #animation
👍13🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
Кнопка

Оригинальная кнопка загрузки с красивой анимацией. Под капотом GSAP и немного магии.

#gsap #css
🔥10👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Тимлид по секрету показал мне свои закладки

Там столько полезного, что я не удержался и выкладываю все это добро на своем канале.

Подпишись на канал и посмотри 👇
👍2🔥21
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация текста

Красивая анимация текста при наведении, которая станет фишкой вашего портфолио или сайта вашего клиента.

#gsap #css
🔥9👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Random Password Generator - генератор случайных паролей. Реализован с помощью HTML, CSS и JS.

#js #css
👍6🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Sense of depth - реализация объёма с помощью css-свойства clip-path.

#css #анимация
🔥9👍7
This media is not supported in your browser
VIEW IN TELEGRAM
Image slider with multiple controls - адаптивный слайдер с автопрокруткой и несколькими элементами управления. Реализован с помощью HTML, CSS и JavaScript.

#css #javascript
👍8🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
Profile Card Hover Effect - эффект увеличения изображения карточки при наведении. Реализован на чистом CSS.

#css
🔥18👍12
This media is not supported in your browser
VIEW IN TELEGRAM
Hideaway - эффект перелистывания бумаги. Реализовано с помощью CSS-свойства clip-path
и серединного перпендикуляра.

#css #javascript
🔥8👍5
This media is not supported in your browser
VIEW IN TELEGRAM
Glowing buttons - светящиеся при наведении кнопки на чистом CSS.

#css
👍22🔥73
This media is not supported in your browser
VIEW IN TELEGRAM
Folding Ticket Detail - складной билет, реализованный с помощью React.

#react
👍24🔥7👎1
This media is not supported in your browser
VIEW IN TELEGRAM
Magnetic button animation - кнопки-магниты, при наведении примагничиваются к курсору. Анимация реализована с помощью JS.

#css #javascript
🔥5👍3
This media is not supported in your browser
VIEW IN TELEGRAM
To Do List UI - пользовательский интерфейс списка дел, написанный на Vue.js.

#vue #javascript
👍7
Хочешь знать основные языки программирования?

Подписывайся на канал Simple code.

Там тебя ждут ежедневные посты по разным языкам: JavaScript, C#, C++, Python, Java.
This media is not supported in your browser
VIEW IN TELEGRAM
Tetradic radial-background generator - генератор радиального фона с применением прямоугольной схемы цветов.

#css #javascript
👍11🔥21
Ты знаешь сколько получает Middle Python разработчик в России?
От 120 000 рублей!

Подписывайся на канал Python заметки и стань мидлом за считанные недели абсолютно бесплатно!

Эксклюзивный и актуальный материал, а также тесты по современному Python каждый день.

Расширяй свои знания с нами!
👍1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
SVG Hamburger Menu Icon Animation Collection - коллекция SVG-иконок для меню-гамбургеров. Анимация реализована с помощью JavaScript.

#javascript
👍16🔥8
This media is not supported in your browser
VIEW IN TELEGRAM
Rolling Radio Buttons - прокручивающиеся radio-кнопки. Реализованы с помощью HTML, CSS и JS.

#css #javascript
👍9🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
TOASTS - всплывающие уведомления: информационное, предупреждающее уведомления и уведомление об успехе. Уведомления реализованы с помощью HTML, CSS и JS.

#css #javascript
👍14🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Parallax Photo Carousel — круговой слайдер фотографий с параллакс-эффектом. Реализован с помощью GSAP и ZeptoJS.

#css #javascript #gsap
👍11🔥7