Η HTML 5 έχει κάνει την αλλαγή στο παιχνίδι της κατασκευής ιστοσελίδων. Έχω συγκεντρώσει 10 τέλεια παραδείγματα HTML 5, CSS και JavaScript που θα σας δώσουν να καταλάβετε ποια είναι η πραγματική δύναμη αυτών των τεχνολογιών.

Εισαγωγή

Δεν έχω ακόμα προλάβει να εμβαθύνω στην HTML 5 τόσο όσο θα ήθελα, αλλά είναι τόσο καυτό θέμα που και να θέλω να την αποφύγω δεν το μπορώ. Στην αρχή σκέφτηκα πως θα πάρει καιρό μέχρι να υιοθετηθεί από την κοινότητα του web, και νομίζω πως η Apple έχει παίξει κάποιο ρόλο  σε αυτό. Το iPad της Apple έχει αποδεχτεί την χρήση της HTML 5. Η HTML 5 έχει αλλάξει το παιχνίδι στο χώρο του web development και είναι τόσο συναρπαστικό αυτό !

Blob

Ένας χαριτωμένος μικρός χαρακτήρας. Είναι φτιαγμένος με HTML 5 canvas και με JavaScript.

Bubble

Δημιουργεί χρωματιστές φούσκες χρησιμοποιώντας HTML 5 και φυσικά το μαγικό άγκυγμα της JavaScript

jParallax

Τέλειο jParallax. Θα ήθελα να το χρησιμοποιήσω πολύ σε κάποιο από τα project μου, αλλά ακόμα δεν έχω βρει την ευκαιρία. Είναι γραμμένο ως plugin για το jQuery και είναι δωρεάν.

Fireworks

Ποτέ δεν είχα φανταστεί ότι θα μπορούσαμε κάποια στιγμή να δημιουργήσουμε πυροτεχνήματα με τη χρήση της JavaScript και της HTML 5.

Canvas photo

Δημιουργήστε το εφέ των φωτογραφιών της Polaroid με το στοιχείο canvas της HTML 5. Επίσης συνοδεύεται από ένα εργαλείο εξαγωγής.

Video show case from Apple

Η Apple έχει ένα ωραίο παράδειγμα βίντεο με μάσκες, αλλαγή μεγέθους και αλλαγή προοπτικής σε βίντεο.

Photo Gallery

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

Particle Animation

Χρησιμοποιεί 300 στοιχεία για να συλλαβίσει μια λέξη. Είναι ένα παράδειγμα που χρησιμοποιεί το στοιχείο canvas της HTML 5.

Spread

Καταστροφή ενός HTML 5 canvas

Αν θεωρείτε πως ο canvas της Apple είναι τέλειος τότε δοκιμάστε και αυτό. Σας προτείνουμε να χρησιμοποιήσετε περιηγητή βασισμένο σε webkit