Yahoo! User Interface Blog (YUIBlog)

Ρωτήστε Satyam - και είναι επιλέξιμες για ένα ελεύθερο αντίγραφο της Νέας Yui 2,8 βιβλίο από Packt

Satyam (Daniel Barreiro) έγραψε την περασμένη εβδομάδα για την εμπειρία του γραπτώς Yui 2.8: Η εκμάθηση της Βιβλιοθήκης , το νέο Yui 2 όγκος τώρα διαθέσιμη από Packt.

Packt έχει προσφέρει απλόχερα μερικά δωρεάν ηλεκτρονικά αντίγραφα με YUIBlog αναγνώστες. Προτείνετε μια ερώτηση ή ένα βοήθημα που θα θέλατε να δείτε από Satyam σε Yui 2,8 σχετικό θέμα ως ένα σχόλιο για αυτό το post, και αν Satyam επιλογές προτεινόμενο θέμα σας για ένα από τα τρεις του "Ρωτήστε Satyam" blog Packt θέσεις θα κάνει ένα ηλεκτρονικό αντίγραφο του βιβλίου Satyam είναι διαθέσιμο για να κατεβάσετε.

Satyam θα απόσπαση απαντήσεις σε τρία ερωτήματα αγαπημένο του εδώ στο blog μέσα στον επόμενο μήνα ή έτσι.

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

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

Yui 3.2.0 Release Preview 1: Touch Υποστήριξη Event, χειρονομίες, μεταβάσεις, CSS πλέγματα, ScrollView, αποστολέα, και Περισσότερα

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

Υπάρχουν τρεις τρόποι για να ξεκινήσετε με την έκδοση προεπισκόπησης:

• Χρήση από το CDN: Yui 3.2.0pr1 είναι διαθέσιμα στην CDN μέσω του 3.2.0pr1 tag έκδοση - ώστε να μπορείτε να αναφοράς προεπισκόπηση αποδέσμευσης αρχεία όπως http://yui.yahooapis.com/combo?3.2.0pr1/build/yui/yui-min.js . Εάν μεταβείτε σε αυτό το αρχείο σπόρων για την απελευθέρωση προεπισκόπηση, όλες οι επόμενες use() δηλώσεις θα συνεχίσει να φορτώσει Yui 3.2.0pr1.
• Κατεβάστε το δελτίο: Λήψη Yui 3.2.0pr1 από YUILibrary.com , συμπεριλαμβανομένου του πηγαίου κώδικα και παραδείγματα για όλα τα συστατικά - συμπεριλαμβανομένων των νέων αυτών σε αυτή την έκδοση.
• Εξερευνήστε τα παραδείγματα: Για λόγους ευκολίας, έχουμε δημοσιεύτηκε την προεπισκόπηση (μαζί με τα παραδείγματα λειτουργία ρόστερ ) να YUIBlog. Μη διστάσετε να εξερευνήσετε την απελευθέρωση εκεί ως προοίμιο στην αλλαγή CDN αναφορά σας εκδοχή (ή κάνετε λήψη της προεπισκόπησης) και τις δοκιμές που αναφέρονται στο δικό σας περιβάλλον.

Αξιοσημείωτες αλλαγές που έρχονται στο Yui 3.2.0

Όπως συμβαίνει με όλες τις εργασίες ανάπτυξης Yui, μπορείτε να παρακολουθείτε τα τρέχοντα σχέδια μας και την πρόοδο στην Yui 3 tasklist μας , συμπεριλαμβανομένης μια περιεκτική λίστα των Yui 3.2.0 (και ορισμένες επικείμενες 3.3.0), οι αλλαγές? μπορείτε επίσης να κάνετε check in για την πρόοδο μας την αντιμετώπιση των θεμάτων στη βάση δεδομένων σφαλμάτων . Εδώ είναι μερικά από τα νέα και ενημερωμένα στοιχεία εμφανίζονται στην προεπισκόπηση 3.2.0 προγραμματιστή:

