🖥 Если навести мышь на изображение, то можно увидеть, что за ним скрывается текст.

#hover #карточки

https://codepen.io/tatimblin/pen/pbYOMe

@javascriptv

🔎 social-analyzer — платформа для анализа профилей в социальных сетях и получения информации из открытых источников (OSINT). Он поддерживает множество социальных сетей, платформ и поисковых механизмов. С помощью этого инструмента можно автоматизировать сбор данных о профилях пользователей для мониторинга активности, анализа упоминаний и проверки цифрового следа.

🌟 Social Analyzer может быть полезен для задач, связанных с кибербезопасностью, расследованиями и маркетинговым анализом.

🔐 Лицензия: AGPL-3.0

▪️GitHub

@javascriptv

🖥 Копирование текста из блока input с помощью JavaScript!

🌟 Примечание: В Firefox для корректной работы этого примера ваш сайт должен быть запущен под https:// !

@javascriptv

🔥 Курс по созданию аутентификации пользователей в приложениях Next.js!

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

🌟 Курс начинается с основ NextAuth, проводя вас через настройку среды и создание проекта. Затем вы узнаете, как использовать NextAuth для страниц, отрисованных на сервере и клиенте, что даст вам целостное понимание процессов аутентификации

🔗 Ссылка: *клик*

#курс #nextjs

@javascriptv

🖥 Анимированный контур кнопки для HTML-элемента, который останавливается при наведении на неё.

Эффект неонового свечения, подойдет для темной темы приложения.

#hover #кнопки #градиент #html

https://codepen.io/shshaw/pen/RwJwJJx

@javascriptv

🖥 Лайфхак: вы можете создать футер с "копирайтом" таким образом, чтобы год на нем обновлялся автоматически!

@javascriptv

🖥 Glassmorphism Generator — полезный сайт для любого фронтендера! Здесь вы можете быстро создать стеклянный эффект для вашего элемента и сразу же увидеть результат!

🔗 Ссылка: *клик*

@javascriptv

🖥 Elevator Saga — это интерактивная онлайн-игра, которая позволяет пользователям решать задачи по управлению лифтами с помощью программирования на языке JavaScript. Основная цель игры — оптимизировать работу системы лифтов, чтобы как можно быстрее перемещать пассажиров между этажами!

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

🔗 Ссылка: *клик*

@javascriptv

🥷 youtube-incognito-mode — расширение для браузера Chrome, которое позволяет пользователю решать, будут ли просмотренные видео влиять на рекомендации на YouTube. Оно блокирует просмотры от влияния на будущие рекомендации, хотя ваш поиск все еще может на это влиять

👀 Хорошее расширение для параноиков

▪️GitHub

@javascriptv

🖥 Совет: используйте метод console.table() для отображения данных в виде таблицы!

@javascriptv

🖥 30-seconds-of-code — это коллекция полезных и коротких JavaScript сниппетов, предназначенных для выполнения различных задач. Каждый сниппет занимает всего несколько строк кода и решает часто встречающиеся проблемы или упрощает рутинные операции, что делает его удобным инструментом для быстрого освоения и применения JavaScript в проектах

🔐 Лицензия: CC-BY-4.0

🖥 Github

@javascriptv

🔍 OmniParser — это инструмент от Microsoft, предназначенный для разбора и анализа интерфейсов приложений на основе скриншотов

OmniParser - инструмент для анализа скриншотов пользовательского интерфейса, разработанный для улучшения работы агентов UI на основе LLM.

Он преобразует скриншоты в структурированный формат, выделяя интерактивные области и описывая функции элементов(кнопки, иконки, значки и т.д) и не требует исходного HTML или иерархии представлений.

OmniParser состоит из двух моделей:

🟢Модель обнаружения интерактивных элементов, основанная на YOLOv8 и обученная на датасете из 67 тысяч скриншотов веб-страниц с аннотациями кликабельных областей.

🟢Модель описания функций элементов UI, основанная на BLIP-2, обученная на 7 тысячах пар "элемент-описание", созданных с помощью GPT-4o.

OmniParser был протестирован в бенчмарках ScreenSpot, Mind2Web и AITW, где превзошел агентов на основе GPT-4V и модели, обученные на данных графических интерфейсов (SeeClick, CogAgent и Fuyu).

⚠️ OmniParser может испытывать трудности с распознаванием повторяющихся элементов, текста и с определением точных границ кликабельных областей.

▶️Локальная установка и запуск в Gradio UI :

# Create conda env
conda create -n "omni" python==3.12
conda activate omni

# Install requirement
pip install -r requirement.txt

# Run Gradio UI
python gradio_demo.py

📌Лицензирование: MIT License.


🟡Страница проекта
🟡Набор моделей
🟡Arxiv
🖥Github


#AI #ML #Microsoft #YOLO8 #BLIP #OmniParser


🖥 Github

🖥 Полный курс по JavaScript! (2024)

🕞 Продолжительность: 12:00:00

🔗 Ссылка: *клик*

@javascriptv

🔥 Как создать динамические маршруты API в Next.js?

🌟 Next.js — это фреймворк на основе React, который позволяет разработчикам создавать полнофункциональные веб-приложения, расширяя новейшие функции React

🌟 В этой статье вы узнаете о динамических маршрутах API в Next.js: что они собой представляют, как их создавать и как расширять их функциональные возможности

🔗 Ссылка: *клик*

@javascriptv

🔥 Курс по созданию аутентификации пользователей в приложениях Next.js!

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

🌟 Курс начинается с основ NextAuth, проводя вас через настройку среды и создание проекта. Затем вы узнаете, как использовать NextAuth для страниц, отрисованных на сервере и клиенте, что даст вам целостное понимание процессов аутентификации

🔗 Ссылка: *клик*

#курс #nextjs

@javascriptv

🖥 Glassmorphism Generator — полезный сайт для любого фронтендера! Здесь вы можете быстро создать стеклянный эффект для вашего элемента и сразу же увидеть результат!

🔗 Ссылка: *клик*

@javascriptv