Yahoo! User Interface Blog (YUIBlog)

Yui 2.9.0 υποψήφια έκδοση είναι πλέον διαθέσιμη

30 Μαρτίου του 2011 στις 11:02 am από Jenny Donnelly | Στο Ανάπτυξη | 4 Σχόλια

Η Yui 2.9.0 υποψήφια έκδοση είναι πλέον διαθέσιμη για έλεγχο από την κοινότητα. Η ομάδα θα λάβει τις επόμενες ημέρες για να κάνει έναν τελικό γύρο των δοκιμών, έτσι θα θέλαμε να ενθαρρυνθεί η κοινότητα των προγραμματιστών μας για να πάρετε οποιαδήποτε feeback σε μας μέχρι το τέλος της εβδομάδας.

Η υποψήφια έκδοση, Yui 2.9.0 PR4, είναι διαθέσιμο τόσο μέσω του CDN , καθώς και ένα downloadable πακέτο για τη δοκιμή. Παρακαλούμε να παρέχουν ανατροφοδότηση από την Παρασκευή, 1 Απρίλη σε οποιαδήποτε σφάλματα και παλινδρομήσεις μπορείτε να βρείτε.

Εύρεση συζητήσεις: Bloglines | Technorati

Μοιραστείτε και να επεκτείνουν: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

Loader Χρήση σε Quorus

24, Μάρτη 2011 στις 9:49 πμ από τον Peter Abrahamsen | Σε Ανάπτυξης , Yui Εφαρμογές | 1 σχόλιο

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

Ο κώδικας που γράφουμε τις εξουσίες χαρακτηριστικά στις σελίδες άλλων λαών », που σημαίνει ότι είμαστε στη διόλου αξιοζήλευτη θέση της ύπαρξης, όχι μόνο δεν μπορεί να ελέγξει το περιβάλλον του προγράμματος περιήγησης, αλλά βαριά περιορισμούς στο πώς χρησιμοποιούμε το ίδιο το έγγραφο. Οι πελάτες μας βάλετε ένα Quorus script εκκίνησης στις σελίδες τους? Ό, τι άλλο απαιτείται για τη λειτουργία μας έχει φορτωθεί δυναμικά και σε πρώτη ζήτηση. Εμείς πάμε για να ηρωικές προσπάθειες για να βεβαιωθείτε ότι τα στοιχεία, στυλ μας, και τα κείμενα δεν επηρεάζουν τη συμπεριφορά τίποτα δεν είμαστε υπεύθυνοι.

Ξεκινήσαμε παρούσα βάση τον κωδικό μας πριν από δύο χρόνια, όταν Yui 3 ήταν λαμβάνοντας ακριβώς σχήμα. Ήταν μια ριψοκίνδυνη απόφαση κατά τη στιγμή να δεσμευτεί σε μια βάση κώδικα που δεν θα χτυπήσει beta για αρκετούς μήνες. Εκ των υστέρων δεν μπορώ να φανταστώ πώς θα έχουμε καταφέρει ό, τι έχουμε χωρίς αυτό. Δεν έχω δει κανένα άλλο πλαίσιο, το οποίο έχει στοιχεία πλησιάζει τη δύναμη της Loader, Ιδιότητα , και CustomEvent .

Το σενάριο εκκίνησης Quorus που παρέχουμε στους πελάτες μας κάνει σχεδόν τίποτα. Η δουλειά του είναι απλώς να φορτώσει τον πυρήνα της πλατφόρμας μας, χωρίς να εμποδίζει το υπόλοιπο φορτίο της σελίδας, και να περιμένουν στην ουρά κάθε API κλήσεις μέχρι να έχουμε κάνει έτσι. Αυτό το αρχείο script πυρήνα, που ονομάζεται stage2, inlines yui , loader , και oop , καθώς και αρκετά smarts να εγκαταστήσετε επιπλέον βιβλιοθήκες να ανταποκριθούν στις κλήσεις των API, ο χρήστης κάνει κλικ, και άλλες συνθήκες στο λειτουργικό περιβάλλον. Οι περισσότεροι άλλοι πόροι που εξυπηρετείται από έναν προσαρμοσμένο διακομιστή combo που εξυπηρετεί έθιμο Quorus και το απόθεμα μονάδων Yui.