• Εγγενής υποστήριξη για τις εκδηλώσεις αφής έχει προστεθεί ( mynode.on("touchstart", function(e) {}); ). Προσθέσαμε επίσης ένα module Χειρονομίες με δύο συνδυασμένη χειρονομίες - gesture-flick και την gesture-move - που λειτουργούν τόσο με την αφή και το ποντίκι-οδηγείται συσκευές. Ρίξτε μια ματιά στο API docs ή το πακέτο δείγμα σελίδας για ιδέες για το πώς να αρχίσετε να χρησιμοποιείτε χειρονομίες.
• Εγγενή Loader Yui υποστηρίζει τώρα δυνατότητες με βάση τη φόρτωση. Αυτό μας επιτρέπει να διαχωρίζουν, για παράδειγμα, IE-ειδικός κωδικός σε ξεχωριστές υποενότητες και να επιτρέψει την Loader για πακέτο που μόνο κωδικός για browsers που το απαιτούν. Είμαστε μόχλευση αυτή τη νέα δυνατότητα για να αποφευχθεί η ναυτιλία IE-ειδικό κωδικό στη μονάδα Dom σε μη-IE browsers, μια παράσταση / k-βάρους ώθηση που θα ωφελήσει όλους τους χρήστες της σύγχρονης προγράμματα περιήγησης χωρίς να απαιτείται αλλαγή του κωδικού.
• Χαρτοφυλάκιο animation Yui 3 είναι τώρα υποστηρίζει μεταβάσεις μέσω της μονάδας μετάβασης, παρέχοντας εξομάλυνση του προγράμματος περιήγησης για αυτό το ισχυρό, με επιτάχυνση υλικού (εφόσον υπάρχουν) τεχνική για μεταβάσεις χειρισμό? δείτε το παράδειγμα για το δείγμα κώδικα . Animation, στην πιο βασική της μορφή, έχει ένα βελτιωμένο δέντρο εξαρτήσεων για σύγχρονα προγράμματα περιήγησης, μειώνοντας σημαντικά το k-βάρους για απλό animation σε καλύτερα προγράμματα περιήγησης.
• Yui 3.2.0 θα φέρει μαζί της μια νέα έκδοση beta του CSS συστατικό πλέγματα Yui, και μπορείτε να αρχίσετε την εξερεύνηση αυτής της νέας προσέγγισης για τα μεγάλα δίκτυα της απελευθέρωσης προεπισκόπηση. Τα παραδείγματα είναι το καλύτερο μέρος για να ξεκινήσετε .
• Συνεργαστήκαμε με τον Michael Johnston του Yahoo! Mobile ομάδα Μηχανικών να φέρει μια νέα (beta) widget ScrollView να Yui 3.2.0. ScrollView παρέχει μια εφαρμογή παράθυρο κύλιση οικεία στους χρήστες των ιθαγενών εφαρμογές της Apple iOS, μιμούμενοι την ελαστικότητα του στοιχείου κατά την κύλιση στην αρχή ή στο τέλος όριο. Θα δείτε στο 3.2.0pr1 παραδείγματα για ScrollView ότι αυτή η συνιστώσα είναι η συσκευή ουδέτερη, λειτουργεί καλά με ένα ποντίκι, καθώς και με τα γεγονότα αφής στο Android ή το iOS συσκευή.
  
• Η συνιστώσα αποστολέα από Yui 2 είναι τώρα μέρος της Yui 3 οικογένεια καθώς, κάνει το ντεμπούτο του ως beta σε 3.2.0.
• Η ενότητα Ιστορία που έκανε το ντεμπούτο του με Yui 3.0.0, η οποία ήταν ένα λιμάνι της Yui 2 έκδοση, έχει αποδοκιμαστεί (παραμένει διαθέσιμο σε Yui 3.2.0 ως history-deprecated ) Μια νέα beta Ιστορία χρησιμότητα κάνει το ντεμπούτο του. στο 3.2.0, με βάση το ιστορικό Lite module Ryan Grove από την Πινακοθήκη Yui 3. Μια προεπισκόπηση αποδέσμευσης παράδειγμα από το νέο στοιχείο είναι μια καλή αναφορά εκκίνησης.
• Η JSONP και YQL ενότητες ερωτήματος από το Yui 3 Gallery έχουν γίνει κανονικά εξαρτήματα, κάνει το ντεμπούτο του ως beta σε αυτή την έκδοση.

Ανατροφοδότηση

Ο στόχος της ελευθέρωσης προεπισκόπηση είναι να καταστεί όσο το δυνατόν ευκολότερο για όλους μας στην κοινότητα για την αξιολόγηση της προόδου της επερχόμενης απελευθέρωσης και την παροχή ανάδρασης. Αφιερώστε λίγο χρόνο για να δοκιμάσουν 3.2.0pr1 και να μας πείτε τι θα βρείτε εισιτήρια με την κατάθεση στη Yui 3 Βάση δεδομένων των σφαλμάτων που χαρακτηρίζονται ως "παρατήρησης στην έκδοση" 3.2.0pr1. Θα κάνουμε το καλύτερο δυνατό για την αντιμετώπιση προεπισκόπηση αποδέσμευσης ερωτήσεις σχετικά με τη Forums Yui 3 , πάρα πολύ.

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

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

Yui Θέατρο καταλήγει στο Boxee, η ευγένεια του Τσαντ Auld και την Ομάδα Brilaps

Yui συνεργάτης και πρώην Yahoo Τσαντ Auld μαζί μας μέσω e-mail για να μας πείτε για το τελευταίο του έργο με Brilaps ομάδα του - ένα έργο που έχει φέρει Yui Θέατρο στην οθόνη της τηλεόρασης μέσω Boxee. Με τα λόγια του Τσαντ:

