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

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

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

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

№ 4953335238
Download Telegram
About
Blog
Apps
Platform
Join
Полезная вЁрстка
8.06K subscribers
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
Thinking about SVG-preloaders — 4 варианта анимации загрузки. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
👍3
2.31K views
👉 CodePen
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
‼️Всем кодера посвящается‼️

Code Ready — полезные ресурсы, шпаргалки, проекты на GitHub, разработка веб-приложений, и многое другое для твоих проектов, сразу с готовым кодом, и примером их использования.

🪩 Расставь приоритеты, добавь лёгкости в свою работу и становись лучше с @code_ready
Please open Telegram to view this post
VIEW IN TELEGRAM
2.32K views
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
No JS Carousel POC — карусель с фото с возможностью переключения при помощи кнопок. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
👍3👎3❤1🔥1
2.34K views
👉 CodePen
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
Color Compare Range Slider — слайдер со сравнением разных цветов на фото. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
👍2🔥2❤1
2.46K views
👉 CodePen
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
Racing Loader — прелоадер. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
👍6
2.36K views
👉 CodePen
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
Charming brew — зелье любви. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
🔥4
2.41K views
👉 CodePen
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
Windows Preloader  —  анимация загрузки Windows. Реализована с помощью CSS

#анимация #css
👍5👎3
2.45K views
👉 CodePen
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
Atom Loading  —  анимация загрузки в виде атома. Реализована с помощью CSS

#анимация #css
👍4
2.45K views
👉 CodePen
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
Calculator  —  калькулятор в стиле глассморфизма. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
👍1🔥1
2.45K views
👉 CodePen
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
Cities Slider — анимация название городов. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
👍1🔥1
2.41K views
👉 CodePen
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
Settings — вкладка информации. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
👍4
2.36K views
👉 CodePen
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
Responsive Landing Page | ScrollReveal & Tiny Slider — страница с множеством анимированных элементов. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
❤1👍1
2.22K views
👉 CodePen
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
Password Indicator — анимированная панель для ввода пароля с индикацией. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
❤1👍1
2.22K views
👉 CodePen
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
Neumorphic Slider | The Famous Paintings — слайдер. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
👍2
2.29K views
👉 CodePen
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
Claymorphic heart — откликается на клик. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
👍2
2.33K views
👉 CodePen
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
Interior Design — сайт. Реализована с помощью CSS и JavaScript

#анимация #css #javascript
👍3
2.4K views
👉 CodePen
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
Meeting Point — загрузка. Реализована с помощью CSS

#анимация #css
👍2
2.16K views
👉 CodePen
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
ERROR — анимированное окно с ошибкой. Реализовано с помощью CSS, SVG и JavaScript.

#анимация #css #svg
👍1
2.16K views
👉 CodePen
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
heart — анимация в виде вращающегося сердца. Реализованная с помощью CSS и JavaScript.

#анимация #css #javascript
2.09K views
👉 CodePen
Полезная вЁрстка
This media is not supported in your browser
VIEW IN TELEGRAM
2kb total size SVG animation — сцена с абстрактным анимированным фоном. Реализованная с помощью CSS и SVG.

#анимация #css #svg
2.15K views
👉 CodePen