Generator, Kerangka Dan Alat Templat HTML5
Walaupun pemain besar dalam industri reka bentuk web telah mengadopsi HTML5 dalam beberapa tahun kebelakangan ini, tidak banyak yang menggunakannya dalam penyelesaian praktikal, kebanyakannya disebabkan oleh kekurangan masa atau pemahaman. Kemungkinan adalah jika bahasa sedang dipromosikan untuk masa yang tertentu, akan ada peminat yang akan mengalami masalah menghapuskan masalah anda dengan mencipta penjana template HTML5 dan rangka kerja.
Di Hongkiat, kami sentiasa ingin membuat pembangunan anda semudah mungkin, jadi di bawah adalah senarai penjana template HTML5 dan rangka kerja yang mempercepat pembangunan HTML5 anda, atau membantu anda mempermudah masalah yang menyusahkan seperti keserasian pelayar. Menjelang akhir hari, pembangunan HTML5 anda hanya akan menjadi lebih mudah dan lebih bahagia dengan penjana dan rangka kerja ini!
Mengapa Rangka Kerja?
Walaupun mungkin mengambil sedikit masa untuk benar-benar mempelajari rangka kerja, jika anda mempunyai kerangka kerja siap, semua yang perlu anda tambahkan adalah kandungan dan sedikit pengubahsuaian sesuai selera anda. Juga jangan risau mengenainya, dunia tidak akan melihat anda dengan tidak senonoh untuk menggunakan penjana templat HTML5 atau kerangka kerja siap sedia. Praktikaliti datang dahulu!
Selain itu, kerangka kerja yang ada di sana untuk digunakan biasanya mempunyai ikutan dan sokongan setia. Satu kelebihan untuk menggunakan kerangka kerja adalah anda benar-benar tidak perlu bimbang tentang isu-isu serius seperti penyemak imbas silang dan keserasian salib-platform, orang lain telah merosakkan lebih untuk itu untuk anda. Tetapi, tentu saja, anda boleh menyumbang kepada tujuan mereka, terutama untuk perpustakaan sumber terbuka dan kerangka kerja.
Lagipun, selalu baik untuk memiliki gear tambahan dalam kotak alat reka bentuk anda!
Penjana & Rangka Templat
Initializr
Beberapa klik hanya diperlukan untuk menghasilkan diri anda template HTML5. Initializr juga memberi anda pilihan sama ada anda mahu templat anda memasukkan JavaScript atau jQuery, konfigurasi pelayan dan analisis Google.
Initializr juga dibina di atas HTML5BoilerPlate, satu lagi alat hebat untuk mengembangkan genggaman HTML5 anda, menambahkan fungsi, dan memperbaiki keseluruhan laman web anda.
Generator Templat HTML5
Alternatif ialah penjana template HTML5 Shikiryu.com. Ia mempunyai pilihan tambahan untuk memasukkan penerangan untuk pengarang laman web, juga termasuk pilihan untuk ikon Favicon dan Apple Touch sekiranya anda mahu mereka dimasukkan secara automatik ke dalam templat.
SwitchToHTML5
Satu lagi penjana rangka HTML5 yang hebat ialah SwitchToHTML5. Seperti orang lain, ia membolehkan anda menambah beberapa elemen seperti ,
,
,
, dan lain lain. SwithToHTML5 juga memberikan anda pilihan sama ada anda mahu menyokong Internet Explorer atau tidak, kerana versi lebih awal daripada IE9 tidak menyokong HTML5 secara native.
diperbaharui
Katakanlah, saya tidak boleh menjadi satu-satunya yang membenci membentuk borang, bukan? Membuat borang adalah tugas yang membosankan, sekurang-kurangnya untuk orang seperti saya, itulah sebabnya pembaharuan di sini untuk membantu orang untuk mencipta bentuk yang bersih dan berfungsi! diperbaharui adalah pembina bentuk HTML5 yang sangat ringan dan tidak akan menyebabkan anda terlalu banyak masalah, seperti jika anda melakukan bentuk dari awal.
Terdapat dua versi, aplikasi web dan aplikasi desktop yang berdiri sendiri, walaupun anda perlu membayar untuk menjalankannya di luar talian. Nah, jika anda suka aplikasi itu, tunjukkan sedikit kasih sayang!
Moden
Manfaatkan HTML5 dan CSS3 menggunakan Modernizr. Ia merupakan pustaka JavaScript sumber terbuka untuk membantu pemaju mencipta laman web yang terbaik yang menggabungkan HTML5 dan CSS3.
Pelayar yang lebih lama bukan isu dengan Modernizr, pelawat akan melihat apa yang mereka patut lihat tidak kira versi penyemak imbas mereka.
52 rangka kerja
Secara teknikal bukan penjana, tetapi rangka kerja yang dapat dimuat turun yang mempercepat proses pembangunan. 52 rangka kerja menghilangkan kerepotan HTML5 dan meletakkan segala-galanya tepat di hadapan anda, menjadikan pembangunan lebih cepat dan lebih mudah.
52 rangka kerja menyokong pelbagai jenis pelayar, menjadikan keserasian silang pelayar menjadi masalah yang kurang. Dan berita baik untuk pemaju? Ia juga menyokong IE6 sebahagiannya!
Editor HTML5
Aloha Editor
Oleh kerana kita sudah membicarakan tentang perkhidmatan dan aplikasi yang mempercepat pembangunan, berikut adalah alat yang luar biasa untuk membantu anda mengedit kandungan tapak anda dengan kandungan yang mematuhi xHTML5.
Aloha Editor adalah editor HTML5, bukan hanya mana-mana editor, tetapi editor WYSIWYG yang boleh mengubah suai kandungan laman web anda serta-merta, sebaik sahaja anda membuat perubahan dalam editor.
Wallaby
Setiap impian untuk menukar animasi Flash ke HTML5? Wallaby, sebuah projek oleh Adobe, menjadikan penukaran animasi Flash dan karya seni ke HTML5 mungkin, menjadikan fail dapat diedit pada Dreamweaver atau editor lain.
Rujukan
Menyelam ke HTML5
Buku yang hebat dan menyeronokkan untuk mula belajar tentang HTML5 dengan cara berfikir yang kreatif, ini juga merupakan sumber yang baik yang memberikan idea baru untuk orang-orang yang sudah mengetahui cara kerja HTML5.
Rujukan HTML5
Panduan W3C asal untuk HTML5, dengan memberi tumpuan kepada kesederhanaan dan aplikasi praktikal untuk pemula, sambil memberikan maklumat terperinci untuk pemaju web lanjutan.
Lebih banyak
Buat masa ini, tidak banyak yang dapat dilihat sebenarnya. Masih terdapat, agak, beberapa alat untuk rangka HTML5 dan templat untuk digunakan, seperti yang anda perhatikan jika anda menyemak pautan, kebanyakan ciri untuk setiap penjana / kerangka adalah sama. Saya mungkin telah merindui alat yang anda gunakan untuk membangunkan laman web HTML5 yang mengagumkan, jadi jika anda ingin berkongsi jangan lepaskannya dalam komen!
Juga, semak kiriman kami jika anda bersedia untuk mendapatkan lebih banyak tentang HTML5!
- HTML5: 15 Pengalaman yang Mengilhamkan
- HTML5: 19 Aplikasi Web
- HTML5: 48 Potensi Demo Flash-Membunuh
- Buat Borang Perhubungan HTML5 / CSS3 Berbasis Ajax