Boxee είναι ένα up-and-coming σταυρό εφαρμογή πλατφόρμα, η οποία έχει ως στόχο να συμβάλει το περιεχόμενο ιστοσελίδων με την τηλεόραση. Είναι βασίζεται στην open source XBMC έργου και επιτρέπει στους χρήστες να γράψουν νέα plugins για να φέρει σε πρόσθετο περιεχόμενο. Έχουμε ξεκινήσει ένα νέο έργο περίπου τρεις εβδομάδες πριν από την κατασκευή του πρώτου plugin Boxee μας, και έχουμε επιλέξει το Θέατρο Yui αφορά το περιεχόμενο θέλαμε να φέρει από το διαδίκτυο στην τηλεόραση. Υπάρχουν τόσες πολλές μεγάλες βίντεο αρχειοθετηθεί εκεί (και αυξανόμενη), πιστεύουμε ότι είναι μια καταπληκτική πηγή περιεχομένου για τους προγραμματιστές να έχουν πρόσβαση σε από τον καναπέ τους (ιδίως δεδομένου ότι τα περισσότερα από τα βίντεο είναι λίγο περισσότερο από ό, τι κάποιος μπορεί να έχει το χρόνο να παρακολουθήσουν άνετα από το φορητό υπολογιστή τους). Μας πήρε περίπου μία εβδομάδα για την κατασκευή του plugin, άλλη μια εβδομάδα για να το γυάλισμα και λύσουμε μερικά προβλήματα, και περίπου μια εβδομάδα για να πάρει την αίτηση εγκριθεί από την ομάδα Boxee QA και ωθούνται σε κοινό χώρο αποθήκευσης. Πήρα μόνο λέξη που χτύπησε τη δημόσια αποθήκη σήμερα το πρωί και γι 'αυτό ήθελε να προσεγγίσει και να σας ενημερώσουμε.

Αυτό είναι φανταστικό νέο για όποιον έχει απολαμβάνοντας Yui Θέατρο περιεχόμενο και θα ήθελα να καλύψουν τη διαφορά για τις τελευταίες από Douglas Crockford, Brendan Eich και όλα τα άλλα μεγάλα ηχεία Θέατρο Yui από την άνεση του / καναπέ της. Ελέγξτε έξω το βίντεο παραπάνω για μια περιήγηση του UI, και στη συνέχεια να αρπάξει Boxee και να ξεκινήσετε.

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

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

Θέσεις Μηχανικών frontend Διατίθεται με την Yahoo! Flex ομάδα Force

Η Yahoo! Flex Δύναμη εξετάζει επί του παρόντος να επεκτείνει την ομάδα μας με μερικές ταλαντούχους μηχανικούς frontend. Στο πλαίσιο της ομάδας Force Flex, θα έχετε την ευκαιρία να εργαστούν σε πολλαπλά στρατηγικά έργα υψηλού προφίλ και υψηλής ορατότητας. Οι θέσεις αυτές αφορούν είναι πρεσβευτής των βέλτιστων πρακτικών και την ανταλλαγή γνώσεων σε όλο τον οργανισμό. Συνεργαζόμαστε στενά με τις διάφορες ομάδες πλατφόρμας, συμπεριλαμβανομένης της ομάδας Yui, για να διασφαλίσουμε ότι χρησιμοποιούμε τις πιο πρόσφατες στρατηγικές, τεχνικές και εργαλεία.

Ως πρόσφατο παράδειγμα, η ομάδα της Force Flex ήταν πίσω από την εφαρμογή του νέου Yahoo! Ενημερώσεις widget το οποίο είναι χτισμένο εξ ολοκλήρου με Yui 3 .

Για να είναι επιτυχής σε αυτό το ρόλο, θα πρέπει να είναι ένας μόνος-εκκινητής και μαθαίνει γρήγορα με ένα θετικό τρόπο σκέψης που μπορεί γρήγορα να ράμπα μέχρι και να αναλάβει διαφορετικές προκλήσεις. Το αληθινό πάθος για τεχνολογίες frontend και βέλτιστων πρακτικών είναι επίσης απαραίτητη.

Εάν εργάζεστε με εμένα και τους συναδέλφους μου για το Yahoo! Flex Δύναμη ακούγεται ενδιαφέρον για σας, κατευθυνθείτε προς το χώρο Yahoo σταδιοδρομία και ενημερωθείτε για τις ακόλουθες θέσεις:

• Frontend Engineer θέση # 1
• Frontend Engineer θέση # 2
• Frontend Engineer θέση # 3 - Αυτό είναι ένα πιο ανώτερο ρόλο, με περισσότερη εμπειρία και πρόσθετα προσόντα που απαιτούνται

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

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

Yui: Ανοίξτε Ώρες Τετ. 21, Ιουλίου

Για εκείνους από εσάς που δεν εγγραφείτε στο Yui ημερολόγιο ή YUILibrary.com φόρουμ , η επόμενη δόση του Yui: Ανοίξτε ώρες θα είναι αύριο, 21 Ιουλίου.

