Διαφήμιση

Η επικείμενη HTML5 10 ιστότοποι για να δείτε τι HTML5 είναι όλα σχετικά Διαβάστε περισσότερα η ενημέρωση της 20ετούς γλώσσας HyperText Markup Language υπόσχεται να φέρει την εμπειρία του "web" σε ένα εντελώς νέο επίπεδο, επιτρέποντας στο πρόγραμμα περιήγησης να κάνει περισσότερα από άποψη οπτικής και δεδομένων. Παρόλο που το HTML5 εξακολουθεί να βρίσκεται σε καλή απόσταση από την πλήρη ανάπτυξή του, αυτό δεν έχει σταματήσει πολλούς προγραμματιστές από το να το ωθήσει στα όρια.

Ελέγξτε αυτές τις εκπληκτικές ιστοσελίδες που πραγματικά σας δίνουν μια καλή ιδέα για τις δυνατότητες του HTML5 ως a γλώσσα προγραμματισμού, κάνοντας τα πράγματα στο πρόγραμμα περιήγησης ιστού που ήταν κάποτε δυνατή μόνο σε ένα εξωτερικό πρόγραμμα ή συνδέω. Τους έχω δοκιμάσει στο Chrome και όλοι θα πρέπει να δουλεύουν σε ένα συμβατό πρόγραμμα περιήγησης HTML5, όπως το Chrome, το Firefox 4, το Safari ή το IE9. Είναι demos και το HTML5 εξακολουθεί να είναι έργο σε εξέλιξη, οπότε αν έχετε προβλήματα προβολής τους, ίσως θέλετε να δοκιμάσετε σε άλλο πρόγραμμα περιήγησης. Απολαμβάνω!

instagram viewer
τι είναι το html5

Αυτό είναι ένα μεγάλο demo που έγινε από το Arcade Fire και το Google που διαθέτουν διαφορετικά κόλπα HTML5 Canvas. Δεν θέλω να χαλάω την έκπληξη για εσάς - εισάγετε την παιδική σας διεύθυνση και απολαύστε το βίντεο και την τεχνική μαγεία.

βουτήξτε στο html5

Το WebVenture είναι μια εφαρμογή HTML5 και Javascript της πλατφόρμας παιχνιδιών MacVenture. Τώρα μπορείτε να παίξετε το Deja Vu 1 & 2, το Shadowgate και το Unpainted right in your browser! Άλλες υλοποιήσεις παιχνιδιών όπως Wolfenstein 3D επεξεργάζονται, φέρνοντας τυχερά παιχνίδια στο πρόγραμμα περιήγησής σας.

βουτήξτε στο html5

Αυτός ο ιστότοπος από την Google παρουσιάζει μια προσέγγιση σε μορφή "βιβλίου" σε μια περιγραφή σχετικά με τον τρόπο λειτουργίας του προγράμματος περιήγησης ιστού και τον αριθμό των βασικών τεχνολογιών. Εντυπωσιακό από τεχνικής πλευράς, είναι επίσης ένα καλό αστάρι για τους αναγνώστες που θα ήθελαν να μάθουν περισσότερα για το πώς λειτουργεί το web.

Συνεργαζόμενο Σχέδιο

βουτήξτε στο html5

Αυτό το demo χρησιμοποιεί το Ιστοσελίδες HTML5 για να επιτρέψει στους θεατές να συνεργαστούν - ταυτόχρονα - να σχεδιάσουν τον καμβά.

html5 tutorial

Το SketchPad είναι ένα πρόγραμμα "χρωμάτων" για τον ιστό. Υποστηρίζει στοιχειώδη όργανα σχεδίασης και γίνεται μόνο σε HTML5 και JavaScript.

html5 tutorial

Το Galactic Plunder είναι ένας 2D Space Shooter που εφαρμόζεται σε HTML5. Δεν είναι τόσο χαρακτηριστικό που είναι γεμάτο ως ένας κανονικός σκοπευτής πλευράς κύλισης, γίνεται εξ ολοκλήρου σε HTML5 που είναι εντυπωσιακό από μόνο του.

html5 tutorial

Το HTML5 σας επιτρέπει να κάνετε πολλά με το βίντεο στον ιστό. Εκτός από το να μπορείτε να το αναπαράγετε χωρίς το πρόγραμμα περιήγησης ιστού σας, χωρίς πρόσθετο plugin, σας επιτρέπει να χειρίζεστε αυτό το βίντεο. Αυτό το demo δείχνει πώς μπορείτε να "ανατινάξετε" τα εικονοστοιχεία ενός βίντεο ενώ παίζετε.

