Το νέο iTunes store αγαπάει την CSS3
Με την κυκλοφορία του iTunes 9 την εβδομάδα που μας πέρασε, πολλά ειπώθηκαν για το ανανεωμένο και redesigned (μερικώς) iTunes store.
Το iTunes store πρόκειται ουσιαστικά για ένα ‘mini’ site της Apple, προσβάσιμο μόνο μέσα από το iTunes, μέσω του οποίου οι χρήστες μπορούν να μάθουν νέα, να αγοράσουν ή να πάρουν μια γεύση για όλες τις νέες κυκλοφορίες σε μουσική, ταινίες, σειρές, podcasts, πανεπιστημιακές διαλέξεις από καλλιτέχνες, εταιρίες, πανεπιστήμια ή και απλούς χρήστες (ναι αυτό ισχύει για τα podcasts).
Το ενδιαφέρον με το νέο iTunes είναι πως χρησιμοποιεί την μηχανή Webkit για να παρουσιάσει το περιεχόμενο του store, την ίδια μηχανή δηλαδή που χρησιμοποιείται και για το Safari, με ότι αυτό συνεπάγεται στην χρήση των νέων προτύπων.
Αν λοιπόν κάποιος καταφέρει να δει μέσα στον κώδικα του iTunes store, μέσω packet tracing, μπορεί να καταλάβει πως αν και οι νέες σελίδες του iTunes store δεν διακρίνονται για την εκτεταμένη χρήση σημασιολογικού κώδικα ή για την υιοθέτηση της HTML 5 (εκτός ίσως από την χρήση του canvas tag), το CSS 3 πρότυπο κάνει φανερή την παρουσία του σε κάθε σημείο.
Η χρήση των rounded corners, box shadows και transitions καθώς των CSS gradients και masks (που πρωτοεμφανίστηκαν στο Webkit), είναι εκτεταμένη και δείχνει πως όταν κάποιος αναπτύσσει ένα website για μια πλατφόρμα που του δίνει την δυνατότητα να χρησιμοποιήσει τα νέα πρότυπα, μπορεί πραγματικά να δημιουργήσει κάτι αξιοσημείωτο.
Αν θέλετε και εσείς να δείτε τον κώδικα της αρχικής σελίδας του iTunes store, μπορείτε να επισκεφτείτε την σχετική σελίδα (σε Safari 4), αποτέλεσμα του packet tracing από τον Will Norris. Χρησιμοποιώντας τον inspector του Safari 4 μπορείτε να ανακαλύψετε μερικές από τις έξυπνες τεχνικές της Apple!