Αυτή τη φορά θα πάμε να επικεντρωθεί σε ένα θέμα που επανέρχεται για Yui συνεισφέροντες κοινότητα που μόλις ξεκινήσατε κτίριο δικές τους ενότητες: Πώς να οικοδομήσουμε μια Widget και πώς να οικοδομήσουμε ένα Plugin σε Yui 3 δρόμων.

Anthony παδέλα, γνωστός και ως apipkin του # Yui IRC κανάλι φήμη, θα είναι ο προσκεκλημένος, καθοδηγώντας μας μέσα από εκμαθήσεις του τον τελευταίο χρόνο και δείχνει πώς να περάσουμε από την αντιγραφή και επικόλληση του Yui 3 παραδείγματα τεκμηρίωση για να αισθάνονται σίγουροι ότι θέλετε να κάνετε τη σωστή επιλογές για τον τρόπο προσέγγισης ενός προβλήματος σε ένα "Yui 3 δρόμων της σκέψης».

Θα ρίξουμε μια ματιά σε δύο από τα απλούστερα στοιχεία Gallery του, ο Widget Button και ο κόμβος IO Plugin . Αυτός θα συζητήσουν το τι έμοιαζε αρχικά, σε σχέση με σήμερα, και γιατί άλλαξαν.

Στη συνέχεια θα παίξουμε γύρω από λίγο, ίσως χτίσει κάτι από το μηδέν με βάση αυτά που οι λαοί για την κλήση θέλετε να καλύψετε.

Matt Sweeney (κόμβου, Selector, TabView, πλέγματα, κλπ) και Satyen "ο γκουρού» Desai (Widget, Plugin, Βάση, Ιδιότητα, κλπ) από την ομάδα Yui θα είναι επίσης στην κλήση. Έτσι θα υπάρχουν βέλτιστες πρακτικές στο σπίτι.

Για τους καταναλωτές Yui 3 που δεν είναι (ακόμη;) συμβάλλοντες, την παρούσα πρόσκληση θα πρέπει να εξακολουθήσει να είναι πολύτιμη για την κατανόηση της σκέψης πίσω από το πώς Yui 3 widgets και τα plugins είναι χτισμένα και τι είδους πρότυπα να περιμένουν από νέα στοιχεία Yui. Και χωρίς αμφιβολία θα υπάρξουν κι άλλες μεγάλες takeaways όπως πάντα.

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

1. Κλήση για να 1-888-371-8922 (μη-ΗΠΑ συμμετέχοντες, με e-mail για ένα τοπικό αριθμό)
2. Εισάγετε τον κωδικό συμμετέχοντα 47188953 #
3. Γίνετε μέλος της συνόδου κοινή χρήση της οθόνης (αυτό θα σας ζητήσει να εγκαταστήσετε το Adobe Connect plugin αν αυτή είναι η πρώτη φορά που το χρησιμοποιεί)

Εδώ είναι το θέμα του φόρουμ για το Open ώρες. Θα τοποθετήσω μερικά από τα ενδιαφέροντα takeaways μετά την κλήση.

Ακολουθήστε @ yuilibrary στο Twitter για τις τελευταίες.

Ελπίζουμε να σας δούμε εκεί!

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

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

Σημειώσεις Συγγραφέας: Γράφοντας Yui 2.8: Η εκμάθηση της Βιβλιοθήκης, η Νέα Yui 2 βιβλίο από Packt

Τον Δεκέμβριο του 2009, οι συντάκτες σε Packt Publishing με ρώτησε αν θα ήθελα να γράψω τη δεύτερη έκδοση του βιβλίου τους στην Βιβλιοθήκη Yui . Ο αρχικός συγγραφέας, Dan Wellman, συμμετείχε σε άλλες επιχειρήσεις κατά το χρόνο, και χρειάζεται ένας συγγραφέας ο οποίος ήταν σε μεγάλο βαθμό εξοικειωθεί με Yui 2 . Το πρώτο πράγμα που σκέφτηκα ήταν: Δεν έχετε λίγο αργά; Ένα μεγάλο μέρος της Yui 3 ήταν ήδη στο GA και πιο ερχόταν με κάθε κυκλοφορία. Αλλά η ομάδα Packt ήθελε να προχωρήσει, και συμφώνησε να αναλάβει την πρόκληση.

Στις ¹⁶ Ιουλίου, ο νέος τόμος βγήκε, Yui 2.8: Η εκμάθηση της Βιβλιοθήκης , όχι ως μια δεύτερη έκδοση, αλλά ως ένα νέο τίτλο. Στο τέλος, δεν ήταν τόσο κακή απόφαση. Παρόλο που το βιβλίο ήταν να περάσει από τη διαδικασία του μοντάζ, Yui 3 απέκτησε τη δυνατότητα να φορτώσει Yui 2 συνιστώσες από τη use() δήλωση . Αυτό επεκτείνει τη χρησιμότητα των εκτεταμένων Yui 2 κατάλογο, λαμβάνοντας παράλληλα την πίεση που ασκείται στους προγραμματιστές να παράγουν Yui 3 εκδόσεις όλων των συστατικών στοιχείων Yui 2.

