Halfmoon: alternatif bootstrap dengan mod gelap dibina

Saya baru-baru ini mengeluarkan Halfmoon, rangka kerja front-end yang saya sedang berkembang. Siaran ini memperkenalkan rangka kerja dan menerangkan penciptaannya.

Halfmoon: Gambaran Keseluruhan Cepat

Halfmoon menawarkan beberapa ciri utama:

• Mod Gelap Terbina: Dengan mudah membuat versi mod gelap laman web anda.
• Komponen modular: Komponen yang sangat modular (bentuk, navbars, sidebars, dan lain -lain) Memudahkan penciptaan susun atur kompleks, sesuai untuk papan pemuka.
• Pilihan JavaScript: Banyak komponen berfungsi tanpa JavaScript, sementara perpustakaan JavaScript yang kuat dan bebas ketergantungan dimasukkan.
• Nama Kelas Biasa: Nama kelas diilhamkan oleh Bootstrap untuk memudahkan penggunaan.
• Sokongan Pelayar Luas: Serasi dengan hampir semua pelayar, termasuk versi lama seperti Internet Explorer 11.
• Penyesuaian Mudah: Ciri -ciri CSS Custom membolehkan penyesuaian mudah tanpa preprocessors CSS.

Pada asasnya, Halfmoon dapat dilihat sebagai bootstrap yang dipertingkatkan dengan sokongan mod gelap bersepadu, memanfaatkan banyak komponen Bootstrap dengan markup yang sedikit diubahsuai.

Mengapa membuat rangka kerja lain?

Soalan biasa timbul: Mengapa membina rangka kerja lain? Semangat saya untuk mod dan tema gelap adalah daya penggerak. Saya lebih suka alat dengan mod cahaya dan gelap dan suis togol; Fleksibiliti menghalang keletihan visual semasa penggunaan lanjutan. Mod gelap amat bermanfaat untuk saya ketika bekerja dalam keadaan cahaya rendah.

Beberapa bulan yang lalu, saya memerlukan alat mudah untuk melaksanakan mod gelap dengan mudah dalam projek papan pemuka. Selepas meneliti, pilihan saya terhad: Perpustakaan Komponen JavaScript (seperti Vuetify) atau tema bootstrap yang dibayar (pilihan percuma tidak menarik). Lebih suka laman web yang mudah, yang diberikan oleh pelayan menggunakan Django, saya membina penyelesaian saya sendiri: rangka kerja estetika yang estetika yang sama seperti bootstrap, tetapi dengan tema cahaya dan gelap terbina dalam.

Pembangunan masa depan

Halfmoon adalah sumber terbuka dan tersedia secara bebas. Rancangan masa depan termasuk:

• Memperluas Perpustakaan Komponen.
• Pilihan penyesuaian yang dipertingkatkan (menggunakan pembolehubah CSS).
• Lebih banyak contoh dan templat.
• Peralatan dan dokumentasi yang lebih baik.
• Peningkatan Pertimbangan Kebolehcapaian.
• Pelaksanaan Vanilla JavaScript komponen seperti Multi-Select, Jadual Data, dan Pengesahan Bentuk.

Matlamatnya adalah untuk mewujudkan rangka kerja yang sesuai untuk papan pemuka yang kompleks dan pembangunan laman web umum. Dokumentasi boleh didapati di laman web Projek, dan kod itu berlesen MIT di GitHub. Maklum balas, sumbangan, dan laporan isu anda dialu -alukan.

Atas ialah kandungan terperinci Halfmoon: alternatif bootstrap dengan mod gelap dibina. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!