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

​Нашли ещё один отличный значок загрузки для сайта.

Кто-нибудь знает, как найти codepen проекта?


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

​​😎Лонгрид о JavaScript

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

Читать...


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

​​Насколько потолстел JavaScript к 2024 году?

Интересная статистика по популярным сайтам и их отношению к оптимизации JS-бандлов: https://habr.com/ru/companies/ruvds/articles/796595/

@tproger_web #javascript


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

​​🚀Представляем Firebolt: Продуктивный React фреймворк

В этой статье автор расскажет о новом фреймворке для React под названием Firebolt, который представлен как продуктивный инструмент для создания веб-приложений.

Читать...


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

История одного хакатона, на котором 6 фронтендеров и один бэкенд-разработчик написали игру за 24 часа на JavaScript + Node.js + Soket.io.

https://habr.com/ru/post/684480/


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

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

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

Scroll Animation Effects for Website

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

👉 @seniorFront


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

​​Составили для вас тест на знание Рунета

Постарались подобрать неочевидные вопросы, ответы на которые должен помнить только настоящий олд. Пройдите тест, а мы по результату попытаемся угадать дату вашего рождения: https://tproger.ru/articles/runet-2000

Что еще помните о том времени?

@tproger_web #тесты


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

✍️ Roghiska – элегантный шрифт с засечками, который подойдет для логотипов, а также для названий брендов, журналов, книг и фильмов. Пример шрифта есть в макете Modern E-Commerce UI Kit

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


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

​​🧐Почему реактивность без VDOM (с реальным DOM) лучше, чем реактивность с VDOM?

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

Читать...


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

Splashed Toast Notifications

Создано и анимировано на чистом CSS. Каждый элемент - это чекбокс, при активации которого задействуются определенные стили.

👉 @seniorFront


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

1's, 0's and wildcards

Вам дана строка, содержащая нули, единицы и один или более '?', где '?' - это подстановочный знак, который может быть 0 или 1.
Верните массив, содержащий все возможные значения, которые можно получить, заменяя '?' нулём или единицей.

Пример:
'101?' -> ['1010', '1011']
'1?1?' -> ['1010', '1110', '1011', '1111']

👉 @seniorFront


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