Laman » Reka Bentuk Web » Yayasan 6 - 10 Ciri-ciri Baru Hebat

    Yayasan 6 - 10 Ciri-ciri Baru Hebat

    Pemaju Rangka Kerja front-end tidak hanya berpuas hati dengan pasukan mereka manakala pasukan Bootstrap telah mengupayakan pembebasan utama mereka yang baru. Tahun lepas mereka mengadakan Jelajah Dunia yang mengagumkan untuk berkongsi pengetahuan mereka dengan pengguna mereka dan bertanya kepada mereka tentang bagaimana mereka menggunakan Yayasan dalam kehidupan sebenar mereka.

    Selepas kembali ke meja mereka, mereka mengagregat keperluan dan kehendak pengguna mereka, dan memulakan perancangan utama pelepasan utama: Yayasan 6.

    Ia masih dalam pembangunan, tetapi rancangannya sangat menjanjikan. Ciri-ciri yang akan datang memberi tumpuan kepada 3 bidang utama: prestasi, kesesuaian dan kebolehaksesan. Mari lihat 10 ciri ini sekarang.

    1. Aliran kerja yang diperhalusi

    Berdasarkan pengalaman pengguna mereka, pasukan Yayasan mengembangkan slogan baru, iaitu “Prototaip kepada Pengeluaran”, untuk Yayasan 6. Ini bermakna alur kerja baru yang diperkemas yang akan membolehkan pereka dan pemaju untuk pergi terus dari prototaip kepada pengeluaran.

    Matlamat Yayasan 6 baru adalah menyediakan rangka kerja yang fleksibel, dan mudah disesuaikan yang membolehkannya tulis kod bersih dan semantik dari awal lagi. Versi semasa, Foundation 5 juga membolehkan prototaip cepat, tetapi kita boleh menjangkakan pengoptimuman aliran kerja selanjutnya dalam pembebasan akan datang.

    2. Proses Persediaan Ringkas untuk Versi Sass

    Salah satu perkara yang paling mengagumkan mengenai rangka kerja Yayasan adalah bahawa ia dibina dengan bahasa Sass stylesheet, sehingga mungkin cepat menyesuaikan peraturan gaya lalai dengan keperluan sebenar kami.

    Proses persediaan Sass telah sedikit menakutkan bagi ramai pengguna walaupun, jadi pembebasan utama yang baru akan dapatkan proses persediaan yang mudah untuk versi Sass. Ini bermakna persediaan Sass akan memerlukan kebergantungan yang jauh lebih sedikit daripada sebelumnya. Sudah tentu, jika anda lebih suka versi CSS vanila, anda masih boleh memilih untuk itu.

    3. Stack Setup Up Souped Up untuk Maximalists

    Selain versi Sass biasa, Yayasan 6 akan datang dengan menyegarkan Versi Sass yang akan menyediakan pemaju dengan pilihan penyesuaian yang berkuasa.

    ZURB, pencipta Yayasan akan membuka stack pembangunan mereka sendiri untuk orang ramai, termasuk mereka sendiri penjana tapak statik, pelayan reload hidup dan banyak teknik pengoptimuman dalaman termasuk integrasi UnCSS untuk menghapus gaya yang tidak digunakan, dan UglifyJS untuk pemampatan JavaScript.

    Oleh itu pada dasarnya kita akan dapat bekerja dalam persekitaran pembangunan yang sama yang digunakan oleh ZURB secara dalaman.

    4. Mengurangkan Masa Beban Halaman

    Pasukan Yayasan terpaksa menghadapi beberapa kritikan membina yang mendakwa bahawa dalam kebanyakan projek Yayasan, sekitar 90% kod CSS tidak digunakan. Ini tidak hanya benar untuk Yayasan, tetapi juga untuk rangka kerja CSS utama lain seperti Bootstrap dan TopCoat. Sebagai sebahagian daripada jawapan mereka, Zurb memutuskan untuk memotong saiz fail CSS yang dihasilkan dengan ketara dengan melaksanakan pengurangan kod kira-kira 40-50%.

    IMAGE: Freepik.com

    Sangat menarik untuk dicatat bahawa mereka cuba untuk membezakan diri dari Bootstrap dengan menyatakan "Yayasan bukan kerangka yang akan mempunyai margin kelas kelas dan padding atau bulat dan radius"(Untuk rujukan lihat Kelas Utiliti Bootstrap 4 baru dalam jawatan terdahulu kami).

    5. Gaya Asas Bertindak sebagai Wireframes

    Bahagian lain dari usaha peningkatan prestasi adalah untuk mewujudkan gaya asas yang bertindak sebagai wireframe dan bukan reka bentuk akhir. Ini terutamanya membawa kepada tema yang lebih ringan, tetapi juga mempunyai kelebihan yang besar. Memandangkan lebih banyak peraturan gaya akan dipindahkan ke dalam komponen individu, pemaju akan mempunyai peluang untuk lebih mudah gaya reka bentuk mereka.

    IMAGE: Freepik.com

    Semoga ini bermakna laman web berdasarkan Yayasan akan mempunyai kurang daripada rupa yang serupa, dan pereka akan mempunyai lebih banyak ruang untuk experusan dengan solut yang indah dan unikion yang akan membantah kebimbangan baru-baru ini mengenai web yang membosankan.

    6. Import terpilih difasilitasi

    Yayasan 5 membolehkan pemaju untuk memilih komponen yang ingin digunakan. Yayasan 6 akan mengambil usaha ini ke peringkat seterusnya oleh mengalihkan ciri import terpilih ke dalam fail _settings.scss Sass.

    IMAGE: Zurb.com

    Dengan cara ini _settings.scss akan menjadi a fail konfigurasi yang benar-benar universal, kerana kami bukan sahaja dapat menyesuaikan ciri-ciri seperti lebar baris atau fon lalai dengan bantuannya, tetapi juga dengan mudah memilih daripada komponen yang kita tidak perlukan. Sekiranya kita berbuat demikian, kita boleh mencapai peningkatan prestasi selanjutnya.

    7. Leaner and Cleaner Sass

    Dalam proses reka bentuk semula, pasukan Yayasan memproses semula setiap aspek rangka kerja, sehingga mereka juga mengubah cara bagaimana mereka menggunakan bahasa stylesheet Sass. Mereka mendapati bahawa dalam beberapa kes, mereka telah menggunakan Sass yang terlalu banyak yang membawa kepada overcomplication yang tidak perlu dari output CSS. Dengan matlamat asas kod yang lebih mantap dan bersih, mereka telah merasionalisasi struktur Sass mereka juga.

    IMAGE: Zurb.com

    Di Yayasan 6 kita boleh menjangkakan penurunan bersarang dan kekhususan, pertanyaan media yang diselaraskan (mereka menggabungkan kod berulang), dan campuran komponen belakang. Ini bermakna bahawa akan ada kurang campuran komponen, dan baki yang akan mempunyai parameter yang lebih sedikit, yang akan membawa kepada kod yang lebih mudah dan lebih logik

    Jika anda menyukai campuran, jangan bimbang, setiap komponen masih akan memilikinya, hanya saja mereka akan direka bentuk semula untuk menjadi lebih cekap dan berguna berbanding sekarang..

    8. Campuran Grid yang lebih baik

    Semasa memotong komponen campuran, Yayasan 6 akan datang mixin grid yang dipertingkatkan yang akan membolehkan kita untuk buat grid yang lebih disesuaikan.

    IMAGE: Foundation.zurb.com

    Zurb berjanji bahawa kita akan dapat mudah dibina sebagai sistem grid rumit seperti yang kita mahu, termasuk barisan tersuai yang lebih canggih dan grid bersarang, dan keupayaan menukarkan kelas lalai kepada markup semantik. Campuran grid yang lebih baik akan membuat arus penciptaan grid lebih intuitif, fleksibel dan lebih cepat.

    9. Integrasi Lembut Plugin JavaScript Custom

    Yayasan 5 kini mempunyai banyak komponen JavaScript seperti dialog modal yang sejuk, tooltip, bar navigasi melekit, peti cahaya, dan banyak lagi yang diperlukan oleh laman web moden, tetapi pelepasan utama yang akan datang membolehkan kami tulis pemalam JavaScript kami mengambil kesempatan daripada teras Yayasan. Ini satu langkah besar ke hadapan keramahan pengguna dan prestasi.

    IMAGE: Foundation.zurb.com

    Pada masa akan datang, kami akan dapat akses kaedah permulaan terbina dalam, toggle pencetus dan breakpoints, dan menggunakan semua ciri lain dari JavaScript global Foundation.

    10. Kebolehaksesan Penuh

    Mungkin ciri yang paling menakjubkan dari Yayasan baru 6 adalah bahawa ia akan dapat diakses sepenuhnya. Setiap coretan komponen dan kod akan disertakan dengan atribut WAI-ARIA yang sesuai dan peranan penting. Tambahan pula pemaju akan menjadi disediakan dengan panduan pengguna kira-kira bagaimana menggunakan piawaian web a11y.

    IMAGE: US Dept of Labor

    Oleh itu, jika kami ingin menyediakan pelanggan kami dengan laman web yang boleh diakses sepenuhnya, kami tidak perlu melakukan apa-apa selain membina reka bentuk kami dengan Yayasan 6. Sila ambil perhatian bahawa kami masih perlu tambahkan peraturan ARIA yang sesuai ke halaman HTML kita sendiri, walaupun panduan pengguna Zurb yang datang pasti akan memfasilitasi proses pembelajaran.