Bu GitHub Sayfası, Genel Kullanıcı Arabirimi Özellikleri İçin JS Olmayan Alternatifleri Listeliyor
Kaç kere istedin hızlı bir CSS sadece slayt gösterisi veya kalıcı pencere oluşturun? Bunlar bazıları en yaygın UI öğeleri Web’de ve günümüzde bunları JavaScript kullanmadan oluşturabilirsiniz..
Elbette, çözümler aramaya Google’ı vurmak mümkündür. Ama neden olmasın küratörlük listesinden seç harika kaynakların?
Bu GitHub sayfasının devreye girdiği yer. Başlıklı "JavaScript'e ihtiyacınız yok", ve bunun için uygulanabilir çözümler sunuyor. ortak arayüz elemanları.
Unutulmaması gereken bir şey, bu kodların hepsi bir arada olmayan çözümler.
Listedeki her şey tüm tarayıcıları desteklemez ve bu çözümlerin birçoğu zarif bir bozulma veya mobil tarayıcılarla ilgili sorunları tam olarak çözemez. Yani gerek her birini ayrı ayrı veteriner duruma göre.
Ancak eğer için ölüyorsanız saf CSS çözümleri o zaman bu GitHub seni korudu.
Liste özellikleri 20 farklı UI öğesi gibi birçok önde gelen çözümle:
- Hamburger menüleri
- Araç ipuçları
- Sekmeler
- Resim galerileri
- Açılır menü
- Ve çok daha fazlası.
Her proje CodePen demosuna bağlantılar nerede yapabilirsin canlı gör ile birlikte örnek kaynak kodu.
Bu özel GitHub deposuna dikkat edin gerçek bir kod yok içinde. Aksine sadece CodePen demolarının listesi sahip yaygın arayüz problemlerine JS olmayan çözümler.
Gelecekte başvurmak için yer imi koymak ve gerekirse yakın tutmak için mükemmel bir kaynak.
İle bağlantıya geçerek katkıda bulunmakta özgürsünüz. ana GitHub sayfası yeni kaynaklar için fikir veya önerileriniz varsa.
Özgürsün herhangi bir kaynak kodunu kopyala bu demoların herhangi birinden ve onları tekrar kullan projelerinizde.
Sadece emin ol CSS özellikleri sekmesini kontrol ediyorsanız bir şey kopyalamadan önce fazladan kütüphaneler içeren.
Genel olarak, bu harika bir GitHub deposu ve bu mükemmel çözüm için Google’ı taramaktan çok daha kolay.
Kontrol edin GitHub sayfasının tamamı burada, ve eğer istersen tüm potansiyel değişiklikleri görüntüle bunları görebilirsiniz istekleri çekme sekmesi.