• Κεφάλαιο Δείγμα: Packt έχει κυκλοφορήσει ένα κεφάλαιο δείγμα από το νέο τόμο, που καλύπτει Yui 2,8 επεξεργαστής εμπλουτισμένου κειμένου, στην ιστοσελίδα τους, δίνοντάς σας μια γεύση του τι το νέο βιβλίο περιέχει .

Ο στόχος με αυτό το νέο όγκο ήταν για την κάλυψη όλων των μη-beta Yui 2 συνιστώσες. Αυτό το ευρύ όραμα με ανάγκασε να ρίξει μια βαθύτερη ματιά στα στοιχεία που είχα μόλις που χρησιμοποιείται στις περισσότερες βασικές μορφές καθώς επίσης και τους άλλους ότι δεν θα χρησιμοποιούνται καθόλου. Ωστόσο, σε αντίθεση με την πρώτη έκδοση, ένα έργο που ξεκίνησε λίγο μετά τη βιβλιοθήκη είχε δοθεί στη δημοσιότητα, είχα λίγα χρόνια συσσωρευμένη εμπειρία με Yui - δική μου εμπειρία σε συνδυασμό με ότι από τους πολλούς χρήστες που μοιράζονται τις εμπειρίες και τις συμβουλές τους για το φόρουμ και το blog. Ήμουν επίσης γλιτώσει από πολλά λάθη από μια εξαιρετική ομάδα των αξιολογητών, δύο εκ των οποίων, Caridy Patiño και Iliyan Peichev, είναι επίσης γνωστό συνεισφέροντες Yui.

Για να κρατήσει το βιβλίο σε ένα διαχειρίσιμο μήκος, θα εξαλειφθούν ορισμένες εικόνες, μακρά παραδείγματα και υλικό αναφοράς που θα μπορούσε να βρεθεί στην ιστοσελίδα Yui . Ενώ η πρώτη έκδοση είχε το πολύ δύο συστατικών ανά κεφάλαιο, το νέο έχει μέχρι και τέσσερις και να έχει μια-δυο νέα κεφάλαια. Ακόμα κι έτσι, ορισμένα στοιχεία δεν κάνει το cut.

Η εξέλιξη της Yui 2

Έμαθα πολλά σχετικά με τη βιβλιοθήκη Yui γράφοντας αυτό το βιβλίο, καθώς και τις αλλαγές που έκανα στο κείμενο Dan ήταν διδακτική για την εξέλιξη της βιβλιοθήκης από την απελευθέρωσή του το 2006.

Το στυλ προγραμματισμού για παράδειγμα κώδικα έχει αλλάξει σε αυτά τα χρόνια. Αντί της δημιουργίας ενός χώρου ονομάτων (ή χρησιμοποιώντας YAHOO.example , η οποία είναι πάντα διαθέσιμη ως ένα σύμβολο κράτησης θέσης), έχουμε τώρα την τάση να χωρέσει τα πάντα μέσα σε μια ανώνυμη συνάρτηση δημιουργείται όταν το DOM είναι διαθέσιμη. (Αυτό το στυλ είναι πιο κοντά σε αυτό που βλέπουμε στην Yui 3.) Χρησιμοποιούμε τώρα ονομάτων όταν είναι απολύτως αναγκαίο να δημιουργηθεί σε παγκόσμιο επίπεδο πρόσβαση μεταβλητές (συμπεριλαμβανομένων των αντικειμένων), όπως όταν έχουμε δημιουργήσει ένα προσαρμοσμένο στοιχείο βιβλιοθήκης. Sandboxing σώζει μας βοηθούν να γράψουμε, αφού μπορούμε να ορίσουμε λειτουργικά scoped ψευδώνυμα για τα αντικείμενα που χρησιμοποιούμε πιο συχνά από Yui (Dom, Event, Lang είναι κοινές συντομεύσεις) ή μεταβλητές της δικής μας. Η προσέγγιση αυτή επιτρέπει επίσης Yui Compressor κάνει πολύ καλύτερη δουλειά.

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

Πρόωρη συστατικά, όπως TreeView, είχε λίγες εξαρτήσεις. Δεδομένου ότι ορισμένα σχέδια άρχισαν να γίνονται εμφανείς, κάποιες βασικές υποδομές της συνιστώσας άρχισε να αναπτύσσεται. Η οικογένεια εμπορευματοκιβωτίων είχε Config αντικείμενο που επέτρεψε για κτήτορας και setter μεθόδους, και έτσι έχουν όλα τα στοιχεία που κληρονομούν από αυτή. Χρησιμοποιεί επίσης το προσαρμοσμένο αντικείμενο Event, το οποίο είναι ένας από τους δύο τρόπους για να εργαστούμε με το έθιμο γεγονότα που έχουμε διαθέσιμα σε Yui 2.

