15 Incrementing Counter

Анимировано в CSS. Логика изменения цифр реализована в JS.

👉 @seniorFront


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

на связи админ, я прикрутил в бота GPT 4. один день бесплатно, дальше цена в 3 раза ниже чем у официалов. пользуйтесь: t.me/Gpt4_NeuroBot?start=4


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

​​📂Загрузчик файлов для React

В этой статье мы напишем drag-and-drop загрузчик файлов для React приложения с помощью Context, подхода Compound components и нескольких кастомных хуков.

Читать...


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

💾 Star Trails With Options – эффект блестящих звездочек для курсора. Он имеет три варианта: с гравитацией (частицы летят вниз), без гравитации и постепенное затухание.

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


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

Toast Notification

Уведомления, созданные на HTML, CSS и JS.

👉 @seniorFront


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

Служба поддержки Docker сообщает, что 25 апреля кто-то получил несанкционированный доступ к одной из баз данных Docker Hub. Это официальный репозиторий для хранения Docker-контейнеров.

Неизвестные могли выгрузить имена и хеши паролей 190 тысяч пользователей, а также ключи доступа к GitHub и Bitbucket для автосборки образов контейнеров. У пользователей Automated Builds, которых затронул инцидент, специалисты Docker отозвали токены и ключи доступа. Им нужно будет заново подключить аккаунты GitHub и Bitbucket.

Docker рекомендует сменить пароли и проверить свои аккаунты на GitHub и Bitbucket на предмет подозрительной активности.

Подробнее на ZDNet: https://tprg.ru/BJki


Original post link: t.me/your_tech/9166
Forwarded and filtered by @smartfeed_bot

Разработчик фронтенда в HR Tech
Яндекс
Москва/Санкт-Петербург
гибрид
middle, senior, team lead

Что нужно делать
- развивать и поддерживать один или несколько сервисов;
- улучшать инфраструктуру, стабильность и скорость сервисов;
- разрабатывать десктопные и мобильные версии сервисов, участвовать в ревью кода и обсуждении технических решений;
- взаимодействовать со смежными командами.

Мы ждем, что вы
- работали с TypeScript и React не меньше двух лет;
- пишете эффективный и понятный код;
- способны объяснять свои решения и договариваться с коллегами;
- внимательны к пожеланиям и проблемам пользователей;
- самостоятельны и готовы работать в команде.

Будет плюсом, если вы
- работали с Node.js, NestJS, Effector, Redux, Docker.

Откликнуться
Для связи в тг @maslova_y94


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

​​5 новых функций CSS, которые вы обязаны знать в 2024 году

Рассказали о 5 новых функциях в CSS: о cелекторе :has(), запросах к контейнерам, вложенности CSS, text-wrap:balance и :focus-visible: https://tproger.ru/articles/5-novyh-funkcij-css--kotorye-vy-obyazany-znat-v-2024-godu

#css #тренды


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

​​💳Распознавание банковских карт в видеопотоке в браузере с помощью SmartEngines и WebAssembly

В этой статье мы расскажем о том, как с помощью wasm-модуля от Smart Engines распознать номер банковской карты, просто поднеся её к веб-камере ноутбука.

Читать...


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

Simple CSS Hover Animation Effects

В этом видео создаётся анимированный логотип при помощи fontAwesome и CSS.

👉 @seniorFront


Original post link: t.me/seniorFront/3772
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:
Frontender's notes [ru]: 3 message(s)
Senior Frontend - javascript, html, css: 3 message(s)
Сайтодел | GitHub, Макеты, Шрифты, JavaScript, Figma: 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

​​...после того, как узнала, что в Tinder с ней общался не настоящий парень, а СhatGPT


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

👉 @seniorFront


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

Encrypted Password Reveal

Оригинальное поле ввода пароля, анимированное библиотекой GSAP.

👉 @seniorFront


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

🖥 Sharing Bills App UI Design – дизайн приложения для отслеживания платежей за недвижимость. Все оттенки здесь светлые и теплые, есть много 3D-иллюстраций.

Сайтодел | #макет #figma


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

​​😏Качественно — значит долго? Как быстро создавать жизнеспособные MVP

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

Читать...


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

​​Уверены, что знаете CSS Flexbox достаточно хорошо?

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

Сделали тест, в котором можете проверить, насколько хорошо вы понимаете концепции и свойства Flexbox, которые делают его таким мощным инструментом: https://tproger.ru/articles/css-flexbox-test

#css


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

​​🎃Как я использую GigaChat для Frontend разработки

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

Читать...


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

В JavaScript, как механизм "event loop" влияет на выполнение асинхронных операций и как это связано с концепцией "non-blocking I/O"?

В JavaScript, "event loop" позволяет асинхронным операциям выполняться параллельно с основным потоком кода, тем самым реализуя концепцию "non-blocking I/O". Это означает, что операции ввода-вывода, такие как запросы к сети или доступ к базе данных, могут происходить в фоне, не блокируя основной поток. "Event loop" отслеживает завершение этих асинхронных операций и возвращает их результаты обратно в основной поток, как только они становятся доступными.


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

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

Top 3 source channels:
Senior Frontend - javascript, html, css: 3 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