Perşembe 26 Mayıs 2022
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

Whitepaper Nedir?

Tailwind CSS, Bootstrap’in Yerini Alabilir mi?

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. CSS
  3. HTML5 Sürgüleri için Multirange Polyfill Desteği
 HTML5 Sürgüleri için Multirange Polyfill Desteği
CSS HTML5

HTML5 Sürgüleri için Multirange Polyfill Desteği

Yazar : Bilal UÇAR 31 Mart 2017 0 Comment

HTML5 ile aralık girdileri, miktarlar ve tarihler gibi dinamik seçimler için uygun bir özellik. Ancak varsayılan aralık kaydırıcısı birden çok tutamacı desteklemez.

Polyfill nedir?

Örneğin bir form doldururken sürüklemeli bir araç vardır. Burada bir şeyin miktarını girmek için sağa sola kaydırma yaparsınız. Örnek vermek gerekirse alışveriş sitelerinin bazılarında fiyat aralığı seçmek için bu yöntem kullanılıyor. İşte bu aracın çift yönlüsüne Polyfill deniyor.

Multirange ‘in internet sitesine girin. Düzgün çalışan ve birçok tarayıcı destekleyen yapıya sahiptir.

Multirange ücretsiz bir araçtır. Bir eklenti kullanmadan doğal olarak birden fazla tutamaç eklemek için en iyi yolu sağlar. Bu dolgunun iki kaynağı vardır: bir JS dosyası ve bir CSS dosyası. İkisi de aralık girişleri üzerinde çalışırlar ve ikisini de ana GitHub repodan indirebilirsiniz.


Bu aracı her tarayıcı desteklemeyebilir. Başta tarayıcınızın HTML5 ve CSS3 ‘ü destekliyor olması gerekir.


Neyse ki, Multirange çift yönlü aralık kayırma işleviyle gayet başarılı. Mükemmel bir çözüm değil, ancak yine de kullanılabilir bir arabirim sunuyor. Bunun artısı da Javascript ve CSS dosyalarını indirip projeye dahil ettiğinizde çalışması.

Girdi değerleri için aralıkları virgülle de ayarlayabilirsiniz.
İşte Multirange kaydırıcıyı kullanmaya örnek, kısa bir HTML kodu:

Girdi uçları birbirinin üzerinden sürüklenebilir ve hatta birbirlerinin üzerine bırakılabilir. Erişebilirlik için klavye tuşlarını da desteklediğini belirtelim.

Multirange Özellikleri

  • 0.6 KB minimize edilmiş & gzipped
  • Bağımlılıkları yok
  • Klavye kullanılabilir
  • Özelleştirilebilir stil

Tüm demolar ve kaynak kod örneklerini Multirange web sayfasında bulabilirsiniz. Bu nedenle çok kullanışlı bir HTML kaydırıcı arıyorsanız hepsini kontrol etmenizde fayda var.

Bu yazıda Polyfill ‘in ne olduğundan ve HTML sürgüleri için Multirange Polyfill desteğinden bahsettik. Bu konu hakkındaki düşüncelerinizi yorum yaparak bizlerle paylaşabilirsiniz.

Etiketler: çift yönlü sürgü nasıl yapılır css çift yönlü sürgü html çift yönlü sürgü html css multirange multirange nedir polyfill nedir
Önceki Yazı
Sonraki Yazı

Bilal UÇAR (Website)

administrator

Front-end Developer @Webmaster.Kitchen. Front-end developer olarak çalışıyorum. Bu konuda öğrendiklerimi sizlerle paylaşmaya çalışıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz. Yorum alanı ile mutfağa katkıda bulunun.

Yorum Yap Yorumu İptal Et.

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

Taze Yazılar
Blockchain

Whitepaper Nedir?

21 Nisan 2022
Arayüz

Tailwind CSS, Bootstrap’in Yerini Alabilir mi?

20 Nisan 2022
Arayüz

JavaScript ile Otomatik Koyu Tema

15 Nisan 2022
Güncel

Jest Kullanarak React Native Nasıl Test Edilir?

13 Nisan 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.