Οι φίλοι μας από το VANDF ανανέωσαν και πάλι τον ιστότοπο τους και θέλουν να μοιραστούν το τρίγλωσσο άρθρο τους μαζί μας
Το θέμα είναι καθαρά τεχνικό και αφορά την εξέλιξη πρoτύπων HTML και των διαδοχικών φύλλων τεχνοτροπίας (CSS).
Σε περίπτωση που δε λειτουργούν οι σύνδεσμοι μπορείτε να διαβάσετε το άρθρο και ΕΔΩ
Κτίζοντας έναν καλαίσθητο ιστό…
Η εξέλιξη των προτύπων HTML και των διαδοχικών φύλλων τεχνοτροπίας (CSS), προσφέρει στους σχεδιαστές ιστών περισσότερους πόρους και δυνατότητες χρήσης απλού και αποδοτικού κώδικα για οπτικά εφέ που διαφορετικά θα έπρεπε να επιτευχθούν με εικόνες. Στο V and F επιδιώκουμε την υλοποίηση αυτών των εξελίξεων και προσπαθούμε να επωφεληθούμε από τις νέες αυτές δυνατότητες των CSS2 και CSS3. Αυτό είναι ιδιαίτερα σημαντικό έχοντας κατά νου ότι έχουμε δεσμευθεί να μην χρησιμοποιούμε Java, Flash ή άλλον κώδικα ο οποίος μπορεί εν δυνάμει να υπονομευθεί.
Ένα από τα συνηθέστερα πρακτικά προβλήματα κωδικοποίησης ιστότοπων είναι ότι το αποτέλεσμα πρέπει να έχει δυνατότητα προβολής σε όλους τους σύγχρονους φυλλομετρητές. Ο αρχικός μας κώδικας, παρεμφερής με το παράδειγμα 3 εδώ, έδωσε το οπτικό αποτέλεσμα που φαίνεται στα στιγμιότυπα οθόνης δεξιά. Όπως βλέπετε, οι Firefox, Chrome και Opera παρουσιάζουν σχεδόν το ίδιο οπτικό αποτέλεσμα. Η απόδοση παρουσίασης του Safari είναι επίσης καλή, εκτός από ένα μικρό αλλά όχι σοβαρό πρόβλημα αποστάσεων.
Μισό λεπτό όμως! Ο Internet Explorer 9 της Microsoft, (καθώς και σε προγενέστερες εκδόσεις), δεν φαίνεται να κατανοεί σκίαση, αλλά ούτε και στρογγυλεμένες γωνίες, παρά τη διαφημιστική εκστρατεία περί CSS3 και HTML5 και προφανώς δεν είναι σε θέση να τους αποδώσει. Επιπλέον, υπάρχουν ακαλαίσθητα σφάλματα απόστασης στο διαφανές πλαίσιο όταν συνδυάζεται με το δεύτερο πλαίσιο (φόντου).
Η Microsoft ισχυρίζεται ότι: «Η HTML5 βρίσκεται στο επίκεντρο του Internet Explorer 9, με εκτεταμένη υποστήριξη για πρότυπα ιστού όπως HTML5, CSS3, Canvas, SVG και άλλα. Έχετε περισσότερα εργαλεία για το κτίσιμο ενός πιο όμορφου ιστού». – http://msdn.microsoft.com/en-us/ie/aa740469 – αλλά δυστυχώς, αυτές οι δηλώσεις δεν στέκουν. Η ιδιότητα της σκίασης κειμένου αποτελεί μέρος ενός σαφώς προγενέστερου προτύπου του CSS2.
Προς το παρόν, στο V and F χρησιμοποιήσαμε μέρος του κώδικα , με μια εικόνα στη θέση του CSS3 στρογγυλεμένου ορθογώνιου φόντου μας, συμβιβαζόμενοι στο γεγονός ότι ο Internet Explorer μπορεί μόνο να εμφανίζει απλό κείμενο χωρίς σκίαση. Καθόλου κομψό, αλλά λειτουργεί. Ευχόμαστε να είμαστε πιο τυχεροί με τον Internet Explorer 10.
Εάν κάποιοι πιο έμπειροι κωδικογράφοι ιστού έχουν συμβουλές ή προτάσεις για μάς, καλοδεχόμαστε τα σχόλιά σας.
thesecretrealtruth , 24grammata
Δεν υπάρχουν σχόλια :
Δημοσίευση σχολίου