Salı 26 Eylül 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. JavaScript Alert Kutularını Bu Duyarlı Alternatifle Değiştirin
 JavaScript Alert Kutularını Bu Duyarlı Alternatifle Değiştirin
Arayüz JavaScript

JavaScript Alert Kutularını Bu Duyarlı Alternatifle Değiştirin

Yazar : Bilal UÇAR 20 Ekim 2017 2 Comments

JavaScript uyarı pop-up‘ları hemen hemen herkes tarafından nefret ediliyor. Tarayıcıya yerleştirilirler ve uyarıyı kapatmadan sayfayla etkileşim kurmanızı engeller.

Modern çağda, JavaScript uyarı kutularından daha iyi sonuç verebiliriz. SweetAlert2 muhtemelen en iyi çözümdür.

Bu, tamamen duyarlı olmaya ve tüm kullanıcılar için erişilebilirliği desteklemek üzere tasarlanmış, JavaScript ile çalışan bir açılır pencere komut dosyasıdır.

Tabii ki, kodun içine girmek isterseniz, GitHub‘da açık kaynaklı ve özgürce kullanılabilir.

Ancak, gerçek hazine, ana SweetAlert web sayfasındaki demodur. Orijinal JavaScript uyarı kutusuyla SweetAlert2 iletisi arasında doğrudan bir karşılaştırma sunar.

Komik olan şey, kod snippet’lerinin pek bir farkı yok gibi görünmesi. SweetAlert2’yi tipik bir JavaScript uyarısı gibi bir satır kodla çalıştırabilirsiniz, ancak bu satır kıyasla daha uzun sürebilir.

SweetAlert ile pop-up kutusu stili, animasyon, düğme renkleri ve metin stilleri üzerinde daha fazla kontrole sahip olursunuz. Uyarı kutusuna resim veya video yerleştirebilirsiniz.

Bununla birlikte, mutlak en iyi özellik, SweetAlert2’nin tüm tarayıcıyı ele geçirmemesi. Bir SweetAlert2 pop-up’ı çalıştırırsanız, yalnızca o sekmede görüntülenir. Bu nedenle kullanıcı başka bir siteye göz atarken, diğer sekmeye yönlenmek zorunda kalmayacaktır.

Bu sonuçta kullanıcı katılımını arttırır, tarayıcıların klasik bildirimlerinden kat kat daha kaliteli görünür.

Otomatik kapatma zamanlayıcılarını ayarlayabilir, düğmeleri onaylayabilir / reddedebilir ve hatta Animate.css gibi üçüncü taraf kitaplıklarını kullanarak animasyonu özelleştirebilirsiniz.

Normal bir JavaScript uyarısı yerine kullanmanız gereken herhangi bir komut dosyası varsa SweetAlert2 olmalı. Bu şey, tamamen ücretsiz, açık kaynaktır ve her web geliştiricisinin kulaktan kulağa anlatması için bir takım özel seçenekler sunar.

Daha fazla bilgi edinmek ve canlı örnekler görmek için ana web sitesini ziyaret edin. Dosyaları görmek ve sürüm günlüklerini kontrol etmek isterseniz GitHub repo’suna göz atabilirsiniz.

Bu makalede tarayıcıların klasik uyarılarını göze hitap edecek şekilde gösterecek SweetAlert2 kütüphanesinden bahsettik. Siz de düşüncelerinizi yorum yaparak bizlerle paylaşabilirsiniz.

Etiketler: alert javascript library javascript uyarı kutusu js uyarı kütüphanesi sweetalert2 tarayıcı alert tarayıcı uyarı kutuları
Ö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.

2 Yorumlar

  • avni says:
    29 Aralık 2017 at 21:20

    javascriptte nasıl kütüphane ekleriz

    Reply
    • Bilal UÇAR says:
      29 Aralık 2017 at 23:07

      Hocam istiyorsanız kullanacağınız js kütüphanesinin CDN linkini sitenizin head tagları arasına ekleyerek kullanabilirsiniz. İstiyorsanız JS dosyalarını indirip sitenize ekleyebilirsiniz. Bu konuya ayrı bir makalede değineceğim.

      Reply

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.