PIP Tools - PIP ile yüzen araçlar! Tarayıcıyı çoklu görevin cennetine dönüştürün!

Tanıtıyoruz!

Tarayıcının Picture-in-Picture özelliğinden yararlanarak oluşturulmuş araç koleksiyonunu tanıtıyoruz.

Neden yaptık?

Renk seçiciyi ara sıra kullanıyorum, ancak sırf bunun için ayrı bir uygulama yüklemek istemedim. Web'de sunulan renk seçicilerde ise tarayıcı penceresini (veya sekmesini) taşımanız gereken durumlar olabiliyor, bu da kullanışsızdı.

Hangi özellikler var?

Saat: mevcut saati gösterir
Zamanlayıcı: geri sayım zamanlayıcısı
Renk seçici: renk kodu çıkarma ve kopyalama
Görsel yeniden boyutlandırma: görsel boyutunu ayarlama
Çevirmen: çok dilli çeviri ( Chrome Translation API kullanılır )
Notlar: basit metin notları
Rulet: rastgele seçim oyunu

İleride hangi özellikleri eklemeyi düşünüyorsunuz?

Hesap makinesi, birim dönüştürücü, scripter, görsel filigranı gibi araçlar planlanıyor.
Bunun dışında ihtiyaç duyduğunuz araçlar varsa sol alt köşedeki contact üzerinden görüşlerinizi iletin. Aktif şekilde yansıtmaya çalışacağım.

Teknoloji yığını

Next.js
React
TypeScript
react-document-pip

[kaistj]

Oho~! Güzel fikir.

[rainystar]

Önce tarayıcıdan erişmek gerekiyor anlaşılan. Sürekli açık tutulabilse güzel olur diye düşünüyorum. Şu haliyle de çok iyi. Ben özellikle zamanlayıcıyı ve renk seçiciyi çok beğendim.^^

[kangbit]

Teşekkürler. Benim de en sevdiğim araç renk seçici!

[tribela]

Firefox kullanıyorum ama PIP'in desteklenmediğine dair bir mesaj çıkıyor. YouTube izlerken PIP özelliğini iyi kullanıyordum oysa.

[kangbit]

Görüntü ve video PIP'ten farklı olarak Document Picture in Picture adlı tarayıcı API'sini kullanıyor.
Henüz deneysel bir özellik olduğu için bazı tarayıcılarda çalışmıyor T_T
Desteklenen tarayıcıları https://caniuse.com/mdn-api_documentpictureinpicture adresinden kontrol edebilirsiniz!

[huiya]

Vay, bu harika görünüyor.

[kangbit]

Teşekkürler!

[skageektp]

Vay canına;;; pip'in sadece video izlemek için değil, çeşitli etkileşimlere de izin verdiğini ilk kez öğrendim!

[kangbit]

Hâlâ deneysel bir özellik olduğu için çoğu kişi henüz bilmiyor!
https://developer.mozilla.org/en-US/docs/…

[gjen6s]

Not özelliği de güzelmiş! Teşekkürler

[kangbit]

Teşekkürler!
Daha fazla ihtiyaç duyduğunuz araç varsa lütfen görüşlerinizi paylaşın!

[eajrezz]

Vay, fikir harika!

[kangbit]

Teşekkürler~!