Ο τελικός οδηγός πόρων HTML5
Παρά το γεγονός ότι η προδιαγραφή HTML5 δεν θα ολοκληρωθεί επισήμως μέχρι το 2022 (αν και θα ολοκληρωθεί μέχρι το 2014), πολλοί σχεδιαστές ήδη καταδύονται στα τμήματα του HTML5 που υποστηρίζουν σήμερα σε σύγχρονα προγράμματα περιήγησης.
Το HTML5 ανοίγει κάποιες εντελώς νέες κατευθύνσεις για το σχεδιασμό ιστοσελίδων και την ανάπτυξη εφαρμογών web, πράγματα που ήταν παλαιότερα δυνατή μόνο με JavaScript ή Flash.
Εδώ έχουμε συγκεντρώσει 175 πηγές για την εκμάθηση HTML5. Παρακάτω περιλαμβάνονται τα σεμινάρια, τα πλαίσια, τα παραδείγματα και πολλά άλλα.
Αισθανθείτε ελεύθεροι να μοιραστείτε περισσότερους πόρους υψηλής ποιότητας στα σχόλια!
Βασικά μαθήματα
Ένα πολύ βασικό φροντιστήριο από το W3sbchools.com.
HTML5 για αρχάριους. Χρησιμοποιήστε το τώρα, είναι εύκολο!
Ένας εισαγωγικός οδηγός από το What !? Μας αρέσει να μιλάμε για.
28 Χαρακτηριστικά HTML5, συμβουλές και τεχνικές που πρέπει να ξέρετε
Μια συλλογή πολύ χρήσιμων συμβουλών HTML5 από το Nettuts +.
Ένα 40ωρο εκπαιδευτικό βίντεο από τον υπάλληλο της Google Brad Neuberg.
Γρήγορη Συμβουλή: Χαρακτηριστικά HTML5 που πρέπει να χρησιμοποιείτε τώρα
Μια προβολή οθόνης από το Nettuts +.
Μια μεγάλη επισκόπηση των πλεονεκτημάτων του HTML5, καθώς και μερικές πολύ χρήσιμες συμβουλές.
Προετοιμασία για HTML5 με ονόματα σημασιολογικών κλάσεων
Ένα άρθρο από τον Jon Tan για τις νέες σημασιολογικές κλάσεις στο HTML5.
Μια εισαγωγή στο HTML5, με πληροφορίες σχετικά με API, νέα στοιχεία και πολλά άλλα.
Όλα όσα πρέπει να ξέρετε για το HTML5
Μια εισαγωγή από την TechRadar UK.
Ένα πολύ βασικό εκπαιδευτικό site.
Μια εισαγωγή στις δομικές ετικέτες που θα αντικαταστήσουν πολλά τμήματα.
Ένας πολύ χρήσιμος οδηγός για αρχάριους για HTML5
Ένας απλός οδηγός για το σχεδιασμό του front-end με HTML5.
Ένα τεράστιο slideshow για HTML5, ενσωματωμένο στο HTML5.
Εισαγωγή στο στοιχείο κεφαλίδας από τον γιατρό HTML5.
Από τον Ιούλιο του 2009, αυτό το άρθρο καλύπτει τα βασικά στοιχεία του HTML5.
Δομή κώδικα CSS για HTML5: Ορισμένες χρήσιμες οδηγίες
Ορισμένες χρήσιμες οδηγίες από την Woork.
HTML5 εξαπέλυσε: Συμβουλές, τεχνάσματα και τεχνικές
Μια επισκόπηση που περιλαμβάνει πληροφορίες σχετικά με τη σημασιολογική σήμανση, τις φόρμες και πολλά άλλα.
Κατασκευή ιστότοπων σε HTML5
Ένα βασικό φροντιστήριο HTML5 που περιλαμβάνει ένα βασικό αρχείο προτύπου.
Κωδικοποιήστε ένα Vibrant Professional Web Design με HTML5 / CSS3
Κωδικοποιήστε ένα συμβατό προς τα πίσω χαρτοφυλάκιο μιας σελίδας με HTML5 και CSS3
Tutorial: Μελέτη περίπτωσης με HTML5 & CSS3
Αγγίξτε το μέλλον: Δημιουργήστε έναν κομψό ιστότοπο με HTML5 και CSS3
Κωδικοποίηση πρότυπου ιστότοπου μιας σελίδας CSS3 & HTML5
Κωδικοποίηση μιας διάταξης HTML από την αρχή
HTML5 και CSS3: Οι τεχνικές που θα χρησιμοποιήσετε σύντομα
Σχεδιάστε και κωδικοποιήστε μια ιστοσελίδα Cool iPhone App στο HTML5
Simple Website Layout Tutorial Χρησιμοποιώντας HTML5 και CSS3
Χρησιμοποιώντας το HTML5 για να μετατρέψετε το θέμα TwentyTen του WordPress
Ένα σεμινάριο για να επωφεληθείτε από περισσότερα στοιχεία HTML5 από το προεπιλεγμένο θέμα TwentyTen.
HTML5 και CSS3 στο Dreamweaver CS5 - Μέρος 1: Δημιουργία ιστοσελίδας
Η πρώτη σε μια σειρά πολλών τμημάτων σχετικά με την κωδικοποίηση σε HTML5 και CSS3 στο Dreamweaver, από την Adobe.
Δημιουργία σύγχρονων ιστότοπων χρησιμοποιώντας HTML5 και CSS3
Ένα ενδιάμεσο φροντιστήριο από την developerWorks της IMB.
Δημιουργία ιστοσελίδων με HTML5
Από το Webmonkey του Wired
Σχεδιάζοντας ένα blog με HTML5
Εκπαιδευτικά προγράμματα καμβά
Μια παρουσίαση HTML5 Slideshow w / Canvas & jQuery
Αναπήδηση μιας μπάλας γύρω από HTML5 και JavaScript
Πώς να σχεδιάζετε με καμβά HTML5
Μια ολοκληρωμένη εισαγωγή στο σχέδιο με καμβά, από το Think Vitamin.
Μια σε βάθος εισαγωγή στο καμβά από Dev.Opera.
Σκέψη σχετικά με την πρόσβαση σε καμβά HTML5
Μια επισκόπηση των παραμέτρων για την προσιτότητα του καμβά.
Ένας πλήρης οδηγός από τις έξι αναθεωρήσεις.
Ένα σεμινάριο καμβά από το Mozilla Developer Network που περιλαμβάνει σχήματα σχεδίασης, χρησιμοποιώντας εικόνες και πολλά άλλα. Κατάλληλο για αρχάριους καμβά.
Μαθήματα τοπικής αποθήκευσης
Δημιουργία συνεχών κολλώδεις σημειώσεις με τοπική αποθήκευση
Ένα πρακτικό σεμινάριο τοπικής αποθήκευσης.
Προβολή πηγαίου υλικού: Σημαντικές σημειώσεις με HTML5 και CSS3
Οι κολλώδεις σημειώσεις σε αυτό το σεμινάριο έχουν ένα δροσερό εφέ κίνησης όταν είναι κλειστές.
Αποθήκευση προγράμματος περιήγησης για εφαρμογές HTML5
Ένα άλλο φροντιστήριο για τη χρήση τοπικού χώρου αποθήκευσης σε εφαρμογές HTML5.
HTML5 localStorage - Μέρος πρώτο
Το πρώτο σε ένα σεμινάριο τεσσάρων μερών.
Γρήγορη συμβουλή: Μάθηση σχετικά με την τοπική αποθήκευση HTML5
Ένα εκπαιδευτικό βίντεο από το Nettuts +.
webOS HTML5 Βάση δεδομένων αποθήκευσης Tutorial
Ένα σεμινάριο για τη χρήση της τοπικής λειτουργικότητας αποθήκευσης HTML5 με το webOS του Palm.
Εκπαιδευτικά έντυπα
Έχετε μια ημέρα πεδίου με φόρμες HTML5
Τρόπος δημιουργίας εντύπων HTML5 διασταυρωμένων περιηγητών
Σχεδιάζοντας κουτιά αναζήτησης με HTML5 και CSS3
Επανεξέταση των μορφών σε HTML5
Μερικές σύντομες πληροφορίες σχετικά με το τι σημαίνει HTML5 για τον σχεδιασμό της φόρμας.
Μαθήματα βίντεο και πολυμέσων
Δημιουργία ενός Προσαρμοσμένου προγράμματος αναπαραγωγής βίντεο HTML5 με CSS3 και jQuery
Εκμάθηση: Πώς να δημιουργήσετε ένα πρόγραμμα αναπαραγωγής βίντεο HTML5
Blowing HTML Video και χαρτογράφηση του σε 3D χώρο
Εκμάθηση: Προβολή σε πρόγραμμα περιήγησης HTML CrossPlayer (συμπεριλαμβανομένου του iPad)
Ένα ολοκληρωμένο φροντιστήριο για το βίντεο HTML5.
Εισαγωγή στη χρήση του στοιχείου βίντεο από τον γιατρό HTML5.
Εκπαιδευτικά προγράμματα εφαρμογών
Πώς να φτιάξετε μια εφαρμογή iPhone HTML5
Αυτό το σεμινάριο σας διδάσκει πώς να δημιουργήσετε μια offline εφαρμογή HTML5 για iPhone.
Εφαρμογές HTML5: Τοποθέτηση με γεωγραφική τοποθέτηση
Μια εισαγωγή στα API γεωγραφικής κατανομής στο HTML5.
Δημιουργία κινητών εφαρμογών Web με HTML5, Μέρος 1
Από την developerWorks της IBM, η πρώτη σε μια σειρά πέντε μερών από το 2010.
Δημιουργία εφαρμογών Web εκτός σύνδεσης σε κινητές συσκευές με HTML5
Ένας άλλος οδηγός από την developerWorks της IBM.
Εφαρμογές HTML5: Τι, γιατί και πώς
Μια επισκόπηση από το Nettuts +, με πρακτικές ιδέες.
Περισσότερα μαθήματα
Πώς να δημιουργήσετε μια Cute Popup Bar Με HTML5, CSS3 και jQuery
Ένα πρακτικό φροντιστήριο από το SpyreStudios.
Πώς να κάνετε όλα τα προγράμματα περιήγησης να αποτυπώνουν σωστά το HTML5 - Ακόμη και το IE6
Από το Nettuts +.
Εργαλεία και τεχνικές για να κάνουν το HTML5 και το CSS3 συμβατότερο με το πρόγραμμα περιήγησης.
Εφαρμογή μεταφοράς και απόσπασης HTML5
Ένα σεμινάριο Nettuts + Premium.
Top 5 προτιμήσεις κωδικοποίησης HTML
Με το σκεπτικό πίσω από τις προτιμήσεις, και μερικές πολύ καλές πληροφορίες.
HTML5 Microdata: Καλώς ήλθατε στο μηχάνημα
Επισκόπηση της προδιαγραφής μικροδεδομένων.
Συνδυασμός σύγχρονων τεχνικών CSS3 και HTML5
Ένα σεμινάριο Nettuts + Premium.
HTML5: αμφιβολία επίστρωσης επιλύθηκε
Κάποιες διευκρινίσεις σχετικά με την καταλληλότητα χρήσης του στοιχείου NAV από τον Jeffrey Zeldman.
Το HTML5 εξαπατά τα φύλλα και τις γρήγορες αναφορές
Ένα πολύ εύχρηστο γράφημα που περιλαμβάνει συμβατότητα προγράμματος περιήγησης για HTML5 και CSS3.
Μια διαδραστική ενημερωτική έκδοση που παρέχει συμβατότητα διαφόρων στοιχείων HTML5 για κάθε κύριο πρόγραμμα περιήγησης.
Ένας πτυσσόμενος οδηγός αναφοράς τσέπης.
HTML 5 φύλλο εξαπατήσεως (PDF)
Το WTF είναι HTML5 και γιατί πρέπει όλοι να φροντίσουμε
Ένα infographic που εξηγεί τι HTML5 είναι και τι είναι ικανό να κάνει.
Ένα γράφημα από τις σχολές του W3C.
Από τον γιατρό HTML5.
Η επίσημη αναφορά του W3C.
Από το W3C.
Μια επιλογή υποστηριζόμενων λειτουργιών στο HTML5
Ένα γράφημα που καλύπτει ποια προγράμματα περιήγησης καλύπτουν τις λειτουργίες.
Πότε μπορώ να χρησιμοποιήσω ...
Ελέγξτε τη συμβατότητα διαφόρων στοιχείων HTML5 σε μια ποικιλία browsers.
Σύγκριση μηχανών διάταξης (HTML5)
Μια σύγκριση της υποστήριξης για HTML5 vs HTML4 για έναν αριθμό μηχανών διαμόρφωσης προγράμματος περιήγησης, από τη Wikipedia.
HTML5 αναγνωριστικό / κλάσης Cheatsheet
Ένας οδηγός για τα δομικά στοιχεία HTML5.
Δοκιμάζει το τρέχον πρόγραμμα περιήγησης για υποστήριξη HTML5 και εμφανίζει τα αποτελέσματα άλλων προγραμμάτων περιήγησης.
Ένα γράφημα που καλύπτει τις αναθεωρήσεις του προτύπου.
Ένας εύχρηστος ιστότοπος που δείχνει τι κάνει ο περιηγητής σας πίσω από τις σκηνές με ορισμένα στοιχεία HTML5.
Ιστότοποι αφιερωμένοι στην HTML5
Ο ιστότοπος περιλαμβάνει το επίσημο λογότυπο HTML5, καθώς και σύνδεσμο γκαλερί και εμπορεύματα.
Το HTML5 Tutorial έχει μια μεγάλη ποικιλία HTML5 tutorials και ειδήσεων.
Μια συλλογή βασικών, ελεύθερων προτύπων HTML5.
Περιλαμβάνει μαθήματα, πόρους και παιδική χαρά για πειραματισμό με HTML5.
Περιλαμβάνει ερωτήσεις και ερωτήσεις, άρθρα και πολλά άλλα.
Μια τοποθεσία γεμάτη με tutorials καμβά και μια βιτρίνα.
Το blog της ομάδας που εργάζεται για το πρότυπο HTML5.
Ένας ιστοχώρος ειδήσεων HTML5 και εκπαιδευτικός.
Μια τοποθεσία αφιερωμένη στη διδασκαλία της ανάπτυξης εφαρμογών ιστού HTML5 για κινητά.
Πλαίσια
Ένα σταθερό πλαίσιο προεπιλογής HTML5.
Το Less Framework 4 είναι ένα πλαίσιο CSS3 και HTML5 με επιλογές για πλέγματα για κινητά, tablet και επιφάνεια εργασίας.
Ένα πλαίσιο που συνδυάζει HTML5, CSS3 και JavaScript.
Ένα πλαίσιο εφαρμογής HTML5.
Ένα θέμα εκκίνησης HTML5 και CSS3 WordPress.
Ένα πλαίσιο παιχνιδιών HTML5.
Ένα πλέγμα CSS που περιλαμβάνει στυλ για ορισμένα στοιχεία HTML5.
Ένα πλαίσιο ebook για το iPad ενσωματωμένο στο HTML5.
Μια βιβλιοθήκη JavaScript HTML5 για βίντεο.
Μια βιβλιοθήκη JavaScript βασισμένη σε HTML5 για εφαρμογές ιστού για κινητά.
Πλαίσιο πολυμέσων HTML5 για WordPress
Ένα πλαίσιο πολυμέσων HTML5 σε ένα WordPress plugin.
Ένα θέμα εκκίνησης HTML5 για το WordPress.
Γεννήτρια πλαισίου HTML5.
Ένα πλαίσιο εφαρμογής για κινητά HTML5.
Ο επίσημος οδηγός για το Boilerplate HTML5
Μια προβολή οθόνης από το Nettuts +
Βιτρίνες
HTML5 σχεδίαση ιστοσελίδων.
Μια συλλογή από εξαιρετικές τοποθεσίες HTML5 από όλο τον κόσμο.
Μια άλλη συλλογή σχεδίων ιστότοπων HTML5.
Μια άλλη βιτρίνα μεγάλων ιστοτόπων HTML5.
HTML5 web design βιτρίνα.
Παρουσίαση HTML5: 48 Πιθανές εκδηλώσεις που σκοτώνουν το Flash
Από το HongKiat.
Μια συλλογή από ιστοτόπους που βασίζονται στο HTML5.
Μια βιτρίνα εφαρμογών, παιχνιδιών, εργαλείων και σεμιναρίων για καμβά HTML5.
12 Όμορφες προβολές HTML5 Web Design
Μια βιτρίνα 12 ιστοτόπων HTML5.
Προχωρώντας στο μέλλον: 25 υπερσύγχρονες ιστοσελίδες που χρησιμοποιούν HTML5
Μια βιτρίνα με 25 σχέδια HTML5.
30 μαγευτικές τοποθεσίες που χρησιμοποιούν HTML5 στη διάταξή τους πυρήνα
Μια άλλη βιτρίνα των τοποθεσιών που βασίζονται σε HTML5.
Δείγματα και παραδείγματα
HTML Demo και παραδείγματα HTML5
Μια συλλογή από παραδείγματα για το τι μπορείτε να κάνετε με το HTML5, με ένα βολικό διάγραμμα για τη συμβατότητα του προγράμματος περιήγησης.
Ένα πολύ cool animation σε καμβά HTML5.
Μια σειρά πειραμάτων στοιχείων και σχεδιαγράμματος και demos.
Μια συσκευή αναπαραγωγής βίντεο HTML5.
Ένα δωρεάν πρόγραμμα αναπαραγωγής βίντεο HTML5.
10 Demo HTML5 για να σας κάνει να ξεχάσετε το Flash
Ένα άλλο πρόγραμμα αναπαραγωγής βίντεο HTML5.
Κάνει ετικέτες βίντεο και ήχου να λειτουργούν σε όλα τα μεγάλα προγράμματα περιήγησης.
Μια βιβλιοθήκη JavaScript που κάνει τα στοιχεία HTML5 και CSS3 συμβατά με τα παλαιότερα προγράμματα περιήγησης.
Βιβλία
HTML5 για σχεδιαστές ιστοσελίδων
Από τον Jeremy Keith, που δημοσιεύθηκε από το A Book Apart.
HTML5: Σχεδιασμός πλούσιων εφαρμογών Internet
Από τον Μάθιου Ντέιβιντ.
HTML5 & CSS 3 για τον πραγματικό κόσμο
Από τον Alex Goldstein, τον Louis Lazaris και τον Estelle Weyl
Ο βασικός οδηγός HTML5: Χρήση παιχνιδιών για να μάθετε HTML5 και JavaScript
Με τη Jeanine Meyer.
HTML5 & CSS3: Ανάπτυξη με τα πρότυπα του αύριο σήμερα
Με τον Brian P. Hogan.
HTML5 καμβά: εγγενής διαδραστικότητα και κινούμενα σχέδια για το Web
Από τον Steve Fulton και τον Jeff Fulton, που δημοσιεύθηκε από τον O'Reilly.
Pro HTML5 και CSS3 Design Patterns
Με τον Michael Bowers. Έξοδος τον Σεπτέμβριο του 2011, αλλά διαθέσιμη ως μέρος του προγράμματος Alpha της Apress.
Με τους Peter Lubbers, Brian Albers και Frank Salim.
Λύσεις HTML5: Βασικές τεχνικές για προγραμματιστές HTML5
Από τον Marco Casario, τον Peter Elst, τον Charles Brown, τον Nathalie Wormser και τον Cyril Hanquez.
Ίδρυμα HTML5 καμβά: Για παιχνίδια και ψυχαγωγία
Από τον Rob Hawkes.
Βάση HTML5 Animation με JavaScript
Με τον Keith Peters και τον Billy Lamberta.
Ο οριστικός οδηγός για το βίντεο HTML5
Από τη Silvia Pfeiffer.
Από τον Joseph W. Lowery και τον Mark Fletcher.
Μια πλήρης εισαγωγή ηλεκτρονικού βιβλίου στο HTML5, από τον Mark Pilgrim.
Με τους Bruce Lawson και Remy Sharp.
Από τον Bill Sanders.
Περισσότεροι πόροι και άρθρα
Πώς αλληλεπιδρούν οι υποδοχές Web HTML5 με διακομιστές μεσολάβησης
Από το A List Apart, που δημοσιεύθηκε τον Δεκέμβριο του 2007.
Ναι, μπορείτε να χρησιμοποιήσετε HTML5 σήμερα!
Ένα άρθρο Sitepoint από τα μέσα του 2009.
Ένα σε βάθος εισαγωγικό άρθρο από το Perishable Press, που δημοσιεύθηκε στα μέσα του 2009.
Μια συζήτηση των σημασιολογικών στοιχείων του HTML5, από την A List Apart, που δημοσιεύτηκε το 2009.
Βιβλιοθήκη πολυμέσων Kaltura HTML5
Μια βιβλιοθήκη JavaScript που σας επιτρέπει να χρησιμοποιείτε ετικέτες βίντεο και ήχου HTML5 σε μια ποικιλία browsers.
Περισσότερα σχετικά με την ανάπτυξη ονομασιών συμβάσεων, μικρομορφωμάτων και HTML5
Από Για ένα όμορφο ιστό.
Από το Adactio.
Ο Steve Smith σε HTML5 και CSS3
Σχόλιο για το τι σημαίνει HTML5 και CSS3 για το σχεδιασμό ιστοσελίδων, από το Think Vitamin.
HTML5 & CSS3: Πάρτε το σχέδιό σας σε άλλο επίπεδο
Από το Ledger Design Web.
HTML5: Τα γεγονότα και οι μύθοι
Μια κατάρρευση πολλών από τους μύθους και παρανοήσεις σχετικά με το HTML5, από το Smashing Magazine.
Μια συνεδρία από το Nettuts +.
Η κατάσταση των εφαρμογών HTML5
Ένα μεγάλο σχόλιο για την οικοδόμηση εφαρμογών με HTML5.
Περισσότερες ροές HTML5
Η τελευταία εργαλειοθήκη HTML5: 60 άρθρα, τα σεμινάρια, οι πόροι και οι εμπνευσμένες βιτρίνες
Από τον δημιουργικό ανεμιστήρα.
Μάθετε HTML5: 10 Πρέπει να διαβάσετε τα μαθήματα
Από τα μυστικά Webhosting αποκαλυφθε'ντα
Από τη σκέψη Βιταμίνη.
Η τελική συλλογή των πόρων HTML5 και CSS3
Από το Smashing Share.
15 Χρήσιμα πρότυπα και πλαίσια πρότυπα CSS3 και HTML5
Από το περιοδικό Speckyboy Design Magazine.
Από τη σκέψη Βιταμίνη /
70 Πρέπει να έχετε CSS3 και HTML5 Tutorials and Resources
Από Webappers.
Μια συλλογή από πόρους και σεμινάρια HTML5
Από το περιοδικό Speckyboy Design Magazine.
25 Βασικά μαθήματα και τεχνικές HTML5
Από το Monster Template.
HTML5 Tutorials και τεχνικές που θα σας κρατήσουν απασχολημένους
Από τον Νουέπε.
15 Χρήσιμα HTML5 Tutorials και Cheat Sheets
Από το Ledger Design Web.
Οι μόνοι πόροι HTML5 που χρειάζεστε για να φτάσετε στην ταχύτητα
Από έξι αναθεωρήσεις.
Από το BlogFreakz
40 Πρέπει να δείτε HTML5 Tutorials, Τεχνικές και Παραδείγματα για Web Developers
Από τον κομψό σχεδιαστή ιστοσελίδων.
30+ Πολύ χρήσιμα HTML5 Παραδείγματα, Tutorials και Τεχνικές
Από το περιοδικό Tripwire.
Γράφτηκε αποκλειστικά για WDD από Κάμερον Τσάπμαν .
Έχετε έναν αγαπημένο πόρο που δεν καλύψαμε; Ενημερώστε μας στα σχόλια!