Уже доступно! Исследование Telegram 2025 — ключевые инсайты года 
Полезная вЁрстка
Открыть в Telegram
Канал про вёрстку. Готовые решения повседневных задач с которыми сталкиваются верстальщики и фронтендеры. Пригласить друга: @code_advantage Сотрудничество: @noname_media Канал на бирже: telega.in/channels/+nSuZ30BALUg1Zjdi/card?r=Wj7h1mbl № 4953335238
Больше8 069
Подписчики
-424 часа
-227 дней
-9730 день
Архив постов
8 069
Google button click effect — кнопка с эффектом при нажатии как у Google. Реализована с помощью SCSS и JavaScript.
#анимация #scss #js
8 069
Realistic Red Switch — реалистичная кнопка включения/выключения. Реализованы с помощью Pug и SCSS.
#анимация #scss
8 069
Magnetic Hover Interaction — иконки социальных сетей с эффектом при наведении. Реализованы с помощью SCSS и JavaScript.
#анимация #scss #js
8 069
Social Media Icons with Popups — иконки социальных сетей с эффектом при наведении. Реализованы с помощью CSS.
#анимация #css
8 069
Progress Button — анимированная кнопка с отображением прогресса. Реализована с помощью SCSS, SVG и JavaScript.
#анимация #scss #svg #js
8 069
Download progress animation — анимированная кнопка "скачать". Реализована с помощью SCSS, SVG и JavaScript.
#анимация #scss #svg #js
8 069
CSS Minimal Dark Mode Toggle Button — переключатель темной темы в стиле минимализма. Реализован с помощью SCSS и SVG.
#анимация #scss #svg
8 069
Split Card Hover Effect — анимированная кнопка с эффектом конфетти при нажатии. Реализована с помощью SCSS, SVG и JavaScript.
#анимация #scss #svg #js
8 069
Split Card Hover Effect — карточки с эффектом при наведении. Реализованы с помощью SCSS, Pug и JavaScript.
#анимация #scss #js
8 069
Context menu with Feather icons — стилизованное контекстное меню. Реализовано с помощью SCSS и JavaScript.
#анимация #scss #js
8 069
Smash to submit button — интересное исполнение кнопки "подписаться". Реализовано с помощью SCSS, SVG и JavaScript.
#анимация #scss #svg #js
8 069
WebGL Apple Cards — анимированные карточки с эффектом при наведении. Реализованы с помощью CSS и JavaScript.
#анимация #css #js
8 069
👩💻👩💻👩💻👩💻👩💻👩💻👩💻👩💻👩💻👩💻👩💻
Сливаем вам базу с курсами и книгами от известных онлайн школ по Frontend:
(23 ГБ) — Основы веба
(46 ГБ) — HTML/CSS/Верстка
(53 ГБ) — JavaScript
(31 ГБ) — React
(17 ГБ) — TypeScript
(33 ГБ) — Vue / Angular / Svelte
(56 ГБ) — Webpack / Vite / Git
(43 ГБ) — Next.js / Nuxt.js
(68 ГБ) — Figma и Веб-дизайн
(76 ГБ) — Анимации и UI/UX
(44 ГБ) — WordPress
(37 ГБ) — Архитектура фронтенда
(21 ГБ) — Тестирование фронта
Скачивать ничего не нужно — все выложили в Telegram
8 069
Let there be light — анимированный переключатель темной темы. Реализован с помощью CSS, SVG и JavaScript.
#анимация #css #svg #js
8 069
Card hover effect — карточки с эффектом при наведении. Реализованы с помощью SCSS, SVG и JavaScript.
#анимация #scss #svg #js
8 069
animated Mini Photo Gallery — анимированная мини-галерея. Реализован с помощью CSS.
#анимация #css
8 069
Cascading CSS Text Effects — Большой набор эффектов для текста. Реализован с помощью CSS и JavaScript.
#анимация #css #javascript
8 069
Interactive Liquid Footer (just divs) — Интерактивный подвал в виде волны для вашего сайта. Реализован с помощью CSS и JavaScript.
#анимация #css #javascript
8 069
Bird and text parallax — Прокрутка страницы с эффектом параллакса и движения объектов. Реализовано с помощью чистого CSS.
#анимация #css
8 069
+8
⚡️ Frontend теперь в Telegram!
Ребята создали крутейший канал, где на простых картинках и понятном языке обучают фронтенду, делятся полезными инструментами и фишками
Подписывайтесь: @FrontendPortal