Με την κυκλοφορία του TabView ήρθε η Yui 2 Utility Στοιχείο , το οποίο προέβλεπε τη βελτίωση getters και setters (μέσω AttributeProvider), καθώς και καλύτερα προσαρμοσμένων συμβάντων (μέσω EventProvider). Δεκαεπτά άλλα Yui 2 συνιστώσες κληρονομούν από Element. Εξετάζοντας την εξέλιξη της βιβλιοθήκης, είναι εύκολο να δει πώς οι ιδέες πίσω από Element, ως περιτύλιγμα στοιχείο DOM, ήρθε να ενημερώσει κόμβου Yui 3 είναι. Στοιχείο ρόλο, ως βάση για τα άλλα στοιχεία είχε ξεσπάσει στη Βάση και Widget Yui 3, αν και τα νέα συστατικά είναι όλα πολύ πιο ισχυρό και πλήρες, το καθένα το δικό του τομέα. Για παράδειγμα, ο κόμβος είναι all και one μεθόδους επιστροφή κόμβου περιπτώσεις ενώ στοιχείου getXxxx μεθόδους επιστροφή απλό αναφορές στοιχείο DOM, δεν υδροληψίες εντελώς το DOM.

Τα δύο μοντέλα, Config και CustomEvents από τη μία πλευρά και AttributeProvider EventProvider και από την άλλη δεν είναι εντελώς ασυμβίβαστες. Το μενού και τα κουμπιά Σπλιτ και τα δύο μοντέλα συνυπάρχουν, όπως Button κληρονομεί από Element και φιλοξενεί τακτικά Μενού που κληρονομεί από τον περιέκτη.

Αναμφίβολα, Yui 3 ωφελήθηκε από όλη αυτή την εμπειρία? Αλλά Yui 2 είναι επίσης επωφελήθηκαν από YUI3. Απίθανα πράγματα ήρθαν από Yui 3 έως εμπλουτίσουν Yui 2, όπως η event-delegate και element-delegate και άλλα νέα γεγονότα που μπορούμε να ακούσουμε ( focusin και focusout , mouseenter και mouseleave ). Αυτό, επίσης, έγινε δυνατή λόγω του τον τρόπο που συνιστώσες του φορτίου , το οποίο άλλαξε κατά τη διάρκεια της ζωής Yui 2 είναι - το πιο σημαντικό με την εισαγωγή του Yui 2 Loader - και έγινε επισημοποιήθηκε ως εγγενή υποστήριξη για τη φόρτωση client-side στο Yui 3.

Φόρτωση πώς επηρεάζονται τα συστατικά πήρε σχεδιαστεί και πώς είναι χτισμένα τα τελικά αρχεία συνιστώσα. Σε Yui 2, να ελαχιστοποιηθεί ο αριθμός των εκκρεμών αιτημάτων διακομιστή, τα στοιχεία έπρεπε να έχουν τόσο πολύ από αυτό που απαιτείται συσκευάζονται μαζί. Έτσι, ορισμένα στοιχεία πήρε χαλαρά συναφών αντικειμένων σε αυτά απλά για να τα έχουν πρακτικό όταν και αν χρειαστεί, ενώ άλλοι πήραν ένα σωρό αντικείμενα με μια ολόκληρη σειρά από χαρακτηριστικά που συσκευάζονται σε ένα αρχείο, επειδή φόρτωση των επιμέρους τμημάτων ήταν πολύ δαπανηρή. Στη συνέχεια ήρθε μακροοικονομικά μεγέθη όπως το yahoo-dom-events.js ή reset-fonts-grids.css δεδομένου ότι είναι σχεδόν πάντα και χρησιμοποιούνται μαζί ή utilities.js που συγκεντρώνει όλα τα συστατικά που χρησιμοποιούνται συχνά στην YAHOO.util υποκατάστημα. Αλλά η πραγματική αλλαγή ήρθε με αιτήματα combo-χειρισμός, η οποία μας επέτρεψε να τραβήξει οποιοδήποτε αριθμό σεναρίων και css αρχεία καθένα σε ένα μόνο αίτημα http. Αυτό καθιστά λιγότερο αναγκαία για τη βελτιστοποίηση της συσκευασίας των αντικειμένων της βιβλιοθήκης σε αρχεία στοιχείων και εκείνων σε αδρανή βάση «μέσο χρήστη» μια υποθετική.

