Laman » UI / UX » GitHub ini Senarai Halaman Alternatif Bukan JS untuk Ciri UI Biasa

    GitHub ini Senarai Halaman Alternatif Bukan JS untuk Ciri UI Biasa

    Berapa kali anda mahu membina tayangan slaid CSS sahaja atau tingkap modal? Ini adalah sebahagian daripada elemen UI yang paling biasa di web dan kini anda boleh membinanya tanpa sebarang JavaScript.

    Tentunya, mungkin untuk memukul Google mencari penyelesaian. Tetapi mengapa tidak pilih dari senarai yang disusun sumber yang mengagumkan?

    Di situlah halaman GitHub ini dimainkan. Ia bertajuk "Anda Tidak Perlu JavaScript", dan ia menawarkan senarai besar penyelesaian yang boleh digunakan untuk elemen antara muka yang biasa.

    Satu perkara yang harus diperhatikan ialah kod-kod ini bukan semua penyelesaian.

    Tidak semua yang ada di dalam senarai menyokong semua pelayar, dan banyak penyelesaian ini tidak mampu sepenuhnya menangani masalah degradasi atau isu-isu yang menarik dengan penyemak imbas mudah alih. Jadi anda perlu doktor haiwan setiap individu berdasarkan kes demi kes.

    Walau bagaimanapun, jika anda sedang mati penyelesaian CSS tulen maka GitHub ini telah anda dilindungi.

    Ciri senarai di atas 20 elemen UI yang berbeza dengan banyak penyelesaian yang menonjol, seperti:

    • Menu Hamburger
    • Petua
    • Tabs
    • Galeri imej
    • Menu dropdown
    • Dan lebih lagi.

    Setiap projek menghubungkan ke demo CodePen di mana anda boleh melihatnya secara langsung bersama dengan contoh sumber kod.

    Perhatikan repo GitHub tertentu ini tidak mempunyai kod sebenar di dalamnya. Sebaliknya hanya saja senarai demo CodePen memaparkan penyelesaian bukan JS untuk masalah antara muka yang sama.

    Ini adalah sumber yang sempurna untuk penanda buku untuk rujukan masa depan dan sentiasa dekat jika diperlukan.

    Anda bebas menyumbang dengan menghubungi sesiapa sahaja dari halaman GitHub utama jika anda mempunyai idea atau cadangan untuk sumber-sumber baru.

    Anda bebas salin mana-mana kod sumber dari mana-mana demo ini dan gunakan semula mereka dalam projek anda.

    Hanya pastikan itu anda menyemak tab sifat CSS sebelum menyalin sesuatu kerana sesetengahnya mengandungi perpustakaan tambahan.

    Secara keseluruhannya, ini adalah satu repo GitHub yang hebat dan ia lebih mudah digunakan daripada menjelajahi Google untuk satu penyelesaian yang sempurna.

    Semak halaman GitHub penuh di sini, dan jika anda mahu melihat semua perubahan yang berpotensi anda boleh melihat orang-orang di dalam tarik tab permintaan.