HTML5 Şablon Jeneratörleri, Çerçeveleri ve Araçları
Her ne kadar web tasarım endüstrisindeki büyük oyuncular son yıllarda HTML5'i benimsemiş olsalar da, çoğu zaman ya da anlayış yetersizliğinden dolayı pratik çözümde kullanan pek çok kişi yoktur. Bir dil belli bir süre için tanıtılıyorsa, HTML5 şablon üreteçleri ve çerçeveleri oluşturarak sıkıntılarınızı gidermenin zorluklarına meraklı olacaksınız..
Hongkiat'ta, geliştirme işlemlerinizi her zaman olabildiğince kolay yapmak istiyoruz; bu nedenle aşağıda HTML5 geliştirmenizi hızlandıran veya tarayıcı uyumluluğu gibi sorunlu sorunları gidermenizi sağlayan HTML5 şablon üreticilerinin ve çerçevelerinin listesi bulunmaktadır. Günün sonunda, HTML5 geliştirmeniz yalnızca bu üreticiler ve çerçevelerle daha kolay ve mutlu olacak!
Neden Çerçeve?
Çerçeveyi öğrenmek biraz zaman alsa da, hazır olan çerçeveye sahipseniz, eklemeniz gereken tek şey, zevkinize göre içerik ve hafif değişiklikler. Ayrıca, endişelenmeyin, bir HTML5 şablon oluşturucu veya kullanıma hazır bir çerçeve kullanmak için dünya size küçümseyici bir şekilde bakmayacak. Pratiklik önce gelir!
Ayrıca, orada kullanmak için kullanılan çerçevelerin genellikle sadık takipleri ve destekleri vardır. Çerçeveleri kullanmanın bir avantajı, tarayıcılar arası ve platformlar arası uyumluluk gibi ciddi konulardan endişe duymanıza gerek kalmamasıdır, başkası sizin için çoktan başından savundu. Ancak, tabii ki, özellikle açık kaynaklı kütüphaneler ve çerçeveler için onların nedenine katkıda bulunabilirsiniz..
Sonuçta, tasarım araç kutunuzda ekstra bir vitese sahip olmak her zaman iyidir!
Şablon Jeneratörleri ve Altyapıları
Initializr
HTML5 şablonu oluşturmak için birkaç tıklama yeterli. Initializr ayrıca, şablonunuzun JavaScript veya jQuery, sunucu yapılandırmaları ve Google analytics'i içermesini isteyip istemediğinize dair bir seçenek sunar..
Initializr ayrıca HTML5 kavrayışınızı genişletmek, işlevsellik eklemek ve tüm sitenizi geliştirmek için harika bir araç olan HTML5BoilerPlate üzerine kuruludur..
HTML5 Şablon Jeneratörü
Bir alternatif Shikiryu.com'un HTML5 şablon üreticisidir. Web sitesinin yazarına açıklama eklemek için ek bir seçeneğe sahiptir, ayrıca şablona otomatik olarak eklenmelerini istemeniz durumunda Favicon ve Apple Touch simgesi için seçenekler içerir.
SwitchToHTML5
Bir başka harika HTML5 çerçeve oluşturucusu SwitchToHTML5'tir. Diğerleri gibi, gibi çeşitli unsurları eklemenizi sağlar ,
,
,
, ve diğerleri. SwithToHTML5 ayrıca Internet Explorer’ı desteklemek isteyip istemediğinizi de sunar, çünkü IE9’dan önceki sürümü HTML5’i yerel olarak desteklemiyorsa.
reform
Söyleyin, form oluşturmaktan nefret eden tek kişi ben olamam, değil mi? Formlar oluşturmak sıkıcı bir iştir, en azından benim gibi insanlar için, bu yüzden insanların temiz ve işleyen formlar oluşturmasına yardımcı olmak için burada reform yapıldı! Reform, çok hafif bir HTML5 form oluşturucusudur ve formu sıfırdan yaptığınız gibi çok fazla soruna neden olmaz..
İki sürümü var, bir web uygulaması ve bağımsız bir masaüstü uygulaması olsa da, çevrimdışı çalışabilmesi için ödeme yapmanız gerekecek. Peki, uygulamayı seviyorsan, biraz sevgi göster!
Modernizr
Modernizr kullanarak HTML5 ve CSS3'ten yararlanın. Geliştiricilerin HTML5 ve CSS3 içeren en iyi web sitelerini oluşturmalarına yardımcı olan açık kaynaklı bir JavaScript kitaplığıdır..
Daha eski tarayıcılar Modernizr ile ilgili sorun değil, ziyaretçiler tarayıcılarının hangi sürümü olursa olsun görmeleri gerekenleri görecekler.
52framework
Teknik olarak bir jeneratör değil, geliştirme sürecini hızlandıran indirilebilir bir çerçeve. 52framework, HTML5'in sorunlarını ortadan kaldırır ve her şeyi doğrudan önünüze koyar, gelişimi daha hızlı ve kolay hale getirir.
52framework, çok çeşitli tarayıcıları destekleyerek tarayıcılar arası uyumluluğu daha az sorun haline getirir. Ve geliştiriciler için iyi haber? Kısmen IE6'yı bile destekliyor!
HTML5 Editörleri
Aloha Editör
Geliştirmeyi hızlandıran hizmetler ve uygulamalar hakkında konuştuğumuzdan, site içeriğinizi xHTML5 uyumlu içerikle düzenlemenize yardımcı olacak harika bir araç.
Aloha Editör, yalnızca herhangi bir editör değil, aynı zamanda editörde değişiklikleri yapar yapmaz sitenizin içeriğini anında değiştirebilen bir WYSIWYG editörüdür..
valabi
Her biri Flash animasyonlarını HTML5'e dönüştürmeyi hayal ediyor mu? Adobe'nin bir projesi olan Wallaby, Flash animasyonlarının ve sanat eserlerinin HTML5'e dönüştürülmesini mümkün kılarak dosyaları Dreamweaver veya diğer düzenleyicilerde düzenlenebilir hale getirir.
Referanslar
HTML5 Dalış
HTML5 hakkında yaratıcı bir düşünce biçimiyle öğrenmeye başlamak için harika ve eğlenceli bir kitap, bu da zaten HTML5'in çalışmalarını bilen kişiler için taze bir fikir veren iyi bir kaynaktır.
HTML5 Referansı
Yeni başlayanlar için basitlik ve pratik uygulamalara odaklanan ve ileri düzey web geliştiricileri için ayrıntılı bilgi sağlayan özgün bir W3C'nin HTML5 kılavuzu.
Daha
Şimdilik, aslında görecek çok şey yok. Yine de, HTML5 çerçevesi ve şablonları kullanmak için nispeten az sayıda araç var, eğer bağlantıları kontrol ettiyseniz fark etmiş olabileceğiniz gibi, her jeneratör / çerçeve için özelliklerin çoğu benzer. Müthiş HTML5 web siteleri geliştirmek için kullandığınız araçları kaçırmış olabilirim, bu nedenle paylaşmak isterseniz yorumlarda yayınlamaktan çekinmeyin!
Ayrıca, HTML5 hakkında daha fazla bilgi edinmek istiyorsanız gönderilerimize göz atın!
- HTML5: 15 İlham Verici Deneyimler
- HTML5: 19 Web Uygulamaları
- HTML5: 48 Potansiyel Flash-Öldürme Demoları
- Ajax Tabanlı HTML5 / CSS3 İletişim Formu Oluşturun