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

Διαφήμιση

Διαφήμιση
Διαφήμιση

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

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

Arcade Fire - Το κέντρο της άγριας φύσης

τι είναι το html5

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

WebVenture

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

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

20 πράγματα που έμαθα σχετικά με τα προγράμματα περιήγησης και τον ιστό

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

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

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

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

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

[ΧΩΡΙΣ ΜΕΓΑΛΥΤΕΡΗ ΕΡΓΑΣΙΑ] SketchPad

html5 tutorial

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

Γαλαξιακή λεηλασία

html5 tutorial

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

Εφέ βίντεο

html5 tutorial

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

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

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

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

HTML5Rocks (Google)

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

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

8-bit χρώμα ποδηλασία (όπως τα παλιά σχολικά παιχνίδια)

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

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

Πειράματα HTML5 από το Hakim.se

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

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

Αρμονία

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

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

Twitter / Μουσική Mashup

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

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

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

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

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

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

HTML5Demos / CanvasDemos

τι είναι το html5

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

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

In this article