Generatory szablonów HTML5, ramy i narzędzia
Mimo że najwięksi gracze w branży projektowania stron internetowych stosowali HTML5 w ostatnich latach, nie ma ich zbyt wielu w praktycznym rozwiązaniu, głównie z powodu braku czasu lub zrozumienia. Istnieje szansa, że jeśli język jest promowany przez pewien czas, pojawią się entuzjaści, którzy będą borykać się z problemami z eliminowaniem problemów, tworząc generatory szablonów HTML i struktury.
W Hongkiat zawsze chcemy, aby Twój rozwój działał tak łatwo, jak to tylko możliwe, więc poniżej znajduje się lista generatorów szablonów HTML5 i struktur, które albo przyspieszają rozwój HTML5, albo pomagają złagodzić kłopotliwe problemy, takie jak kompatybilność z przeglądarką. Pod koniec dnia Twój rozwój HTML5 będzie łatwiejszy i szczęśliwszy dzięki tym generatorom i ramom!
Dlaczego ramy?
Chociaż nauczenie się struktury może zająć trochę czasu, jeśli masz gotową strukturę, wszystko, co musisz dodać, to zawartość i drobne modyfikacje zgodne z Twoim gustem. Nie przejmuj się tym, świat nie będzie patrzył na ciebie z pogardą za używanie generatora szablonów HTML5 lub gotowej do użycia struktury. Praktyczność jest na pierwszym miejscu!
Poza tym ramy, które są tam używane, zazwyczaj mają lojalne następstwa i wsparcie. Zaletą korzystania z frameworków jest to, że nie musisz się martwić poważnymi problemami, takimi jak cross-browser i kompatybilność między platformami, ktoś inny już nad tym zastanawiał. Ale oczywiście możesz przyczynić się do ich przyczyny, szczególnie w przypadku bibliotek i frameworków open source.
W końcu zawsze dobrze jest mieć dodatkowy ekwipunek w swoim zestawie narzędzi!
Generatory szablonów i ramy
Initializr
Wystarczy kilka kliknięć, aby wygenerować sam szablon HTML5. Initializr daje również opcję, czy chcesz, aby Twój szablon zawierał JavaScript lub jQuery, konfiguracje serwerów i Google Analytics.
Initializr jest również zbudowany na HTML5BoilerPlate, kolejnym świetnym narzędziu, które rozszerza twój uchwyt HTML5, dodaje funkcjonalności i ulepsza całą witrynę.
Generator szablonów HTML5
Alternatywą jest generator szablonów HTML5 firmy Shikiryu.com. Posiada dodatkową opcję włączenia opisu autora strony, zawiera również opcje dla ikon Favicon i Apple Touch w przypadku, gdy chcesz, aby były automatycznie wstawiane do szablonu.
SwitchToHTML5
Kolejnym świetnym generatorem ram HTML5 jest SwitchToHTML5. Podobnie jak inni, pozwala dodać kilka elementów, takich jak ,
,
,
, i inni. SwithToHTML5 daje również opcję, czy chcesz obsługiwać Internet Explorer, czy nie, ponieważ jego wersja wcześniejsza niż IE9 nie obsługuje natywnie HTML5.
reformowany
Powiedz, nie mogę być jedynym, który nienawidzi tworzyć formularzy, prawda? Tworzenie formularzy jest żmudnym zadaniem, przynajmniej dla ludzi takich jak ja, dlatego zreformowany był tutaj, aby pomóc ludziom stworzyć czyste i funkcjonujące formy! reformed to program budujący formularze HTML5, który jest bardzo lekki i nie sprawi Ci zbytniego kłopotu, na przykład jeśli zrobisz formularz od podstaw.
Istnieją dwie wersje, aplikacja internetowa i samodzielna aplikacja na komputer, ale trzeba zapłacić, aby działała w trybie offline. Cóż, jeśli podoba Ci się aplikacja, pokaż trochę miłości!
Modernizr
Skorzystaj z HTML5 i CSS3 przy użyciu Modernizr. Jest to biblioteka JavaScript o otwartym kodzie źródłowym, która pomaga programistom tworzyć najlepsze strony internetowe zawierające HTML5 i CSS3.
Starsze przeglądarki nie są problemami z Modernizr, odwiedzający zobaczą, co powinni zobaczyć bez względu na wersję przeglądarki.
52 ramy
Technicznie nie jest generatorem, ale strukturą do pobrania, która przyspiesza proces rozwoju. 52 Framework eliminuje kłopoty związane z HTML5 i stawia wszystko przed Tobą, dzięki czemu rozwój jest szybszy i łatwiejszy.
52framework obsługuje wiele różnych przeglądarek, dzięki czemu kompatybilność z różnymi przeglądarkami jest mniej problematyczna. I dobra wiadomość dla programistów? Obsługuje nawet częściowo IE6!
Edytory HTML5
Edytor Aloha
Ponieważ mówimy już o usługach i aplikacjach, które przyspieszają rozwój, oto niesamowite narzędzie, które pomoże Ci edytować zawartość witryny dzięki zawartości zgodnej z xHTML5.
Aloha Editor to edytor HTML5, nie tylko jakikolwiek edytor, ale edytor WYSIWYG, który może natychmiast modyfikować zawartość witryny, jak tylko wprowadzisz zmiany w edytorze.
Wallaby
Każdy marzył o konwersji animacji Flash na HTML5? Wallaby, projekt firmy Adobe, umożliwia konwersję animacji Flash i dzieł sztuki na HTML5, co umożliwia edytowanie plików w Dreamweaver lub innych edytorach.
Referencje
Zanurz się w HTML5
Wspaniała i przyjemna książka, która pozwala nauczyć się HTML5 w kreatywny sposób, jest to również dobry zasób, który daje świeży pomysł osobom, które znają już sposób działania HTML5.
Odniesienie HTML5
Oryginalny przewodnik po HTML5 W3C, z naciskiem na prostotę i praktyczne zastosowania dla początkujących, zapewniając jednocześnie szczegółowe informacje dla zaawansowanych twórców stron internetowych.
Więcej
Na razie nie ma wiele do zobaczenia. Wciąż istnieje stosunkowo niewiele narzędzi do korzystania ze struktury HTML5 i szablonów, jak zauważyłeś, sprawdzając linki, większość funkcji dla każdego generatora / frameworka jest podobna. Być może brakowało narzędzi, których używasz do tworzenia wspaniałych stron HTML5, więc jeśli chcesz się nimi podzielić, możesz je opublikować w komentarzach!
Sprawdź także nasze posty, jeśli chcesz uzyskać więcej informacji na temat HTML5!
- HTML5: 15 Inspirujące doświadczenia
- HTML5: 19 Aplikacje internetowe
- HTML5: 48 Potencjalne demony zabijające Flash
- Utwórz oparty na Ajax formularz kontaktowy HTML5 / CSS3