Πολλαπλή μπάλα παραθύρων

15 τοποθεσίες που κάνουν καταπληκτικά πράγματα με το στυλό HTML5

Αυτό δείχνει και το αποτέλεσμα επίσης εμφανίζεται στο βίντεο Arcade Fire. Το HTML5 σάς επιτρέπει να ανοίξετε πολλά παράθυρα και να μετακινήσετε αντικείμενα μεταξύ τους.

15 τοποθεσίες που κάνουν καταπληκτικά πράγματα με HTML5 html5rocks

Το HTML5 Rocks είναι ένα slideshow που δείχνει πολλά από τα ιδιαίτερα χαρακτηριστικά της γλώσσας HTML5. Εάν είστε προγραμματιστής, σας δίνει δείγμα κώδικα και σας επιτρέπει να δείτε τις δυνατότητες του HTML5.

15 ιστότοποι που κάνουν εκπληκτικά πράγματα με τον κύκλο HTML5

Εάν ήσαστε gamer στις αρχές της δεκαετίας του '90, θα θυμάστε αυτό το αποτέλεσμα με ειλικρίνεια. Δεδομένου ότι η υπολογιστική ισχύς ήταν περιορισμένη, οι γραφίστες χρησιμοποίησαν «κόλπα» για να μιμηθούν βίντεο σε μια στατική εικόνα. Αυτό το αποτέλεσμα καμβά θα σας δείξει πώς έγινε και περιλαμβάνει επίσης πολλά παραδείγματα που είναι όμορφα επίσης.

Πειράματα HTML5 από το Hakim.se [Δεν διατίθενται πλέον]

15 ιστότοποι που κάνουν εκπληκτικά πράγματα με corecanvas HTML5

Αυτός ο ιστότοπος απαριθμεί πολλές επιδείξεις παιχνιδιών και άλλες μικροσκοπικές μικροσυσκευές για να δείξει τι μπορείτε να κάνετε με το HTML5. Καλό για έμπνευση και ίσως λίγο χρόνο εκτροπής.

15 τοποθεσίες που κάνουν καταπληκτικά πράγματα με αρμονία HTML5

Το Harmony είναι ένα κομψό πρόγραμμα σχεδίασης που σας επιτρέπει να χρησιμοποιείτε δροσερές βούρτσες για να ζωγραφίζετε μια εικόνα. Μπορείτε να δημιουργήσετε πράγματα όπως "γούνα" και "web" που είναι απλά δροσερά για να δείτε στη δημιουργία.

15 τοποθεσίες που κάνουν καταπληκτικά πράγματα με HTML5 9elements

Αυτό το κομψό mashup από @ 9elements pits μουσική και περιστρεφόμενες κουκίδες με τις δημοσιεύσεις twitter για HTML5. Είναι δύσκολο να περιγραφεί στην πράξη, πρέπει να το καταλάβετε!

Ραδιόφωνο / HTML5 Mashup

15 ιστότοποι που κάνουν καταπληκτικά πράγματα με ραδιοτηλεοπτικό κανάλι HTML5

Ένα άλλο τακτοποιημένο mashup που καλύπτει το Radiohead Idioteque με ένα σχέδιο του Thom Yorke το οποίο τραβιέται καθώς το τραγούδι εξελίσσεται. Μια άλλη επίδραση "φαίνεται να πιστεύεται".

Θέλουν περισσότερα?

τι είναι το html5

Αυτοί οι δύο ιστότοποι έχουν δημιουργηθεί για να δώσουν τις απόψεις τους σε μια ευρεία ποικιλία των demos του HTML5 και των εφέ HTML5 Canvas. Που κυμαίνονται από την εγκόσμια στην "δροσερή", αν διψά για περισσότερα αυτά είναι τα μέρη που πρέπει να πάτε.

Υπάρχουν πολλά demos του HTML5 εκεί έξω στο διαδίκτυο τώρα - και είναι καλά στο δρόμο του να γίνει το νέο πρότυπο του διαδικτύου. Έχετε φοβερό demos που θέλετε να μοιραστείτε; Παρακαλούμε δημοσιεύστε τα παρακάτω σχόλια!

Ο Dave Drager εργάζεται στο XDA Developersin στα προάστια της Φιλαδέλφειας, PA.