HTML5 πρότυπα γεννήτριες, πλαίσια και εργαλεία
Παρόλο που οι μεγάλοι παίκτες στη βιομηχανία σχεδιασμού ιστοσελίδων έχουν υιοθετήσει το HTML5 τα τελευταία χρόνια, δεν υπάρχουν πολλοί άλλοι που το χρησιμοποιούν στην πρακτική λύση, κυρίως λόγω της έλλειψης χρόνου ή κατανόησης. Οι πιθανότητες είναι εάν μια γλώσσα προωθείται για ορισμένο χρονικό διάστημα, θα υπάρξουν ενθουσιώδεις που πηγαίνουν στα προβλήματα της εξάλειψης των προβλημάτων σας δημιουργώντας HTML5 πρότυπα γεννήτριες και πλαίσια.
Στο Hongkiat, θέλουμε πάντα να κάνουμε την εξέλιξή σας όσο το δυνατόν πιο εύκολη, τόσο παρακάτω είναι η λίστα των γεννητριών πρότυπων HTML5 και των πλαισίων που είτε επιταχύνουν την εξέλιξη HTML5, είτε σας διευκολύνουν να αντιμετωπίζετε προβλήματα όπως η συμβατότητα του προγράμματος περιήγησης. Μέχρι το τέλος της ημέρας, η εξέλιξη HTML5 θα γίνει ευκολότερη και πιο ευτυχισμένη με αυτές τις γεννήτριες και τα πλαίσια!
Γιατί Πλαίσιο?
Παρόλο που μπορεί να χρειαστεί λίγος χρόνος για να μάθετε πραγματικά το πλαίσιο, εάν έχετε το πλαίσιο έτοιμο, όσα χρειάζεται να προσθέσετε είναι το περιεχόμενο και οι μικρές τροποποιήσεις ανάλογα με το γούστο σας. Επίσης, μην ανησυχείτε, ο κόσμος δεν θα σας κοιτάξει περιφρονητικά για τη χρήση μιας γεννήτριας προτύπων HTML5 ή ενός έτοιμου προς χρήση πλαισίου. Η πρακτική είναι η πρώτη!
Εκτός αυτού, τα πλαίσια που είναι εκεί έξω για τη χρήση έχουν συνήθως πιστές ακολουθίες και υποστήριξη. Ένα πλεονέκτημα στη χρήση πλαισίων είναι ότι πραγματικά δεν χρειάζεται να ανησυχείτε για σοβαρά ζητήματα όπως η συμβατότητα μεταξύ των προγραμμάτων περιήγησης και των πολλαπλών πλατφορμών, κάποιος άλλος έχει ήδη εξετάσει αυτό για εσάς. Αλλά, φυσικά, μπορείτε να συμβάλλετε στην αιτία τους, ειδικά για τις βιβλιοθήκες και τα πλαίσια ανοιχτού κώδικα.
Μετά από όλα, είναι πάντα καλό να έχετε μια επιπλέον ταχύτητα στην εργαλειοθήκη σχεδιασμού σας!
Γεννήτριες προτύπων και πλαίσια
Initializer
Λίγα κλικ είναι όλα που χρειάζεστε για να δημιουργήσετε τον εαυτό σας ένα πρότυπο HTML5. Ο Initializer σας δίνει επίσης μια επιλογή αν θα θέλατε το πρότυπο σας να συμπεριλαμβάνει JavaScript ή jQuery, διαμορφώσεις διακομιστών και Google Analytics.
Το Initializer βασίζεται επίσης στο HTML5BoilerPlate, ένα άλλο εξαιρετικό εργαλείο για να επεκτείνετε την κατανόηση HTML5, να προσθέσετε λειτουργίες και να βελτιώσετε ολόκληρο τον ιστότοπό σας.
Γεννήτρια προτύπων HTML5
Μια εναλλακτική είναι η γεννήτρια προτύπων HTML5 του Shikiryu.com. Έχει μια πρόσθετη επιλογή για να περιλάβει την περιγραφή του συγγραφέα του ιστότοπου, περιλαμβάνει επίσης επιλογές για το εικονίδιο Favicon και Apple Touch σε περίπτωση που θέλετε να εισαχθούν αυτόματα στο πρότυπο.
SwitchToHTML5
Μια άλλη μεγάλη γεννήτρια πλαισίου HTML5 είναι το SwitchToHTML5. Όπως και άλλοι, σας επιτρέπει να προσθέσετε πολλά στοιχεία, όπως ,
,
,
, και άλλοι. Το SwithToHTML5 σας δίνει επίσης την επιλογή αν θέλετε να υποστηρίξετε τον Internet Explorer ή όχι, καθώς η έκδοση του νωρίτερα από τον IE9 δεν υποστηρίζει εγγενώς HTML5.
αναμορφωμένος
Πέστε, δεν μπορώ να είμαι ο μόνος που μισεί τη δημιουργία μορφών, έτσι; Η δημιουργία φόρμας είναι ένα κουραστικό έργο, τουλάχιστον για ανθρώπους σαν εμένα, γι 'αυτό και η μεταρρύθμιση ήταν εδώ για να βοηθήσει τους ανθρώπους να δημιουργήσουν καθαρές και λειτουργικές μορφές! η μεταρρύθμιση είναι ένας οικοδόμος φόρμας HTML5 που είναι πολύ ελαφρύς και δεν θα σας προκαλέσει πάρα πολλά προβλήματα, σαν να κάνετε τη φόρμα από το μηδέν.
Υπάρχουν δύο εκδόσεις, μια εφαρμογή Ιστού και μια αυτόνομη εφαρμογή επιφάνειας εργασίας, παρόλο που θα πρέπει να πληρώσετε για να λειτουργήσει εκτός σύνδεσης. Λοιπόν, αν σας αρέσει η εφαρμογή, δείξτε κάποια αγάπη!
Modernizr
Επωφεληθείτε από τα HTML5 και CSS3 χρησιμοποιώντας το Modernizr. Πρόκειται για μια βιβλιοθήκη JavaScript ανοικτού κώδικα που βοηθά τους προγραμματιστές να δημιουργήσουν τους καλύτερους ιστότοπους που ενσωματώνουν HTML5 και CSS3.
Τα παλαιότερα προγράμματα περιήγησης δεν είναι τα προβλήματα με το Modernizr, οι επισκέπτες θα δουν τι πρέπει να δουν ανεξάρτητα από την έκδοση του προγράμματος περιήγησής τους.
52framework
Τεχνικά δεν είναι γεννήτρια, αλλά ένα downloadable framework που επιταχύνει τη διαδικασία ανάπτυξης. Το 52framework εξαλείφει τις παρενοχλήσεις του HTML5 και καθορίζει τα πάντα μπροστά σας, καθιστώντας την ανάπτυξη γρηγορότερη και ευκολότερη.
Το 52framework υποστηρίζει μια μεγάλη ποικιλία προγραμμάτων περιήγησης, καθιστώντας λιγότερο συμβατό το cross-browser. Και τα καλά νέα για τους προγραμματιστές; Υποστηρίζει ακόμη και το IE6 μερικώς!
HTML5 επεξεργαστές
Aloha Editor
Εφόσον μιλάμε ήδη για υπηρεσίες και εφαρμογές που επιταχύνουν την ανάπτυξη, εδώ είναι ένα καταπληκτικό εργαλείο που σας βοηθά να επεξεργαστείτε το περιεχόμενο του ιστότοπού σας με περιεχόμενο συμβατό με xHTML5.
Ο Aloha Editor είναι ένας επεξεργαστής HTML5, όχι μόνο οποιοσδήποτε επεξεργαστής, αλλά ένας επεξεργαστής WYSIWYG που μπορεί να τροποποιήσει άμεσα το περιεχόμενο του ιστότοπού σας, μόλις κάνετε τις αλλαγές στον επεξεργαστή.
Μικρή κάγκουρο
Κάθε ονειρεύτηκε να μετατρέψει τα κινούμενα σχέδια Flash σε HTML5; Το Wallaby, ένα έργο της Adobe, καθιστά δυνατή τη μετατροπή των κινούμενων εικόνων Flash και έργων τέχνης σε HTML5, καθιστώντας τα αρχεία επεξεργάσιμα στο Dreamweaver ή σε άλλους επεξεργαστές.
βιβλιογραφικές αναφορές
Βυθιστείτε στο HTML5
Ένα μεγάλο και ευχάριστο βιβλίο για να ξεκινήσετε να μαθαίνετε για HTML5 σε έναν δημιουργικό τρόπο σκέψης, είναι επίσης ένας καλός πόρος που δίνει μια νέα ιδέα για τους ανθρώπους που ήδη γνωρίζουν τη λειτουργία του HTML5.
Αναφορά HTML5
Ένας πρωτότυπος οδηγός του W3C για το HTML5, με έμφαση στην απλότητα και πρακτικές εφαρμογές για αρχάριους, παρέχοντας παράλληλα λεπτομερείς πληροφορίες για τους εξελιγμένους προγραμματιστές ιστού.
Περισσότερο
Προς το παρόν, δεν υπάρχει τίποτα να δει κανείς πραγματικά. Υπάρχουν ακόμα, σχετικά λίγα εργαλεία για το πλαίσιο και τα πρότυπα HTML5 που χρησιμοποιείτε, καθώς ίσως έχετε παρατηρήσει αν έχετε ελέγξει τους συνδέσμους, τα περισσότερα από τα χαρακτηριστικά για κάθε γεννήτρια / πλαίσιο είναι παρόμοια. Μπορεί να έχω χάσει τα εργαλεία που χρησιμοποιείτε για την ανάπτυξη φοβερών ιστοτόπων HTML5, οπότε αν θέλετε να μοιραστείτε την αίσθηση ότι μπορείτε να τις δημοσιεύσετε στα σχόλια!
Επίσης, ελέγξτε τις αναρτήσεις μας εάν είστε πρόθυμοι να λάβετε περισσότερα για το HTML5!
- HTML5: 15 Έμπνευση Εμπειριών
- HTML5: 19 Εφαρμογές Ιστού
- HTML5: 48 Πιθανές εκδηλώσεις που σκοτώνουν το Flash
- Δημιουργία φόρμας επικοινωνίας HTML5 / CSS3 που βασίζεται σε Ajax