Generator Template, Kerangka Dan Alat HTML5
Meskipun pemain besar di industri desain web telah mengadopsi HTML5 dalam beberapa tahun terakhir, tidak banyak yang menggunakannya dalam solusi praktis, sebagian besar karena kurangnya waktu atau pemahaman. Kemungkinannya adalah jika suatu bahasa dipromosikan untuk waktu tertentu, akan ada penggemar yang masuk ke masalah menghilangkan masalah Anda dengan membuat generator kerangka kerja HTML5 dan kerangka kerja.
Di Hongkiat, kami selalu ingin membuat pengembangan Anda bekerja semudah mungkin, jadi di bawah ini adalah daftar generator template dan kerangka kerja HTML5 yang mempercepat pengembangan HTML5 Anda, atau membantu Anda mengurangi masalah yang mengganggu seperti kompatibilitas browser. Pada akhir hari, pengembangan HTML5 Anda hanya akan menjadi lebih mudah dan lebih bahagia dengan generator dan kerangka kerja ini!
Mengapa Kerangka?
Meskipun mungkin butuh beberapa waktu untuk benar-benar mempelajari kerangka kerja, jika Anda memiliki kerangka kerja yang siap, semua yang perlu Anda tambahkan adalah konten dan sedikit modifikasi sesuai dengan selera Anda. Juga jangan khawatir tentang hal itu, dunia tidak akan memandang Anda dengan menghina karena menggunakan generator template HTML5 atau kerangka kerja yang siap digunakan. Kepraktisan didahulukan!
Selain itu, kerangka kerja yang ada untuk digunakan biasanya memiliki pengikut dan dukungan yang loyal. Keuntungan menggunakan kerangka kerja adalah Anda benar-benar tidak perlu khawatir tentang masalah serius seperti cross-browser dan kompatibilitas lintas-platform, orang lain telah merenungkan itu untuk Anda. Tetapi, tentu saja, Anda dapat berkontribusi pada penyebabnya, terutama untuk perpustakaan dan kerangka kerja sumber terbuka.
Bagaimanapun, selalu baik untuk memiliki perlengkapan tambahan di kotak peralatan desain Anda!
Generator Template & Kerangka
Initializr
Hanya sedikit klik yang diperlukan untuk membuat sendiri template HTML5. Initializr juga memberi Anda opsi apakah Anda ingin templat Anda menyertakan JavaScript atau jQuery, konfigurasi server, dan analitik Google.
Initializr juga dibangun di atas HTML5BoilerPlate, alat hebat lainnya untuk memperluas jangkauan HTML5 Anda, menambah fungsionalitas, dan meningkatkan seluruh situs Anda.
Pembuat Template HTML5
Alternatifnya adalah generator template HTML5 Shikiryu.com. Ini memiliki opsi tambahan untuk memasukkan deskripsi untuk penulis situs web, juga termasuk opsi untuk Favicon dan ikon Apple Touch jika Anda ingin mereka secara otomatis dimasukkan ke dalam template.
SwitchToHTML5
Generator kerangka HTML5 hebat lainnya adalah SwitchToHTML5. Seperti yang lain, ini memungkinkan Anda untuk menambahkan beberapa elemen seperti ,
,
,
, dan lain-lain. SwithToHTML5 juga memberi Anda opsi apakah Anda ingin mendukung Internet Explorer atau tidak, karena versinya lebih awal dari IE9 tidak mendukung HTML5 secara asli.
direformasi
Katakanlah, saya tidak bisa menjadi satu-satunya yang benci membuat formulir, bukan? Membuat formulir adalah tugas yang melelahkan, setidaknya untuk orang-orang seperti saya, itu sebabnya reformasi ada di sini untuk membantu orang membuat formulir yang bersih dan berfungsi! Reformed adalah pembangun formulir HTML5 yang sangat ringan dan tidak akan menyebabkan Anda terlalu banyak kesulitan, seperti jika Anda melakukan formulir dari awal.
Ada dua versi, aplikasi web dan aplikasi desktop yang berdiri sendiri, meskipun Anda harus membayar untuk membuatnya bekerja offline. Nah, jika Anda menyukai aplikasi ini, tunjukkan cinta!
Modernizr
Manfaatkan HTML5 dan CSS3 menggunakan Modernizr. Ini adalah perpustakaan JavaScript sumber terbuka untuk membantu pengembang membuat situs web terbaik yang menggabungkan HTML5 dan CSS3.
Browser lama bukan masalah dengan Modernizr, pengunjung akan melihat apa yang seharusnya mereka lihat, apa pun versi browser mereka..
Pekerjaan rutin
Secara teknis bukan generator, tetapi kerangka kerja yang dapat diunduh yang mempercepat proses pengembangan. Pekerjaan 52 menghilangkan kerepotan HTML5 dan menjabarkan semuanya tepat di depan Anda, membuat pengembangan lebih cepat dan lebih mudah.
52framework mendukung berbagai macam browser, membuat kompatibilitas lintas-browser menjadi lebih sedikit masalah. Dan kabar baiknya bagi pengembang? Bahkan mendukung IE6 sebagian!
Editor HTML5
Editor Aloha
Karena kita sudah berbicara tentang layanan dan aplikasi yang mempercepat pengembangan, berikut adalah alat yang luar biasa untuk membantu Anda mengedit konten situs Anda dengan konten yang sesuai dengan xHTML5.
Aloha Editor adalah editor HTML5, bukan sembarang editor, tetapi editor WYSIWYG yang dapat mengubah konten situs Anda secara instan, segera setelah Anda membuat perubahan di editor.
Wallaby
Setiap bermimpi mengonversi animasi Flash ke HTML5? Wallaby, sebuah proyek oleh Adobe, memungkinkan konversi animasi Flash dan karya seni ke HTML5, menjadikan file dapat diedit di Dreamweaver atau editor lain.
Referensi
Selami Ke HTML5
Buku yang bagus dan menyenangkan untuk mulai belajar tentang HTML5 dengan cara berpikir kreatif, ini juga merupakan sumber yang bagus yang memberikan ide segar bagi orang-orang yang sudah mengetahui cara kerja HTML5.
Referensi HTML5
Panduan W3C asli untuk HTML5, dengan fokus pada kesederhanaan dan aplikasi praktis untuk pemula, sambil memberikan informasi terperinci untuk pengembang web tingkat lanjut.
Lebih
Untuk saat ini, sebenarnya tidak banyak yang bisa dilihat. Masih ada, relatif, beberapa alat untuk kerangka HTML5 dan template untuk digunakan, karena Anda mungkin telah memperhatikan jika Anda memeriksa tautan, sebagian besar fitur untuk setiap generator / kerangka kerja serupa. Saya mungkin telah melewatkan alat yang Anda gunakan untuk mengembangkan situs web HTML5 yang mengagumkan, jadi jika Anda ingin berbagi, jangan ragu untuk mempostingnya di komentar.!
Juga, periksa posting kami jika Anda ingin mendapatkan lebih banyak tentang HTML5!
- HTML5: 15 Pengalaman yang Menginspirasi
- HTML5: 19 Aplikasi Web
- HTML5: 48 Potensi Demo Pembunuhan Flash
- Buat Formulir Kontak HTML5 / CSS3 Berbasis Ajax