css3.gr

File uploaders. Εργαλεία που έχουν γίνει αναπόσπαστο κομμάτι κάθε web service στην εποχή μας, αλλά και ένας μόνιμος πονοκέφαλος για τους developers.

Όσο απλή και να φαίνεται η διαδικασία μαζικού upload 20 φωτογραφιών στο Flickr, τα πράγματα στον κώδικα δεν είναι πάντα τόσο εύκολα. Έτσι λοιπόν στις μέρες μας για να μπορέσει κάποιος να υλοποιήσει μια σωστή διαδικασία μαζικού upload, θα πρέπει να χρησιμοποιήσει την τεχνολογία Flash της Adobe, λόγω έλλειψης της δυνατότητας μαζικής και ασύγχρονης αποστολής αρχείων στον server από τους browsers που κυκλοφορούν.

Αν βρήκατε ενδιαφέρον το πρώτο μέρος του άρθρου, τα εγγενή διανυσματικά (vector) γραφικά της HTML5 και όλες τις νέες δυνατότητες που μας προσφέρουν, τότε σίγουρα θα ενθουσιαστείτε με το δεύτερο μέρος του αφιερώματος μας, μιας και το θέμα μας παραμένει το ίδιο, απλά αλλάζει η τεχνολογία. Για όσους έχασαν το πρώτο μέρος της σειράς καλό θα είναι να του ρίξουν μια ματιά μιας και εξηγεί λίγο παραπάνω τι είναι η HTML5, τα vector γραφικά, τα πλεονεκτήματα τους και πολλά άλλα.

Σε αυτό το δεύτερο μέρος θα ασχοληθούμε ίσως με το πιο δυνατό χαρακτηριστικό που μας προσφέρει η HTML5, το canvas element και το API του.

Inspect element. Όσοι από εσάς έχετε ασχοληθεί έστω και λίγο με web design ή/και web development, οι δύο αυτές λέξεις θα σας φανούν γνώριμες. Ο τρόπος με τον οποίο μπορεί πλέον ο οποιοσδήποτε να ερευνήσει τον κώδικα μιας σελίδας με δύο κλικ ίσως να φαίνεται αυτονόητος για πολλούς, τα πράγματα όμως δεν ήταν πάντα έτσι.

Μέχρι πρόσφατα, η διαδικασία αποσφαλμάτωσης των σελίδων ήταν αρκετά επίπονη, αφού τόσο για το markup (HTML) όσο και για την Javascript οι developers/designers θα έπρεπε είτε να μάθουν καλά ένα εξωτερικό εργαλείο και να κάνουν την δουλεία τους εκεί, όπως το Dreamweaver, ή να χρησιμοποιούν κάποιο από τα πολλά extensions του Firefox με τις χιλιάδες επιλογές και τα submenus.

Το πρόγραμμα (όχι η εφαρμογή), ο σχεδιασμός (όχι η σχεδίαση) και ο προγραμματισμός (μην σκεφτείς php ή java) είναι οι σημαντικότεροι παράγοντες, που τελικά θα κρίνουν την επιτυχία υλοποίησης ενός project. Θυμάστε που στο σχολείο, στην έκθεση, σας έλεγαν να κάνετε ένα σχεδιάγραμμα πριν αρχίσετε να γράφετε και αναρωτιόσασταν γιατί σας βασανίζουν; Ε, είχαν απόλυτο δίκιο.

Για να οργανωθούμε και να συντονιστούμε, ως άτομα ή και ως ολόκληρη ομάδα, υπάρχουν κάποια εργαλεία και κάποιες τεχνικές που πέρα από χρήσιμες, είναι και διασκεδαστικές. Μερικά βασικά:

Σε ένα από τα άρθρα μας είχαμε παρουσιάσει τους τρισδιάστατους μετασχηματισμούς που εισάγει το CSS3 πρότυπο. Αν και οι μετασχηματισμοί είναι αρκετά σύνθετοι, δεν είναι ικανοί να παράγουν αποτελέσματα που μπορεί κάποιος να συναντήσει σε σύγχρονα ηλεκτρονικά παιχνίδια, που είναι απολύτως λογικό καθώς το CSS3 σχετίζεται με τον τρόπο απεικόνισης των ιστοσελίδων στον browser.