Σε Yui 3 δεν χρειάζεται πλέον να φορτώσει το «εμπορευματοκιβώτιο οικογένεια» όλα με τη μία. Μπορούμε να φορτώσετε το ξεχωριστό widget- xxxx αρχεία πάνω από το βασικό widget , σύμφωνα με τα χαρακτηριστικά που χρειαζόμαστε. Η προσέγγιση αυτή είναι το πρότυπο στο Yui 3, αλλά ήρθε ως ένα από τα βήματα στην εξέλιξη της Yui 2. Ως εκ τούτου, πιο πρόσφατα Yui 2 συνιστώσες όπως η event-delegate και element-delegate είναι συσκευασμένα χωριστά από τα στοιχεία από τη βάση τους και έτσι είναι Διοργάνωσης mouseenter και mouseleave . Θα μπορούσαμε να δούμε περαιτέρω χωρίζεται στα συστατικά βιβλιοθήκη σε μελλοντικές εκδόσεις, επιτρέποντάς σας να επιλέξετε πιο συγκεκριμένα τη λειτουργία που θέλετε και αφήστε που δεν χρειάζεστε κωδικό από την σελίδα.

Αυτή είναι μια ιστορία της προόδου, μια διαδικασία που αναγκαστικά πήγε αν και μερικές αποτυχημένες προσπάθειες. Γιατί δεν TreeView κληρονομήσει από Element ή γιατί δεν έχει Container, και ως εκ τούτου Μενού, μεταβαίνει σε στοιχείο ή, τουλάχιστον, να AttributeProvider και EventProvider; Τεχνικά, η απάντηση είναι «προς τα πίσω συμβατότητα», αλλά με πιο γενικούς όρους, είναι «σεβασμός». Υπάρχουν χιλιάδες ιστοσελίδες (και δεκάδες χιλιάδες προγραμματιστές) χρησιμοποιώντας την δημοσιευμένη διεπαφή κοινού σχετικά με τα συστατικά Yui 2. Κάνοντας αυτές τις αλλαγές θα σπάσει πολλές εφαρμογές ή θα τους κόψει την πορεία αναβάθμισης, θα πρέπει να θέλουν να επωφεληθούν από μια αποτύπωση κώδικα ή ένα νέο χαρακτηριστικό. Όντας έτσι σεβασμό της εγκατεστημένης βάσης κώδικα είναι ένα χαρακτηριστικό βιβλιοθήκη από μόνη της. Όντας σεβασμό σε μας, που δημιουργούν εν λόγω κώδικα, είναι ένα χαρακτηριστικό των ανθρώπων της ομάδας Yui, και είμαι πολύ ευγνώμων είναι έτσι.

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

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

Κινητό Όρια cache του browser, Revisited

Το Mobile Όρια cache του browser: Android, Ίο, και webOS , μοιράστηκα τα αποτελέσματα των προσπαθειών μου να προσδιοριστούν τα όρια cache του browser στο Android, την Ίο, και webOS συσκευές. Στο τέλος του άρθρου, έγραψα:

Χρησιμοποιήστε αυτά τα αποτελέσματα ως σημείο εκκίνησης, αλλά ελέγχει τον εαυτό τους πριν κάνετε σημαντικές αποφάσεις που βασίζονται σε υποθέσεις σχετικά με το κινητό τους περιορισμούς cache. Το κινητό αλλάζει ο κόσμος του προγράμματος περιήγησης με ρυθμό αστραπής, έτσι αυτή η έρευνα θα έχει πολύ μικρή διάρκεια ζωής.

Όπως αποδεικνύεται, ότι ήταν μια καλή συμβουλή: την ημέρα μετά το άρθρο αυτό δημοσιεύτηκε, Steve Souders σχολίασε ότι είχε κάνει δοκιμές, χρησιμοποιώντας μια διαφορετική μεθοδολογία που ήταν πιο αντιπροσωπευτικό ενός πραγματικού κόσμου ροή εργασίας web και είχε πάρει διαφορετικά αποτελέσματα.

Νέα Μεθοδολογία

Πρωτότυπη μεθοδολογία μου που εμπλέκονται άμεσα την πλοήγηση σε μια τυχαία σελίδα από ένα ορισμένο μέγεθος, που σερβίρεται με ένα text/html τύπο περιεχομένου. Τα αποτελέσματα χρησιμοποιώντας τη μεθοδολογία αυτή ήταν αξιόπιστα αναπαραχθούν (εκτός από webOS), αλλά όπως επεσήμανε ο Steve, οι χρήστες δεν πλοηγηθείτε άμεσα σε CSS και JavaScript αρχεία. Η υπόθεσή μου ότι τα όρια για την άμεση πλοήγηση σε έναν πόρο HTML ήταν τα ίδια με τα όρια για το εξωτερικό CSS και JavaScript ήταν λανθασμένη, έτσι ακόμα κι αν τα αποτελέσματα των δοκιμών μου ήταν έγκυρη, δεν ήταν ευρέως εφαρμόσιμη.

Κατά τη διάρκεια πολλών συνόδων IM, πολλά ηλεκτρονικά μηνύματα, και μια-δυο τηλεφωνήματα, Steve και δούλεψα μια νέα μεθοδολογία δοκιμών. I εφαρμοστεί μια έκδοση του στην κορυφή της μου -πλαισίου δοκιμών cache , τότε ο Steve εφαρμοστεί μια έκδοση μπορεί να δημοσιεύει αποτελέσματα σε Browserscope .

