Membina Laman Web Bertemakan Flat dengan Tema CSS Mint Mint

Kit UI frontend sumber terbuka semua kemarahan dalam komuniti pembangunan. Mereka menjimatkan masa pada semua aspek meletakkan grid, elemen halaman styling, dan menambah komponen dinamik seperti dropdown.

Terdapat banyak kit menggunakan reka bentuk rata tetapi beberapa datang dekat CSS Mint. Kit UI sumber terbuka percuma 100% ini berfungsi hebat untuk semua projek dan jenis laman web yang boleh dibayangkan.

Di teras CSS Mint, ada yang Normalisasi perpustakaan bersama dengan reset tersuai lain. Ini dimaksudkan untuk squash semua isu penyemak imbas silang dan bug untuk mengekalkan asasnya konsisten di seluruh papan.

Semua kod CSS diikuti Prinsip OOCSS, jadi anda harus mempunyai masa yang mudah menambah (atau menyesuaikan) dasar yang ada.

Untuk bermula, anda hanya tambah CSS stylesheet CSS untuk projek anda. Ini boleh dipasang melalui Bower, atau melalui pautan CDN, atau bahkan dihoskan secara tempatan jika anda memuat turun salinan dari GitHub.

Apabila anda membuat halaman web baru anda akan mematuhi kod HTML5 mematuhi piawaian. Sistem Grid didasarkan pada bekas

unsur-unsur. Kebanyakan unsur lalai seperti

adalah digayakan sepenuhnya, dengan kelas pilihan untuk susun atur yang berbeza.

Di luar kotak, anda akan menemui kelas untuk butang, tipografi, menu navigasi, bentuk input dan unsur halaman yang kaya seperti kad. Anda boleh melihat banyak contoh di halaman demo yang termasuk coretan kod juga.

Rangka kerja ini sentiasa dikemas kini dengan gaya baru dan ciri-ciri tambahan, jadi Mint mungkin berada di sekitar untuk jangka masa panjang.

Ia tidak menawarkan banyak kawalan seperti kerangka Sass dan Less tetapi keindahan Mint terletak dalam kesederhanaannya. Hanya tambah lembaran gaya ke halaman anda dan anda baik untuk pergi!

Untuk mengetahui lebih lanjut, lawati Repo GitHub untuk pautan muat turun & arahan pemasangan. Dan, anda boleh berkongsi pendapat anda dengan pencipta Arun Michael Dsouza di Twitter @ amdsouza92.