Bootstrap ουρές μέχρι και API κλήσεις που γίνονται στον κώδικα της ιστοσελίδα υποδοχής από τη στιγμή που φορτώνει και όταν είμαστε έτοιμοι να προχωρήσουμε σε μια σειρά σχετικά με την παγκόσμια αντικείμενο μας, QUORUS:

 QUORUS._callbacks = []; QUORUS.use = function () { // turn the arguments object into a regular array, // so that it can be stored safely var args = Array.prototype.slice.call(arguments, 0); QUORUS._callbacks.push(args); }; 

Μόλις είμαστε έτοιμοι για την επεξεργασία των κλήσεων API, stage2 τρέχει ένα προς ένα σε χρονικά όρια. Αυτό εξασφαλίζει ότι αποφέρει τον έλεγχο τακτικά πίσω στο πρόγραμμα περιήγησης, γεγονός που καθιστά την εμπειρία χρήστη ανταποκρίνεται περισσότερο. Η συμπεριφορά είναι πολλά όπως Y. AsyncQueue, αλλά πιο απλή και δεν απαιτεί Yui να φορτωθεί:

 // Put the real 'use' function in place for any subsequent calls: QUORUS.use = function (feature, callback) { YUI.use('module-that-provides-the-feature', function (Y) { // find the API for the requested feature, and pass it to the callback callback(Y.APIs[feature]); // process another pending API call, if any: setTimeout(processAPICall, 0); }); }; // Play catch-up, running each callback in sequence: function processAPICall () { var callback = QUORUS._callbacks.shift(); if (callback) { QUORUS.use.apply(QUORUS, callback); } } // Start processing the queue: processAPICall(); 

Η bootstrap αρχείο, από αυτό το σημείο, ως επί το πλείστον αμετάβλητος: αυτό είναι κάτι που το χέρι μακριά σε έναν πελάτη, ο οποίος μπορεί να απαιτήσει ένα μήνα ή περισσότερο για την ανάπτυξη κάθε νέα έκδοση που τους έδωσε-για μία υπερβολικά μεγάλο χρονικό διάστημα για μια ευέλικτη εταιρεία εκκίνηση. Το stage2 αρχείο, εν τω μεταξύ, είναι μικρό, τα φορτία από τη δική τους διακομιστές μας, και έχει μια σύντομη διάρκεια ζωής cache. Αυτό εξασφαλίζει ότι κανένας τελικός χρήστης θα έχει μια παλιά έκδοση για περισσότερο από μερικά λεπτά. Σχεδόν όλοι οι άλλοι πόροι που χρειαζόμαστε είναι μόνιμα cacheable βιβλιοθήκες JavaScript και CSS αρχεία.

Όταν κυκλοφορία μια νέα έκδοση του κώδικα μας, stage2 κατευθύνει αυτόματα προγράμματα περιήγησης για να ξεκινήσει η λήψη από μια νέα θέση, εξασφαλίζοντας ότι θα χρησιμοποιούν μόνο το νεότερο κωδικό. Αυτή η ρύθμιση μας επιτρέπει να αναπτύξετε γρήγορα τις αλλαγές χωρίς να εξυπηρετούν έως και περιουσιακά στοιχεία συχνότερα από όσο χρειάζεται. Όχι μόνο αυτή η συγκράτηση του κόστους bandwidth μας χαμηλές, αλλά παρέχει μια καλύτερη εμπειρία του χρήστη: την αποθηκευμένη πόρους φορτίο πολύ γρήγορα, ενώ η φόρτωση της σελίδας.

Αν ήμασταν ξεκινώντας codebase μας σήμερα, με το όφελος της Γκαλερί Yui , υπάρχει μια σειρά στοιχείων που θα μπορούσαν να χρησιμοποιήσουν για να κάνουν τη ζωή μας ευκολότερη. Ένας από αυτούς είναι ο Eric Ferraiuolo της Βάσης Διευθυντής Component , που συνδράμει με καλωδίωση μέχρι συστατικά (συνήθως Widgets) σε πρώτη ζήτηση. Ένας άλλος μπορεί να είναι αποθήκευσης Lite , για να μας βοηθήσει να διατηρήσει την κατάσταση εφαρμογών σε ολόκληρη την φορτώνει τη σελίδα.

Πολλές ευχαριστίες στην ομάδα Yui για το σπουδαίο έργο τους, και στην κοινότητα για τη συμβολή τους. Αν θέλετε να διαβάσετε για τις προσεγγίσεις μας να sandboxing ή να συντονίζουν ασύγχρονα φορτωθεί συστατικά, παρακαλώ ενημερώστε με στα σχόλια!

Περίπου ο συντάκτης: Peter Abrahamsen γράφει Ruby και JavaScript, διαχειρίζεται υποδομή server, καθώς και μελέτες με επίκεντρο τον χρήστη σχεδιασμός στο Σιάτλ, Ουάσιγκτον, ΗΠΑ. Μπορεί να βρεθούν στο IRC ως Rainhead.

Εύρεση συζητήσεις: Bloglines | Technorati

Μοιραστείτε και να επεκτείνουν: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

Yui: Ώρες Λειτουργίας Τετ 23η Μαρτίου

21 του Μαρτίου 2011 στις 10:15 π.μ. από τον Luke Smith | Σε Ανάπτυξης , Open Ώρες | 4 Σχόλια

Yui 3 Cookbook πρώτη ματιά

Δεν έχει μεγάλη δημοσιότητα, αλλά έχουμε μια Yui 3 Cookbook στα έργα και Evan goer είναι ο άνθρωπος στο τέλος. Evan έχει μια τεχνική συγγραφέας για σχεδόν 15 χρόνια, πράγμα που σημαίνει ότι τον εμπιστεύονται για να κάνει καλύτερη δουλειά από ό, τι το γράψιμο θα είχαμε (εμείς θα επιμείνουμε σε κωδικοποίηση). Έτσι, αυτή την εβδομάδα θα σας παρουσιάσουμε την Evan, και να σας δώσει την ευκαιρία να δουν και να κάνετε σχόλια για ορισμένες από τις αρχικές περιεχόμενο και τη δομή του βιβλίου.

Επίσης αυτή την εβδομάδα, ο Στίβεν Roussey θα είναι στην κλήση, demoing plugin Φωταψίες για το Firebug που σας επιτρέπει να δείτε την Yui 3 αντικείμενα πίσω από τη δομή DOM και πολλά άλλα.

Ώρα & Λεπτομέρειες

Θα είμαστε σε απευθείας σύνδεση δέκα-έντεκα PDT Τετάρτη. Οι λεπτομέρειες σύνδεσης είναι η ίδια όπως πάντα.

1. Κλήση για να 1-888-371-8922 (Skype λειτουργεί άψογα για μη αμερικανούς συμμετέχοντες *)
2. Εισάγετε τον κωδικό συμμετέχοντα 47188953 #
3. Ενώστε την κοινή προβολή οθόνης (αυτό θα σας ζητήσει να εγκαταστήσετε το Adobe Connect plugin αν αυτή είναι η πρώτη φορά που το χρησιμοποιεί)

* - Σε περίπτωση που το Skype δεν είναι μια επιλογή, με ηλεκτρονικό ταχυδρομείο ή με πιάσουν (ls_n) στο # Yui κανάλι IRC στο Freenode για έναν τοπικό αριθμό.

Εύρεση συζητήσεις: Bloglines | Technorati

Μοιραστείτε και να επεκτείνουν: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

Θέση εργασίας στο Yahoo! Media Team Foundation

17 Μάρτη 2011 στις 9.35 π.μ. από τον Ricardo Dotta | Στο Ανάπτυξη , απασχόληση Frontend Τεχνολογίας στο Yahoo | 1 σχόλιο

Ψάχνουμε για έναν έμπειρο Μηχανικό Λογισμικού για να ενταχθούν στο Yahoo! Media Foundation Front End ομάδα. Το Front End ομάδα είναι υπεύθυνη για την ανάπτυξη της παγκόσμιας, τα κοινόχρηστα στοιχεία του λογισμικού και τις πλατφόρμες για τις περιοχές Yahoo! Media web - Νέα Yahoo!, το Yahoo! Finance, Sports Yahoo!, Yahoo! Μουσική, Ταινίες Yahoo!, τηλεόραση Yahoo!, Yahoo! Video, OMG! και άλλα. Yahoo! Media sites είναι μεταξύ των κορυφαίων προορισμών στον παγκόσμιο ιστό, και θα διαδραματίσουν βασικό ρόλο στην ανάπτυξη μοναδικά και συναρπαστικά προϊόντα και υπηρεσίες που εκατομμύρια επαφή των ανθρώπων κάθε μέρα.

Απαιτήσεις

• Σε θέση να εργαστούν σε ένα δυναμικό περιβάλλον
• Μαθαίνει γρήγορα - γρήγορα μπορεί να έρθουν μέχρι την ταχύτητα με διαφορετικές τεχνολογίες
• Ομάδα player - μπορούν να συνεργάζονται με τους συμμαθητές και τον οδηγό
• Πρέπει να έχετε μια ισχυρή αίσθηση δέσμευσης και της ευθύνης
• Πρέπει να έχει ισχυρές λεκτικές και γραπτές δεξιότητες επικοινωνίας
• Πρέπει να έχει ισχυρή γνώση και έντονο ενδιαφέρον για τις αναδυόμενες εργαλεία και τεχνολογίες στον κλάδο

Απαιτούμενες δεξιότητες / εμπειρία

• 5 χρόνια + εμπειρία στον κλάδο των
• Πρέπει να έχετε ισχυρή γνώση του αντικειμενοστραφούς προγραμματισμού σε PHP (κατά προτίμηση), Java, ή C + + ή παρόμοιο
• Πρέπει να έχετε εμπειρία με MVC πλαίσια όπως Zend, CakePHP, ή Συμφωνική (ή άλλα) και client-side AJAX
• Πρέπει να έχετε ισχυρή γνώση του JavaScript, OOP JS, CSS και DHTML
• Proficiency σε JSON, XML, XSLT, Unix διοίκηση, και shell scripting
• Κανονικές εκφράσεις, Unix εμπειρία της ανάπτυξης, και Subversion διοικητική εμπειρία πολύ επιθυμητή
• Η γνώση και η εμπειρία με HTML5, CSS3, και αναδυόμενες τεχνολογίες παρουσίαση άκρως επιθυμητή
• Η εμπειρία με τον έλεγχο μονάδας ή / και αυτοματοποίηση δοκιμάσει ένα συν
• Database, SQL και MySQL (LAMP stack) εμπειρία είναι pluses
• Εμπειρία στην ανάπτυξη και την ανάπτυξη υψηλής απόδοσης, επεκτάσιμη server-side εφαρμογές
• Εξαιρετική αποσφαλμάτωση και την εξέταση δεξιοτήτων
• Εξαιρετική αναλυτικές και δεξιοτήτων επίλυσης προβλημάτων
• Computer Science πτυχίο ή ισοδύναμη πείρα που απαιτείται εργασία

Σχετικά με το Yahoo!

Σκεφτείτε επηρεάζουν 1 στους 2 άτομα σε απευθείας σύνδεση-σε καινοτόμους και ευφάνταστους τρόπους που είναι μοναδικά στο Yahoo!. Κάνουμε ακριβώς ότι κάθε μέρα, και θα μπορούσατε επίσης. Μετά από όλα, πρόκειται για μεγάλους στοχαστές όπως σας που θα δημιουργήσουν την επόμενη γενιά των εμπειριών του Διαδικτύου για τους καταναλωτές και τους διαφημιστές σε όλη την υδρόγειο. Τώρα είναι η ώρα να δείξουμε στον κόσμο τι έχετε. Βάλτε τις ιδέες σας για την εργασία για πάνω από μισό δισεκατομμύριο ανθρώπους.

Yahoo! Inc είναι εργοδότης ίσων ευκαιριών. Για περισσότερες πληροφορίες και για την εφαρμογή μπορείτε να επισκεφθείτε http://careers.yahoo.com/jdescription.php?frm=search_results&oid=35901&qs=jcat=8__submit=1 , και να αναζητήσετε όλα τα ανοίγματα μας, παρακαλούμε επισκεφθείτε http://careers.yahoo . com .

Εύρεση συζητήσεις: Bloglines | Technorati

Μοιραστείτε και να επεκτείνουν: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

Yui: Ανοίξτε Ώρες Πέμ 17 Μάρτη

14 Μαρ 2011 στις 11:56 pm από Luke Smith | Σε Ανάπτυξης , Open Ώρες | Δεν Σχόλια

Ajax

Αυτή την εβδομάδα, θέλω να επισκιάσουν την ώρα για να μιλήσουμε για Y.io (και φίλους) και κάνει ένα μικρό brainstorming σε αυτό που όλοι σκέφτονται, θα κάνει ajax Yui 3 είναι διεπαφές το καλύτερο που μπορεί να είναι. Έχω κάποιες σκέψεις που θα ήθελα να μοιραστώ, και μπορούμε να σαρώσετε μέσα από κάποιο υπάρχον σφάλματα και αιτήσεις για καινούρια χαρακτηριστικά .

Πραγματικά, όμως, θέλω να ακούσω από σας τι είδους σχέδια έχετε την τάση να εφαρμόσει στον πραγματικό κόσμο, και τι είδους ζάχαρη API θα μπορούσαμε να προσθέσουμε για να κάνουν τη ζωή σας πιο εύκολη. Επειδή θα το κάνουμε. Ορκίζομαι.

Εδώ είναι ένα δείγμα από τη συλλογή σήμερα:

• Resource REST
• IO Multi-απάντηση
• AlloyUI IO και IO Request
• Comet ρεύμα
• JSON-RPC
• IO Poller

Ίσως κάποιες από τις απαντήσεις είναι εκεί μέσα; Τι θέλετε ψημένο σε, και τι θέλετε να μοιάζει;

Ώρα & Λεπτομέρειες

Θα είμαστε σε απευθείας σύνδεση δέκα-έντεκα PDT Πέμπτη. Οι λεπτομέρειες σύνδεσης είναι η ίδια όπως πάντα.

1. Κλήση για να 1-888-371-8922 (Skype λειτουργεί άψογα για μη αμερικανούς συμμετέχοντες *)
2. Εισάγετε τον κωδικό συμμετέχοντα 47188953 #
3. Ενώστε την κοινή προβολή οθόνης (αυτό θα σας ζητήσει να εγκαταστήσετε το Adobe Connect plugin αν αυτή είναι η πρώτη φορά που το χρησιμοποιεί)

* - Σε περίπτωση που το Skype δεν είναι μια επιλογή, με ηλεκτρονικό ταχυδρομείο ή με πιάσουν (ls_n) στο # Yui κανάλι IRC στο Freenode για έναν τοπικό αριθμό.

Εύρεση συζητήσεις: Bloglines | Technorati

Μοιραστείτε και να επεκτείνουν: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

Yui 2.9.0 Release Preview είναι πλέον διαθέσιμη

14 Μαρ 2011 στις 8:10 pm από Jenny Donnelly | Στο Ανάπτυξη | 4 Σχόλια

Η ομάδα Yui έχει σκληρά κατά την εργασία από το κλείσιμο του τελευταίου από μας 2.9.0 σφάλματα , και σήμερα είμαστε στην ευχάριστη θέση να ανακοινώσει τη διαθεσιμότητα μιας απελευθέρωσης 2.9.0 προεπισκόπηση για τον έλεγχο από την κοινότητα. Περιλαμβάνεται σε αυτό το δελτίο είναι πολυάριθμες διορθώσεις σφαλμάτων και στοχευμένες βελτιώσεις που θα βοηθήσει στην παύση της Yui 2 codeline , καθώς και στοχευμένες αλλαγές κώδικα και ενημερώσεις τεκμηρίωσης που το καθιστούν πιο δύσκολο για τους εκτελεστές να παραμελούν ακούσια βέλτιστες πρακτικές ασφαλείας .

Yui 2.9.0 αντιπροσωπεύει τελευταία κυκλοφορία bug μας καθορίσει την Yui 2 γραμμών κώδικα πριν από τη θέση της σε λειτουργία τη συντήρηση, όταν μόνο τα κρίσιμα διορθώσεις σφαλμάτων και στοχευμένες επιδιορθώσεις συμβατότητας προγράμματος περιήγησης θα ληφθούν υπόψη. Είμαστε πραγματικά συγκινημένοι για να είναι σε θέση να επιτύχουν αυτό το σημαντικό ορόσημο, το οποίο θα μας βοηθήσει να εντείνουμε τις προσπάθειές μας σε Yui 3.

Yui 2.9.0 PR2 είναι διαθέσιμο τόσο μέσω του CDN , καθώς και ένα downloadable πακέτο για τη δοκιμή. Ελπίζουμε ότι μπορείτε να πάρετε μια στιγμή για τη δοκιμή έκδοση προεπισκόπησης του σήμερα και παρέχουν ανατροφοδότηση από την Παρασκευή, 18 του Μαρτίου σε οποιαδήποτε σφάλματα και παλινδρομήσεις μπορείτε να βρείτε.

Εύρεση συζητήσεις: Bloglines | Technorati

Μοιραστείτε και να επεκτείνουν: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!

CSS τεχνάσματα των συνόρων με Κατέρρευσε Κουτιά

8 Μαρτίου του 2011 στις 15:23 από τον Thierry Koblentz | Σε CSS 101 , Σχεδιασμός , Ανάπτυξη | 8 Σχόλια

Αυτά τα κόλπα θα σας βοηθήσει να designs χωρίς να καταφεύγουν στη χρήση των εικόνων, CSS3 κλίση ή extraneous σήμανσης. Με την κατάρρευση κουτιά με μηδενική line-height και height αξίες, μπορούμε να εμφανίσουμε το περιεχόμενο έξω από το πλαίσιο περιεχομένου, πάνω από τα σύνορα.

Bi-χρώμα υποβάθρου

Το παράδειγμα αυτό δεν περιλαμβάνει IE 7.6 λύσεις (ελέγξτε τον πηγαίο κώδικα αυτής της σελίδας demo για IE διορθώσεις).

 .parent { display:inline-block; text-align: center; border: 1px solid #cecece; } .child { display:inline-block; line-height: 0; height: 0; border-top: 1em solid #ffc; border-bottom: 1em solid #fdcf46; padding:0 .6em; vertical-align:bottom; } <ul id="menuBar-A"> <li><a href="#">About Us</a></li> <li class="selected"><a href="#">Contact Us</a></li> <li><a href="#">Services</a></li> <li><a href="#">Products</a></li> </ul> 

Dots και σωλήνες μεταξύ των στοιχείων λίστας

Το παράδειγμα αυτό δείχνει σωστά σε όλους τους φυλλομετρητές μετά από μερικές απλές επιδιορθώσεις IE.

 ul.one, ul.two { margin-left:0; display:inline-block; *display:inline; zoom:1; height:12px; line-height:12px; padding:0; } li { float:left; display:inline; height:2px; line-height:2px; position:relative; top:.3em; } ul.two {border-left:1px solid #333;} ul.one li {border-left:2px solid #333;} ul.two li {border-right:2px solid #333;} ul.one li.first-child, ul.two li.last-child { border:0; } a { color:#000; padding:.4em .9em; *position:relative; } <div id="menuBar-B"> <ul class="us"> <li><a href="#">About Us</a></li> <li class="selected"><a href="#">Contact Us</a></li> </ul> <ul class="ourOffer"> <li class="services"><a href="#">Services</a></li> <li><a href="#">Products</a></li> </ul> </div> 

Αριστερά και δεξιά προς τα τρίγωνα

Το παράδειγμα αυτό δεν περιλαμβάνει IE 7.6 λύσεις (ελέγξτε τον πηγαίο κώδικα αυτής της σελίδας demo για IE διορθώσεις).

 #box { line-height: 0; height: 0; border: .4em solid transparent; border-left-color: #333; border-right-color: #333; padding: 0 .3em; display: inline-block; } <ul id="menuBar-C"> <li><a href="#">About Us</a></li> <li class="selected"><a href="#">Contact Us</a></li> <li><a href="#">Services</a></li> <li><a href="#">Products</a></li> </ul> 

IE 6 και τη διαφάνεια των συνόρων

IE 6 δεν υποστηρίζει την λέξη-κλειδί " transparent "για το χρώμα του περιγράμματος. Όταν χρησιμοποιείτε αυτήν την τιμή, IE 6 ισοπαλίες ένα μαύρο πλαίσιο.

Η επιδιόρθωση για αυτό είναι να χρησιμοποιηθεί το chroma φίλτρο που εμφανίζει ένα συγκεκριμένο χρώμα του περιεχομένου του αντικειμένου ως διαφανή. Για παράδειγμα, για να δημιουργήσετε ένα βέλος που δείχνει δεξιά μπορείτε να χρησιμοποιήσετε αυτόν τον κανόνα:

 #Box { height: 0; width: 0; border: 10px solid transparent; font-size: 0; _border-color: pink; _filter: chroma(color="pink"); border-left-color: #333; } 

Το font-size δήλωση είναι μια άλλη λύση για IE 6. Είναι για να βεβαιωθείτε ότι αυτό το πρόγραμμα περιήγησης δεν αυξάνει το ύψος του κουτιού.

Σταματήστε τα πιεστήρια έμαθα ακριβώς ένα νέο τέχνασμα (ευχαριστώ Chungho Fang)!:

Η μαγεία [να υπάρξει διαφάνεια στα σύνορα σε IE] είναι να «σύνορα-στυλ», είτε διακεκομμένες ή διακεκομμένη

---

Αυτό είναι! Αυτό είναι απλά ένας ακόμη τρόπος να χρησιμοποιήσετε τα σύνορα για να επιτύχουν την εικόνα-λιγότερο σχεδιασμό.

Περαιτέρω ανάγνωση

• Μια μελέτη των κανονικών πολυγώνων
• slantastic
• Σχηματιστούν κεκλιμένα σώματα

Εύρεση συζητήσεις: Bloglines | Technorati

Μοιραστείτε και να επεκτείνουν: Σελιδοδείκτης με Del.icio.us | Digg it! | reddit!