Στο νέο τεστ, θα φορτώσει μια σελίδα HTML που αναφέρεται σε μια τυχαία που δημιουργείται CSS ή JavaScript συστατικό ενός ορισμένου μεγέθους. Στη συνέχεια περιηγηθείτε σε μια δεύτερη σελίδα HTML η οποία φορτώνει την ίδια συνιστώσα και ελέγχει αν ήταν ή όχι φορτωθεί από τη μνήμη cache. Για να διαπιστωθεί εάν ένα στοιχείο έχει φορτωθεί από τη μνήμη cache, αποθηκεύουμε μια χρονική σήμανση σε ένα cookie στον κάθε αίτηση? Εάν το timestamp ενημερώνεται η δεύτερη φορά που θα φορτώσει το στοιχείο, γνωρίζουμε το αίτημα χτυπήσει το διακομιστή, που σημαίνει ότι το στοιχείο δεν ήταν φορτωμένο από τη μνήμη cache.

Νέα Αποτελέσματα

Διαπιστώσαμε ότι όλα τα προγράμματα περιήγησης για κινητά που δοκιμάσαμε είχαν σημαντικά υψηλότερα όρια cache για εξωτερικούς πόρους που φορτώνονται από μια σελίδα από ό, τι έκαναν για μια σελίδα HTML η ίδια. Αυτό είναι εξαιρετική είδηση ​​για το κινητό web developers.

Ο παρακάτω πίνακας παρουσιάζει τα ευρήματά μας:

Σημειώστε ότι 4MB ήταν το μεγαλύτερο μέγεθος που δοκιμάσαμε, καθώς και όλες τις iOS συσκευές αποθηκεύονται προσωρινά στοιχεία 4MB. Το πραγματικό όριο cache για αυτές τις συσκευές μπορεί να είναι μεγαλύτερο από 4 MB. Επίσης, webOS στο Palm Pre Plus έδωσε σταθερά αποτελέσματα σε αυτό το τεστ, ενώ είχε κάποια προβλήματα στην προηγούμενη δοκιμή.

Είναι πιθανό ότι το πολύ χαμηλότερα όρια προηγούμενα τεστ μου έδειξε για HTML συστατικά στην Ίο μπορεί να υποδεικνύει τη χρήση της cache μνήμης RAM για τα στοιχεία αυτά, ενώ τα πολύ υψηλότερα όρια για τα CSS / JS συστατικά σε αυτό το τεστ μπορεί να δείξει τη χρήση cache στο δίσκο, αλλά αυτό είναι απλά εικασίες. Android, τουλάχιστον, φαίνεται να χρησιμοποιήσετε μια μνήμη cache του δίσκου και στις δύο περιπτώσεις, από την προσωρινή μνήμη του επιβιώνει κύκλους εξουσίας.

Νέες συστάσεις

Με βάση αυτά τα νέα αποτελέσματα, σε συνδυασμό με τα αποτελέσματα από προηγούμενες εξετάσεις μου, προσφέρω τα ακόλουθα επικαιροποιημένο σύνολο συστάσεων:

• Χρησιμοποιήστε πολύ-μέλλον κεφαλίδες λήξης cache. Αυτό θα αποτρέψει το πρόγραμμα περιήγησης από την υποχρέωση να στείλει ένα υπό όρους αίτηση GET.
• Προσπαθήστε να περιορίσετε σελίδες HTML για να 25.6KB ή λιγότερο αν θέλετε να γίνεται προσωρινή αποθήκευση, από την προηγούμενη δοκιμές έδειξαν ότι το όριο που επιβάλλεται από τους iOS 3.2 το iPad-ήταν η χαμηλότερη HTML όριο των πόρων της υπό δοκιμή συσκευές.
• Κρατήστε CSS και JS συστατικά κάτω από 1MB. Φυσικά, 1MB είναι τεράστια και τα υλικά μας πρέπει να είναι πολύ μικρότερο από αυτό, αλλά μην κάνετε τον κόπο διάσπαση ενός στοιχείου σε ξεχωριστές αιτήσεις για το καλό των Δυνατότητα cache, εκτός αν το μέγεθός του προσεγγίσεις 1MB.
• Σκεφτείτε να χρησιμοποιήσετε τη μνήμη cache εφαρμογή HTML5 αν είναι σημαντικό ότι τα στοιχεία σας παραμένουν στη μνήμη cache για μεγάλο χρονικό διάστημα, ή σε κύκλους εξουσίας.
• Κάντε τη δική σας δοκιμή. Τόνισα τη σημασία που έχει αυτό στο προηγούμενο άρθρο μου και θα το τονίσω και πάλι εδώ. Χρησιμοποιήστε αυτά τα αποτελέσματα ως σημείο εκκίνησης, αλλά ελέγχει τον εαυτό τους πριν κάνετε σημαντικές αποφάσεις που βασίζονται σε αυτά.

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

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