Halaman GitHub ini Mencantumkan Alternatif Non-JS untuk Fitur UI Umum
Berapa kali Anda mau membangun tampilan slide atau modal modal CSS saja? Ini beberapa elemen UI yang paling umum di web dan saat ini Anda dapat membangunnya tanpa JavaScript.
Tentu, mungkin untuk menekan Google mencari solusi. Namun mengapa tidak pilih dari daftar kurasi sumber daya yang mengagumkan?
Di situlah halaman GitHub ini berperan. Judulnya "Kamu Tidak Membutuhkan JavaScript", dan ia menawarkan daftar besar solusi yang bisa diterapkan untuk elemen antarmuka umum.
Satu hal yang perlu diperhatikan adalah kode-kode ini tidak semuanya menjadi solusi semua.
Tidak semua yang ada dalam daftar mendukung semua browser, dan banyak dari solusi ini tidak sepenuhnya mampu menangani degradasi yang baik atau masalah dengan browser seluler. Jadi, Anda harus melakukannya dokter hewan masing-masing secara individual berdasarkan kasus per kasus.
Namun jika Anda ingin mati solusi CSS murni maka GitHub ini sudah Anda liput.
Daftar fitur lebih 20 elemen UI yang berbeda dengan banyak solusi terkemuka, seperti:
- Menu hamburger
- Tip alat
- Tab
- Galeri gambar
- Menu tarik-turun
- Dan masih banyak lagi.
Setiap proyek tautan keluar ke demo CodePen dimana kamu bisa lihat langsung bersama kode sumber sampel.
Perhatikan repo GitHub khusus ini tidak memiliki kode aktual di dalamnya. Justru itu adil daftar demo CodePen menampilkan solusi non-JS untuk masalah antarmuka umum.
Ini adalah sumber yang sempurna untuk menandai untuk referensi di masa mendatang dan tetap dekat jika diperlukan.
Anda bebas berkontribusi dengan menghubungi siapa pun dari halaman GitHub utama jika Anda memiliki ide atau saran untuk sumber daya baru.
Anda bebas untuk salin kode sumber apa saja dari salah satu demo ini dan gunakan kembali mereka dalam proyek Anda.
Pastikan saja itu Anda memeriksa tab properti CSS sebelum menyalin apa pun karena beberapa mengandung perpustakaan tambahan.
Secara keseluruhan, ini adalah salah satu repo GitHub yang fantastis dan lebih mudah digunakan daripada menjelajahi Google untuk solusi yang sempurna itu.
Periksalah halaman GitHub lengkap di sini, dan jika Anda mau lihat semua perubahan potensial Anda dapat melihat mereka di tarik permintaan tab.
