PIP Tools - ¡Herramientas flotantes con PIP! ¡Convierte tu navegador en un paraíso para la multitarea!
(pip-tools.com)¡Te lo presentamos!
Te presentamos una colección de herramientas creada aprovechando la función Picture-in-Picture del navegador.
¿Por qué lo hice?
Uso un selector de color de vez en cuando, pero no quería instalar una app aparte. En el caso de los selectores de color disponibles en la web, a veces había que mover la ventana del navegador (o la pestaña), así que resultaba incómodo.
¿Qué funciones incluye?
Reloj: muestra la hora actual
Temporizador: temporizador de cuenta regresiva
Selector de color: extrae y copia códigos de color
Redimensionado de imágenes: ajusta el tamaño de las imágenes
Traductor: traducción multilingüe (usa la API de traducción de Chrome)
Notas: notas de texto simples
Ruleta: juego de selección aleatoria
¿Qué funciones piensas agregar más adelante?
Estoy planeando agregar una calculadora, convertidor de unidades, scripter, marca de agua para imágenes y más.
Además, si hay alguna herramienta que necesites, envíame tu opinión a través de contact en la esquina inferior izquierda. Haré todo lo posible por incorporarla.
Stack tecnológico
Next.js
React
TypeScript
react-document-pip
13 comentarios
¡Oh~! Es una buena idea.
Parece que primero hay que acceder desde el navegador. También pienso que estaría bueno poder dejarlo abierto de forma permanente. Aun así, ahora mismo está buenísimo. A mí me encantan el temporizador y el selector de color.^^
Gracias. ¡La herramienta que más cariño le tengo también es el extractor de colores!
Uso Firefox y me aparece un mensaje que dice que no es compatible con PIP. Yo sí usaba mucho la función PIP cuando veía YouTube.
Usa una API del navegador llamada Document Picture-in-Picture, distinta del PIP de imágenes y videos.
Como todavía es una función experimental, no funciona en algunos navegadores T_T
¡Pueden revisar los navegadores compatibles en https://caniuse.com/mdn-api_documentpictureinpicture!
Vaya, esto está genial.
¡Gracias!
Oh, qué increíble;;; ¡no sabía hasta ahora que PiP no solo servía para ver videos, sino que también permitía varios tipos de interacción!
Como todavía es una función experimental, mucha gente aún no la conoce.
https://developer.mozilla.org/en-US/docs/…
¡Las notas también están buenas! Gracias.
¡Gracias!
Si necesitan más herramientas, ¡déjenme sus comentarios!
¡Wow, qué buena idea!
¡Gracias~!