— Насколько хорошо вы умеете работать с CSS?
— Настолько, что рисую на CSS картины.
— Что?
— Что?

Целый аккаунт с похожими работами: https://twitter.com/asyrafhussin4

#css @tproger_web


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

​​🫣INP: что это и зачем с этим работать

В этой статье я расскажу, что такое INP и как работать с новой метрикой.

Читать...


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

Sunrise over still lake

Восход солнца, выполненный с помощью SCSS, без использования JavaScript

https://codepen.io/pehaa/pen/yLVeLNg


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

🐙 Awesome Design Patterns – список паттернов проектирования для разных языков программирования и фреймворков, а также советы по работе с облачной архитектурой и микросервисами.

Сайтодел | #репозиторий #github


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

Magnetic

В этом видео создается анимированный фон из элементов, положение которых изменяется при помощи JS и зависит от положения курсора.

👉 @seniorFront


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

​​Какой инструмент для сборки лучше: Webpack или vite?

Кто-то хоронит Webpack. Кто-то говорит, что он как PHP — ещё долго будет поддерживаться, и что его точно стоит учить хотя бы на всякий случай.

Какие инструменты для сборки сейчас в топе? Что уже можно учить новичку, а что лучше обойти стороной? Какие есть достойные альтернативы Wepack сегодня и есть ли они вообще?

@tproger_web #обсуждение


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

​​🚀Базовые принципы UX для frontend-разработчика

В этой статье вы узнаете о базовых принципах UX для frontend-разработчиков, таких как использование цветов, создание фидбэка, различие видов кнопок, выбор стиля и размера текста, организация вертикального ритма, детализация страницы и применение паттернов чтения Z и F.

Читать...


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

This is a daily stats digest!
Today the bot processed: 11 messages
Today you received: 8 messages
Our filtering prevented you from: 3 messages

Top 3 source channels:
Senior Frontend - javascript, html, css: 4 message(s)
Frontender's notes [ru]: 3 message(s)
Веб-страница: 2 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

‼️Всем кодерам посвящается‼️

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

🪩Расставь приоритеты, добавь лёгкости в свою работу и становись лучше с @code_ready


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

Профессиональная деформация


Original post link: t.me/ithumor/10972
Forwarded and filtered by @smartfeed_bot

💾 CSS-Only Shimmering Neon Text – эффект для текста с анимированной подсветкой и цветовым градиентом, написанный на чистом CSS.

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


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

👉 @seniorFront


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

​​👿className убивает ваш UI kit

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

Читать...


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

Деструктуризация псевдонимов

Деструктуризация — довольно приятное дополнение в JavaScript, так как иногда предпочтительно ссылаться на свойства под другим именем, и можно использовать псевдонимы.


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

​​Роадмап по фронтенду на 2024: сравнение 2017 vs 2021 vs 2024. Что действительно должен знать джун сегодня?

Интересное видео, в котором автор сравнил разные требования для джунов во фронтенде за последние 7 лет: https://www.youtube.com/watch?v=OKiZ4kA0KyU

@tproger_web #начинающим


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

3D Cover Flow

Создано на React и стилизовано в SCSS. Логики поворота карточки и переключения слайдов реализованы в JS коде.

👉 @seniorFront


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

​​👀Как проверить локаторы с помощью Playwright

В этой статье мы поговорим о том, что можно проверить у локатора (элемента) и какие вообще есть возможности проверок.

Читать...


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

🎨 Цветовая палитра макета "Sleep Time App"

HEX | RGB
#FBE7E8 | rgb(251,231,232)
#E7A3A9 | rgb(231,163,169)
#CE525D | rgb(206,82,93)

⚠️ Цвет копируется одним кликом!

Сайтодел | #палитра


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

Notification Icon + Micro Interaction

Создано и анимировано на HTML и CSS.

👉 @seniorFront


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

В Telegram появился бесплатный бот с нейронками ChatGPT, Midjourney и Stable Diffusion

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

Протестировали бота админы канала «YoBooster». Они выкладывают шаблоны промтов и объясняют, что в них важно поменять, чтобы получить нужный результат со 2-3 раза.

👉Сам бот

Подписывайся, чтобы быть эффективнее других благодаря нейросетям: @YoBooster_rus


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

💾 80s Music Facts – страница с плеером и анимированными карточками. Если навести курсор на фото, оно приблизится с небольшим поворотом вправо.

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


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