Gradient Text Stroke Effects

В этом видео создается градиентный текст при помощи CSS background-clip со значением text.

👉 @seniorFront


Original post link: t.me/seniorFront/3841
Forwarded and filtered by @smartfeed_bot

​​😉Генерация API сайта на основе заданных пользователем функций

В этой статье вы узнаете о том, как можно генерировать API сайта на основе заданных пользователем функций.

Читать...


Original post link: t.me/frontendnoteschannel/3341
Forwarded and filtered by @smartfeed_bot

Animated Star Rating

Каждая звезда — это радио кнопка, при нажатии на которую задействуются свои CSS-стили.

https://codepen.io/jkantner/pen/BarvVNa


Original post link: t.me/senior_front/1876
Forwarded and filtered by @smartfeed_bot

This is a daily stats digest!
Today the bot processed: 7 messages
Today you received: 6 messages
Our filtering prevented you from: 1 messages

Top 3 source channels:
Frontender's notes [ru]: 3 message(s)
Senior Frontend - javascript, html, css: 2 message(s)
Веб-страница: 1 message(s)


React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report

👉 @seniorFront


Original post link: t.me/seniorFront/3842
Forwarded and filtered by @smartfeed_bot

💾 Hover Effect for Headers – восемь анимированных эффектов для заголовков слайдов. Некоторые из них влияют на отдельные буквы, а некоторые – на всё слово.

Сайтодел | #сниппет #css


Original post link: t.me/sitodel/1678
Forwarded and filtered by @smartfeed_bot

​​Беспощадные HR-ы...


Original post link: t.me/tproger_web/4398
Forwarded and filtered by @smartfeed_bot

Наши коллеги запустили канал-тренажёр для кодеров

Они ежедневно дают задачи на JavaScript, HTML, CSS, Python, Java. Объясняют решения и публикуют туториалы, как исправить сложные баги.

Там же вы лично узнаете мастодонтов российского фронтенда. Они часто пишут в комментариях, это отличный шанс познакомиться.

И это не всё — скоро розыгрыш подписок Telegram Premium 🎁

Чтобы участвовать, достаточно решить задачу с картинки:


Original post link: t.me/seniorFront/3844
Forwarded and filtered by @smartfeed_bot

​​👨‍💻Запросы, хуки и спагетти

В этой статье мы рассмотрим, как неправильное разделение ответственности может негативно сказаться на ваших компонентах, и какие подходы помогут избежать подобных проблем.

Читать...


Original post link: t.me/frontendnoteschannel/3349
Forwarded and filtered by @smartfeed_bot

Parallax Depth Cards

Реализовано на Vue. Поворот карточки реализован при помощи CSS трансформаций.

👉 @seniorFront


Original post link: t.me/seniorFront/3845
Forwarded and filtered by @smartfeed_bot

JavaScript. Что будет выведено в консоль?

Ответ


Original post link: t.me/senior_front/1877
Forwarded and filtered by @smartfeed_bot

This is a daily stats digest!
Today the bot processed: 15 messages
Today you received: 13 messages
Our filtering prevented you from: 2 messages

Top 3 source channels:
Frontender's notes [ru]: 8 message(s)
Senior Frontend - javascript, html, css: 4 message(s)
Сайтодел | GitHub, Макеты, Шрифты, JavaScript, Figma: 1 message(s)


React to posts with 👍, 👎, ❤️, or 🔥. Spot spam? Mark it with 🤬 or 💩. Your input is valuable!
Text t.me/OlegBEZb if you want to see something else in the daily report

Совместная разработка с GitVerse

Разработчики получили доступ к GitVerse – платформе для совместной разработки и хостинга кода от СберТеха. Сервис создан и размещен в России, поэтому работать с ним удобно, безопасно и надежно.

С GitVerse можно:

- создавать проекты с открытым и закрытым кодом;
- работать совместно и привлекать к проектам новых участников;
- проверять и комментировать код;
- переносить репозитории с популярных мировых Git-ресурсов в один клик;
- общаться с ИТ-сообществом, узнавать новости про open source (программное обеспечение с открытым исходным кодом).

Вся функциональность GitVerse доступна бесплатно.
Регистрируйтесь уже сейчас и откройте GitVerse в числе первых!


Original post link: t.me/frontendnoteschannel/3350
Forwarded and filtered by @smartfeed_bot

Masked SVG Loader

Это SVG картинка, анимированная в CSS.

👉 @seniorFront


Original post link: t.me/seniorFront/3846
Forwarded and filtered by @smartfeed_bot

​Old but gold: 8 CSS-проектов, демонстрирующих мощь теневых эффектов

Настроить тени в CSS сегодня проще простого: одна строчка и тень готова. Но можно пойти дальше и сделать тень не просто элементом дизайна, но и фичей, добавив анимацию и некоторые хитрости.

В этой статье собрали 8 проектов, которые демонстрируют разные возможности теней и необычные вариаты применения: https://speckyboy.com/css-snippets-shadow-effects/

#css #codepen


Original post link: t.me/tproger_web/4399
Forwarded and filtered by @smartfeed_bot