Βρίσκεστε στα παλιότερα κείμενα του blog. Αφού διαβάσετε αυτό που σας ενδιαφέρει, μπορείτε να επιστρέψετε στα καινούρια.

Wednesday 26.11.2008, ¶ CSS3.gr, 4 Σχόλια

Web standards και elastic design στο CSS3

Το CSS3 είναι πολύ χαρούμενο γιατί στο σημερινό του τεύχος έχει το πρώτο του διεθνές άρθρο και είναι γύρω από τα Web standards. Το 2ο μας άρθρο έχει να κάνει με το elastic layout.

Τα web standards και η χρησιμότητά τους

Το άρθρο γράφτηκε από ένα σπουδαίο πρόσωπο των Web standards, τη Henny Swan. Η Henny είναι μέλος της Opera, όπου εργάζεται ως ειδικός των standards, ανάμεσα στα πολλά άλλα που κάνει. Μια πιο αναλυτική ματιά στο ποια είναι μπορείτε να διαβάσετε στη σχετική σελίδα των φιλοξενούμενων συγγραφέων του CSS3. Με τη Henny δουλεύουμε στο International Liaison Group, το γκρουπ του Web Standards Project, που στόχο έχει να διαδώσει τη χρήση των standards του Διαδικτύου.

Το κείμενο της Henny είναι μια σύντομη αναδρομή στη γένηση των Web standards και στην ανάγκη να διατηρηθούν ακέραια και μακριά από σκοπιμότητες, ώστε το περιεχόμενο που δημοσιεύεται κάθε μέρα στο Web να είναι χρήσιμο για όσο το δυνατόν περισσότερους ανθρώπους πάνω στον πλανήτη. Τα Web standards αφορούν όλους μας, ανεξάρτητα από που βρισκόμαστε, ανεξάρτητα από το μέσο με το οποίο χρησιμοποιούμε το Web κι ανεξάρτητα από φυσική ικανότητα μας ως άνθρωποι.

Είμαι πολύ χαρούμενος και περήφανος που έχουμε ένα τόσο σημαντικό κείμενο στο CSS3. Διαβάστε κι εσείς το άρθρο: Τα web standards και η χρησιμότητά τους στο CSS3.

Δημιουργία websites με elastic layout

Το δεύτερο άρθρο αυτού του τεύχους του CSS3 γράφτηκε από εμένα. Είναι ένας οδηγός στο elastic layout με τη βοήθεια των CSS.

Το elastic layout είναι εκείνο που αυξομειώνει το μέγεθός του ανάλογα με το μέγεθος των γραμμάτων στην οθόνη. Δε συναντιέται συχνά, δεν είναι τόσο εύκολο όσο το fixed, όμως είναι ιδανικό για την ανάγνωση κειμένων. Στο άρθρο περιγράφω τις βασικές αρχές του elastic layout και κάποια σημεία που ο designer πρέπει να προσέξει, γιατί σε αυτά διαφέρει από τα άλλα layouts.

Διαβάστε το άρθρο: Δημιουργία websites με elastic layout στο CSS3.

4 Σχόλια

Picture of John Tsevdos

Συγχαρητήρια και για τα 2 άρθρα Γιάννη! Είμαι πολύ περήφανος που ανήκω στην ομάδα και πιστεύω πως πρέπει να κυνηγάμε και διεθνή πλέον guest posts wink

John Tsevdos
26 November 2008

Picture of Δημήτρης

Χθες είχα με κάποιους συνάδελφους την κουβέντα για τα em. Χαίρομαι που έγραψες ένα κατατοπιστικό άρθρο και μάλιστα στα Ελληνικά.

Κρίμα που δεν έχετε comments στα άρθρα του css3. Οπότε να κάνω τα σχόλια μου εδώ:

“Όταν υπάρχει πιθανότητα να επέμβει στον κώδικα και δεύτερος άνθρωπος, τότε το πιο πιθανό είναι σε κάποια σελίδα να σπάσει το design και να προκύψουν άσχημα αποτελέσματα.”

Δυστυχώς στις περισσότερες περιπτώσεις ο 2ος άνθρωπος είναι ο κανόνας και όχι η εξαίρεση. Εσύ για το site σου να βάλεις em αλλά αν βάλεις στου πελάτη σου είναι πολύ πιθανό κάποτε να το αναλάβει άλλος άνθρωπος.

Και γενικά βρίσκω ιδιαίτερα σύνθετη τη χρήση em. Όποτε έπρεπε να κάνω μια τόση δα μικρή  αλλαγή σε elastic site έπρεπε είτε α) να καταλάβω ολόκληρο το CSS είτε β) να δοκιμάσω τιμές στην τύχη.

“Σε κάθε περίπτωση πάντως, είναι ένα ισχυρό όπλο στη φαρέτρα του designer που δεν έχουμε την πολυτέλεια να μην το έχουμε ανάμεσα στις εναλλακτικές μας λύσεις.”

Όντως; Οι περισσότεροι μοντέρνοι browsers (πχ. Firefox, Opera και ίσως ο ΙΕ7) κάνουν αληθινό zoom δλδ μεγαλώνουν τα πάντα (πλάτος, εικόνες κλπ).

Πχ στην οθόνη που είμαι τώρα, με οριζόντια ανάλυση 1920 και με FF3 δοκίμασα να κάνω τέρμα zoom τα molly.com, css3.gr, porcupine.gr. Δε βλέπω καμία διαφορά. Όλα μεγάλωσαν σωστά και διαβάζονται τέλεια.

Δημήτρης
26 November 2008

Picture of porcupine

Όντως για να αναλάβει να συντηρήσει ένα elastic layout ένας 2ος designer πρέπει να είναι και έμπειρος και υπομονετικός.

Πάντως τα καλογραμμένα CSS δε θέλουν πολλή ώρα να τα κατανοήσεις.

Σχετικά με το zoom που κάποιοι browsers κάνουν: ο Opera αυτή τη στιγμή είναι ο μοναδικός browser που κάνει σωστό zoom. Ο Firefox π.χ. το κάνει λάθος και ο ΙΕ8 beta επίσης λάθος.

Ο Safari δεν το κάνει καθόλου. Το ίδιο και οι πιο πολλοί browsers του MacOS. Αν θες τη γνώμη μου, αυτό είναι το πιο σωστό, τουλάχιστον μέχρι να βρούμε έναν ενιαίο τρόπο λειτουργίας του Ctrl+ και του Ctrl-.

Γενικά πρόκειται για ένα θέμα που είναι σε εξέλιξη και προκαλεί απανωτά debates.

Οπότε, δεν πιστεύω ότι το elastic έχει πεθάνει. Από την άλλη μεριά, θες να έχεις όσο περισσότερο compatibility μπορείς με όλους τους browsers κι αυτός είναι ένας ακόμα λόγος που το θεωρώ χρήσιμο ως γνώση.

porcupine
26 November 2008

Picture of Gerasimos

Πολύ καλό άρθρο Γιάννη. Thumbs up!

Gerasimos
27 November 2008

-- Τα σχόλια για το post αυτό είναι κλειστά.