Διαφήμιση
Η επικείμενη HTML5 10 ιστότοποι για να δείτε τι HTML5 είναι όλα σχετικά Διαβάστε περισσότερα η ενημέρωση της 20ετούς γλώσσας HyperText Markup Language υπόσχεται να φέρει την εμπειρία του "web" σε ένα εντελώς νέο επίπεδο, επιτρέποντας στο πρόγραμμα περιήγησης να κάνει περισσότερα από άποψη οπτικής και δεδομένων. Παρόλο που το HTML5 εξακολουθεί να βρίσκεται σε καλή απόσταση από την πλήρη ανάπτυξή του, αυτό δεν έχει σταματήσει πολλούς προγραμματιστές από το να το ωθήσει στα όρια.
Ελέγξτε αυτές τις εκπληκτικές ιστοσελίδες που πραγματικά σας δίνουν μια καλή ιδέα για τις δυνατότητες του HTML5 ως a γλώσσα προγραμματισμού, κάνοντας τα πράγματα στο πρόγραμμα περιήγησης ιστού που ήταν κάποτε δυνατή μόνο σε ένα εξωτερικό πρόγραμμα ή συνδέω. Τους έχω δοκιμάσει στο Chrome και όλοι θα πρέπει να δουλεύουν σε ένα συμβατό πρόγραμμα περιήγησης HTML5, όπως το Chrome, το Firefox 4, το Safari ή το IE9. Είναι demos και το HTML5 εξακολουθεί να είναι έργο σε εξέλιξη, οπότε αν έχετε προβλήματα προβολής τους, ίσως θέλετε να δοκιμάσετε σε άλλο πρόγραμμα περιήγησης. Απολαμβάνω!
Αυτό είναι ένα μεγάλο demo που έγινε από το Arcade Fire και το Google που διαθέτουν διαφορετικά κόλπα HTML5 Canvas. Δεν θέλω να χαλάω την έκπληξη για εσάς - εισάγετε την παιδική σας διεύθυνση και απολαύστε το βίντεο και την τεχνική μαγεία.
Το WebVenture είναι μια εφαρμογή HTML5 και Javascript της πλατφόρμας παιχνιδιών MacVenture. Τώρα μπορείτε να παίξετε το Deja Vu 1 & 2, το Shadowgate και το Unpainted right in your browser! Άλλες υλοποιήσεις παιχνιδιών όπως Wolfenstein 3D επεξεργάζονται, φέρνοντας τυχερά παιχνίδια στο πρόγραμμα περιήγησής σας.
Αυτός ο ιστότοπος από την Google παρουσιάζει μια προσέγγιση σε μορφή "βιβλίου" σε μια περιγραφή σχετικά με τον τρόπο λειτουργίας του προγράμματος περιήγησης ιστού και τον αριθμό των βασικών τεχνολογιών. Εντυπωσιακό από τεχνικής πλευράς, είναι επίσης ένα καλό αστάρι για τους αναγνώστες που θα ήθελαν να μάθουν περισσότερα για το πώς λειτουργεί το web.
Συνεργαζόμενο Σχέδιο
Αυτό το demo χρησιμοποιεί το Ιστοσελίδες HTML5 για να επιτρέψει στους θεατές να συνεργαστούν - ταυτόχρονα - να σχεδιάσουν τον καμβά.
Το SketchPad είναι ένα πρόγραμμα "χρωμάτων" για τον ιστό. Υποστηρίζει στοιχειώδη όργανα σχεδίασης και γίνεται μόνο σε HTML5 και JavaScript.
Το Galactic Plunder είναι ένας 2D Space Shooter που εφαρμόζεται σε HTML5. Δεν είναι τόσο χαρακτηριστικό που είναι γεμάτο ως ένας κανονικός σκοπευτής πλευράς κύλισης, γίνεται εξ ολοκλήρου σε HTML5 που είναι εντυπωσιακό από μόνο του.
Το HTML5 σας επιτρέπει να κάνετε πολλά με το βίντεο στον ιστό. Εκτός από το να μπορείτε να το αναπαράγετε χωρίς το πρόγραμμα περιήγησης ιστού σας, χωρίς πρόσθετο plugin, σας επιτρέπει να χειρίζεστε αυτό το βίντεο. Αυτό το demo δείχνει πώς μπορείτε να "ανατινάξετε" τα εικονοστοιχεία ενός βίντεο ενώ παίζετε.
Πολλαπλή μπάλα παραθύρων
Αυτό δείχνει και το αποτέλεσμα επίσης εμφανίζεται στο βίντεο Arcade Fire. Το HTML5 σάς επιτρέπει να ανοίξετε πολλά παράθυρα και να μετακινήσετε αντικείμενα μεταξύ τους.
Το HTML5 Rocks είναι ένα slideshow που δείχνει πολλά από τα ιδιαίτερα χαρακτηριστικά της γλώσσας HTML5. Εάν είστε προγραμματιστής, σας δίνει δείγμα κώδικα και σας επιτρέπει να δείτε τις δυνατότητες του HTML5.
Εάν ήσαστε gamer στις αρχές της δεκαετίας του '90, θα θυμάστε αυτό το αποτέλεσμα με ειλικρίνεια. Δεδομένου ότι η υπολογιστική ισχύς ήταν περιορισμένη, οι γραφίστες χρησιμοποίησαν «κόλπα» για να μιμηθούν βίντεο σε μια στατική εικόνα. Αυτό το αποτέλεσμα καμβά θα σας δείξει πώς έγινε και περιλαμβάνει επίσης πολλά παραδείγματα που είναι όμορφα επίσης.
Πειράματα HTML5 από το Hakim.se [Δεν διατίθενται πλέον]
Αυτός ο ιστότοπος απαριθμεί πολλές επιδείξεις παιχνιδιών και άλλες μικροσκοπικές μικροσυσκευές για να δείξει τι μπορείτε να κάνετε με το HTML5. Καλό για έμπνευση και ίσως λίγο χρόνο εκτροπής.
Το Harmony είναι ένα κομψό πρόγραμμα σχεδίασης που σας επιτρέπει να χρησιμοποιείτε δροσερές βούρτσες για να ζωγραφίζετε μια εικόνα. Μπορείτε να δημιουργήσετε πράγματα όπως "γούνα" και "web" που είναι απλά δροσερά για να δείτε στη δημιουργία.
Αυτό το κομψό mashup από @ 9elements pits μουσική και περιστρεφόμενες κουκίδες με τις δημοσιεύσεις twitter για HTML5. Είναι δύσκολο να περιγραφεί στην πράξη, πρέπει να το καταλάβετε!
Ραδιόφωνο / HTML5 Mashup
Ένα άλλο τακτοποιημένο mashup που καλύπτει το Radiohead Idioteque με ένα σχέδιο του Thom Yorke το οποίο τραβιέται καθώς το τραγούδι εξελίσσεται. Μια άλλη επίδραση "φαίνεται να πιστεύεται".
Θέλουν περισσότερα?
Αυτοί οι δύο ιστότοποι έχουν δημιουργηθεί για να δώσουν τις απόψεις τους σε μια ευρεία ποικιλία των demos του HTML5 και των εφέ HTML5 Canvas. Που κυμαίνονται από την εγκόσμια στην "δροσερή", αν διψά για περισσότερα αυτά είναι τα μέρη που πρέπει να πάτε.
Υπάρχουν πολλά demos του HTML5 εκεί έξω στο διαδίκτυο τώρα - και είναι καλά στο δρόμο του να γίνει το νέο πρότυπο του διαδικτύου. Έχετε φοβερό demos που θέλετε να μοιραστείτε; Παρακαλούμε δημοσιεύστε τα παρακάτω σχόλια!
Ο Dave Drager εργάζεται στο XDA Developersin στα προάστια της Φιλαδέλφειας, PA.