Çarşamba 22 Mart 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. Arayüz
  3. Taggd – Basit Resim İpucu Etiketleri Ekle
 Taggd – Basit Resim İpucu Etiketleri Ekle
Arayüz CSS JavaScript

Taggd – Basit Resim İpucu Etiketleri Ekle

Yazar : Fatih 3 Şubat 2017 0 Comment

Facebook da fotoğraflarda yüzleri etiketleme özelliğini biliyorsunuz. Taggd ipuçlarının bir resimde nerede görünmesi gerektiğini belirtmek için noktalar kullanan CSS / JS eşdeğeri gibidir.

Taggd kütüphanesi tamamen ücretsizdir ve jQuery gibi herhangi bir bağımlılık gerektirmez. Saf vanilla JavaScript ile çalışır ve kurulması çok basittir.

Başlangıç için birkaç temel adımları ve demo uygulamayı içeren Taggd giriş sayfasından öğrenebilirsiniz.

taggd-feature-tooltip

Doclets‘i kullanarak JS dokümantasyonlar için yapılmış küçük bir web uygulamasından online kaynak bağlantısından uygulama ile ilgili daha teknik birikimler elde edilebilir. Taggd sürümleri arayabilir veya varsayılan master branch sürümlerini gözden geçirebilirsiniz.

Kullanabileceğiniz büyük bir özellik listesi mevcuttur. Her doküman resim üzerinde çalışan işlevlerle ayrılmıştır. (addTag() veya getTag() gibi) ardından belirli etiketleri (setPosition() gibi) kendi becelerinizi işleyerek sizi yönlendirmeye yardımcı olacak niteliktedir.

taggd-documentation

Her şey vanilla JavaScript üzerinde çalışır bu nedenle syntax(söz dizimi) sorunlarıyla ilgili endişelenmenize gerek yoktur.

Bu kütüphane yalnızca modern tarayıcılar için yapılır ve kabullenebilir verim düşüşünü desteklemez. Repo sayfasından her zaman hata(bug) veya sorun tartışıp ve çözüm bulabilirsiniz.

taggd-issue

GitHub repo‘yu kontrol edip kurulum talimatlarını izleyip kurcalamaya başlayabilirsiniz. Taggd, CSS ve JS dosyalarını <head> bölümüne eklemeniz ve ardından Taggd elementlerinin yeni bir örneğini oluşturmanız yeterlidir.

Umarım faideli olmuştur. Herkese verimli ve iyi çalışmalar diliyorum.

İşin mutfağını öğrenmek herkesin hakkı.. Webmaster Mutfakta işin mutfağını öğrenin.  ?

Etiketler: resim etiketleme resim etiketleme nasıl yapılır Taggd Taggd ile resim etiketleme Taggd kullanımı Taggd nasıl kullanılır Taggd ne işe yarar Taggd nedir
Önceki Yazı
Sonraki Yazı

Fatih

author

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.