Ρυπαίνοντας ένα σκοτεινό και καταθλιπτικό δρόμο, κείτονται τα κατάλοιπα των browser–specific tags, μη συμβατών DOMs, και της ελλειπής υποστήριξης CSS.
Κατεβάστε το html αρχείο και τοcss file
Ρυπαίνοντας ένα σκοτεινό και καταθλιπτικό δρόμο, κείτονται τα κατάλοιπα των browser–specific tags, μη συμβατών DOMs, και της ελλειπής υποστήριξης CSS.
Σήμερα, πρέπει να ξεχάσουμε τις παλιές πρακτικές. Η "Διαδικτυακή Διαφώτιση" επετεύχθει χάρη στην ακούραστη προσπάθεια των W3C, WASP και των δημιουργών των γνωστότερων browsers.
Ο css Zen Garden σας προσκαλεί να ηρεμήσετε και να διαλογιστείτε πάνω στα σημαντικότερα μαθήματα των καλύτερων. Αρχίστε να βλέπεται με διαύγεια. Μάθετε να χρησιμοποιείτε τις κοπιώδης τεχνικές με νέους τρόπους. Γίνεται ένα με το δίκτυο.
Υπάρχει ξεκάθαρα η ανάγκη για να λάβουν υπόψη τους σοβαρά οι γραφίστες την CSS. Ο Zen Garden στοχεύει στο να ενθουσιάσει, να εμπνεύσει, και να προωθήσει την συμμετοχή. Ως πρώτο βήμα, δείτε μερικά από τα υπάρχοντα designs στην λίστα. Κάνοντας κλικ σε ένα από αυτά, θα φορτωθεί το αντίστοιχο style sheet στην σελίδα που βρισκόμαστε. Ο κώδικας παραμένει ο ίδιος,το μόνο πράγμα που αλλάζει είναι το εξωτερικό .css αρχείο. Ναι, αλήθεια σας λέω!
Η CSS επιτρέπει πλήρες και ολοκληρωμένο έλεγχο όσον αφορά το στύλ ενός hypertext αρχείου. Ο μόνος τρόπος για να δείξουμε το παραπάνω με όσο το δυνατόν ελκυστικότερο τρόπο είναι με το να δείξουμε τις πραγματικές δυνατότητες του, όταν τα ηνία βρεθουν στα χέρια αυτών που μπορούν να δημιουργήσουν το κάλλος από τη δομή. Μέχρι σήμερα, τα περισσότερα παραδείγματα έξυπνων τρύκ και κόλπων έχουν παρουσιαστεί από προγραμματιστές. Οι designers δεν έχουν κάνει αισθητή την παρουσία τους. Αυτή η κατάσταση πρέπει να αλλάξει.
Οι γραφίστες απλά ευχαριστούν. Εσύ τροποποιείς αυτή τη σελίδα, άρα απαραίτητο πρόσον είναι η πολύ καλή γνώση CSS , αλλά τα ήδη υπάρχοντα designs έχουν αρκετά σχόλια στον κώδικα έτσι ωστε ακόμη και οι αρχαριοι στην CSS να τα χρησιμοποιήσουν ως σημεία εκκίνησης. Παρακαλώ δείτε τον CSS Resource Guide για advanced tutorials και CSS tips .
Μπορείτε να τροποποιήσετε το style sheet με όποιο τρόπο θέλετε, αλλά όχι την HTML. Μπορεί να σας φανεί δύσκολο στην αρχή αν δεν έχετε δουλέψει με αυτό τον τρόπο στο παρελθόν, αλλά ακολουθήστε τα links της λίστας για να μάθετε περισσότερα, και χρησιμοποιήστε τα sample files ώς οδηγό.
Κατεβάστε το html αρχείο και css αρχείο για να δουλέψετε το αντίγραφο στον Η/Υ σας. Όταν τελειώσετε το αριστούργημά σας (και παρακαλώ, μή στείλετε μισοτελειωμένη δουλειά) "ανεβάστε" το .css αρχείο στον web server σας. Στείλτε μας ενα link στο αρχείο και αν επιλέξουμε να το χρησιμοποιήσουμε, θα σας στείλουμε τις συνδεόμενες εικόνες. Τα τελικά designs θα τοποθετηθούν στον server μας.
update: Ψάχνω για μεταφραστές. Αν έχετε πολύ καλη γνώση της αγγλικής και άλλης ξένης γλώσσας, είναι και αυτός ένας τρόπος για να συμμετάσχετε στο project. Παρακαλώ επικοινωνήστε μαζί μου για λεπτομέρειες. Greek translation by Akis Apostoliadis.
Ποιός ο λόγος συμμετοχής σας; Για αναγνώριση, έμπνευση, και ως μία πηγή στην οποία μπορούμε όλοι να ανατρέξουμε όταν αναφερόμαστε στο design βασιζόμενο στην CSS. Κάτι απόλυτα αναγκαίο, ακόμη και σήμερα. Όλο και περισσότερα sites κάνουν το "άλμα", αλλά δεν είναι αρκετά. Κάποια μέρα αυτή η gallery θα είναι ενα ιστορικό αξιοπερίεργο. Αυτή η μέρα δεν είναι η σημερινή.
Θα θέλαμε να δούμε οσο το δυνατόν γίνεται περισσότερο CSS1. Η CSS2 πρέπει να περιοριστεί μόνο σε ευρύτατα υποστηριζόμενα στοιχεία μόνο. Ο css Zen Garden αφορά λειτουργική, πρακτική CSS και όχι τα τελευταία τρυκ που μπορούν να τα δουν μόνο από το 2% του κοινού που χρησιμοποιεί browsers. Η μόνη απαίτηση είναι να είναι έγκυρος ο CSS κώδικας σας.
Δυστυχώς, σχεδιάζοντας με αυτόν τον τρόπο αναδεικύονται τα σφάλματα στις διάφορες εκδόσεις της CSS. Διαφορετικοί browsers απεικονίζουν διαφορετικά αποτελέσματα, μερικές φορές ακόμα και με απόλυτα έγκυρη CSS, και αυτό γίνεται πολύ εκνευριστικό όταν προσπαθώντας να λύσουμε ένα πρόβλημα δημιουργείται ένα άλλο. Δείτε την σελίδα Πόροι για πληροφορίες όσον αφορά διαθέσιμους τρόπους επίλυσης μερικών προβλημάτων. Η πλήρης συμμόρφωση με τους browsers είναι ακόμη όνειρο θερινής νυκτός, και δεν έχουμε την απαίτηση από εσάς να γράψετε τον τέλειο κώδικα που να έχει άψογα απότελέσματα σε όλες τις πλατφόρμες. Αλλά δοκιμάστε όσους περισσότερο μπορείτε. Αν το design σας δεν δουλεύει τουλάχιστον σε IE5+/Win και Mozilla (browsers που χρησιμοποιούνται από το 90% του πληθυσμού), οι πιθανότητες να το δεχτουμε δεν θα είναι και πολλές.
Σας ζητάμε να στείλετε πρωτότυπο δείγμα δουλειάς. Παρακαλούμε να σεβαστείτε τους νόμους πνευματικής ιδιοκτησίας. Παρακαλουμε επίσης να αποφύγεται ανάρμοστο υλικό.Το καλαίσθητο γυμνό είναι αποδεκτό, η πορνογραφία θα απορριφθεί.
Το project είναι τόσο μια άσκηση εκμάθησης όσο και μια παρουσίαση. Έχετε πλήρως κατωχυρωμένα τα δικαιώματα πνευματικής ιδιοκτησίας όσο αφορά τα γραφικά σας, αλλά ζητάμε να διαθέσετε τον κώδικα CSS υπο την Creative Commons άδεια όμοια με αυτή του site έτσι ώστε οι άλλοι να μάθουν από το έργο σας.