Yahoo! User Interface Blog (YUIBlog)

Προεπισκόπηση AlloyUI, ένα YUI 3-βάση Component Βιβλιοθήκη από Liferay

Nate Cavanaugh και Eduardo Lundgren της Liferay έχουν περάσει τους τελευταίους έξι μήνες από την οικοδόμηση μιας νέας βιβλιοθήκης widget, AlloyUI, με βάση YUI 3. Nate έγραψε για το έργο πρόσφατα για Liferay blog του. AlloyUI είναι διαθέσιμο ως έκλυση προεπισκόπηση σήμερα και τις αρχές Απριλίου είναι ο στόχος απελευθέρωση GA.

AlloyUI περιλαμβάνει ένα ευρύ φάσμα των κατασκευαστικών στοιχείων - πάνω από 60 σε όλους - που κυμαίνονται από επιχειρήσεις κοινής ωφέλειας να στρώματα της ζάχαρης σε πλήρη εμφυσημένα UI widgets. Όλα Alloy του στοιχείου είναι χτισμένο σε YUI 3? Ορισμένες από τις μικροσυσκευές που βασίζονται σε κάποιο βαθμό από YUI 2. Όλα είναι ελεύθεροι να χρησιμοποιούν στο πλαίσιο ενός άδεια LGPL. Nate και Eduardo σκοπεύουν να μοιράζονται στοιχεία AlloyUI την YUI Γκαλερί 3, καθιστώντας τα ως εύκολη στη χρήση, όπως κάθε YUI 3, YUI 2, ή άλλη μονάδα Gallery? Ελπίζουν να έχουν περισσότερες ειδήσεις σχετικά με την προσπάθεια σύντομα.

AlloyUI συστατικά μέρη περιλαμβάνουν:

• Αυτόματης
• Ημερολόγιο
• Charts
• ColorPicker
• Dialog
• Φωτογραφικό Αρχείο
• Paginator
• Βαθμολογία
• Resize
• Sortable
• Tabs
• TextBox Κατάλογος

Αναχώρηση demos σελίδα τους να διερευνήσουν όλα αυτά και πολλά άλλα.

Αν είστε σύνθλιψης τον εαυτό σας και ζητώντας, "Are Nate, Εντουάρντο και Liferay συμβάλλοντας δεκάδες στοιχείων στο οικοσύστημα YUI, πυρήνας UI και χρησιμότητα στοιχεία που μπορώ να χρησιμοποιήσω στην καθημερινή ανάπτυξη μου;", η απάντηση είναι ναι ... αυτό είναι λίγο πολύ τι που κάνετε. Παρόλο που έχουμε γνωστά για το έργο από τα τέλη του περασμένου έτους, είχαμε την ευκαιρία να επισκεφτείτε με Nate και Eduardo στο Yahoo! σήμερα και είμαστε πολύ εντυπωσιασμένος με τη δουλειά που έχω κάνει.

Βρείτε συζητήσεις: Bloglines | technorati

Μοιραστείτε και επεκτείνει: Σελιδοδείκτης με το Yahoo! Ο Ιστός μου | Σελιδοδείκτης με del.icio.us | digg it! | Reddit!

Στην Άγρια για την 12 Μαρτίου 2010

Εδώ στο YUI στρατηγείο, δουλεύουμε προς την επόμενη σημαντική έκδοση του YUI, YUI 3.1.0. Χθες μοιραστήκαμε μερικές YUI 3 φορτωτής έργο που Αδάμ Moore έχει κάνει για την 3.1.0. Του "YUI 2 από τις 3" έργο σας επιτρέπει να χρησιμοποιήσετε εξαρτήματα όπως YUI 2 DataTable απλά και αποτελεσματικά σε YUI 3. Εν τω μεταξύ, οι βελτιώσεις του φορτωτή σήμαινε επίσης μπορείτε να φέρετε στο YUI 3 Gallery ενότητες όπως αποθήκευσης Lite με την ίδια ευκολία και την αποτελεσματικότητα. 3.1.0 θα σηματοδοτήσει και την GA απελευθέρωση του στοιχείου Satyen Desai Κόμματος / θεμέλιο widget για YUI 3.

Είμαστε, επίσης, η λειτουργία YUI 3 Gallery διαγωνισμό, ο νικητής παίρνει ένα πέρασμα διάσκεψη JSConf και $ 500 σε Expedia.com να βοηθήσει με το ταξίδι. Έχετε δύο ολόκληρα Σαββατοκύριακα αριστερά της πειρατείας πριν από την προθεσμία!

Εν τω μεταξύ, υπάρχει μια παρτίδα σε εξέλιξη στην κοινότητα - εδώ είναι μερικά από τα πράγματα που έχουμε αναφερθεί πρόσφατα:

• Στην YUI 3 Gallery - Slideshow Jeff Craig είναι Ενότητα: Jeff Craig, συγγραφέας του Chromahash και Crypto ενότητες, έχει κυκλοφορήσει Slideshow ενότητα του για την YUI 3 Gallery. Writeup του στο blog του, αποτελεί μια καλή εισαγωγή για το συστατικό, το οποίο χρησιμοποιείται για την η Washington State University τόπο έναρξη.
  

  Πρόσφατα, στην εργασία, είχαμε μια επιθυμία για να ενημερώσετε μια εμφάνιση του flash-based widget slideshow στην ιστοσελίδα έναρξη μας. Αυτό το widget έκανε απολύτως τίποτα δεν ειδική, αλλά το πραγματικό πρόβλημα που είχαμε ήταν ότι δεν είχαμε πράγματι μια άδεια για Flash, καθώς και ο τρόπος παρουσίασης είχε κατασκευαστεί, θα έπρεπε να είναι σε θέση να οικοδομήσουν το αρχείο SWF από την αρχή, προκειμένου για να ενημερώσετε τη σειρά. Δεδομένου ότι οι χρήστες μας σπανίως έρχονται σε μας με κάτι που δεν είναι κάποιο είδος της έκτακτης ανάγκης, έπρεπε να λάβουμε τα flash αρχεία σε άλλη υπηρεσία για να κάνει γρήγορες αλλαγές μας και να καταρτίσει ένα νέο SWF.

  Μπορείτε να διαβάσετε την πλήρη writeup του Jeff στο blog του.
  

• Stoyan Stefanov για CSS YUI του Compressor: Stoyan έχει υπογράψει για να εργαστούν για την YUI Compressor, και αυτός είναι γραμμένος για τη συνιστώσα minification CSS του εν λόγω εργαλείου για PHPied.com: "Αρχικά γραμμένο σε PHP από Isaac Schlueter και κωδικοποιηθεί για Java από Julien Lecomte, CSSMin πήρε JavaScript λιμάνι από δικούς σας αληθινά πριν από λίγο καιρό. Διότι, σε τελική ανάλυση, JavaScript είναι η γλώσσα της στο διαδίκτυο, έτσι δεν είναι; Μπορείτε να παίξετε με την τελευταία git έκδοση του σε απευθείας σύνδεση του λιμένα JS εδώ. Είμαι επίσης στην ευχάριστη θέση να αναφέρω ότι η θύρα JS χρησιμοποιείται τώρα σε PageSpeed και YSlow (όπως ίσως γνωρίζετε είναι επεκτάσεις Firefox γραμμένα σε JavaScript). "(Πηγή Original.)
• YQLDataSource Satyam για YUI 2: "Χάρη στο άρθρο Jonathan LeBlanc για την YUI Blog σκέφτηκα ότι θα ήταν δροσερό για να έχουν μια YQLDataSource να καταστεί ευκολότερη η χρήση YQL δεδομένα σε YUI 2 DataTable, YUI 2 γραφήματα και YUI 2 Αυτόματης Καταχώρησης. Ο παρακάτω πίνακας είναι χτισμένο με τέτοιο DataSource ... Η YQLDataSource δεν απαιτεί καμία παραμέτρους. Θα χρησιμοποιεί αυτόματα την YUI 2 Αποκτήστε βοηθητικό πρόγραμμα για την πρόσβαση στο YQL διακομιστές χρησιμοποιώντας JSON μορφή και τη δημιουργία του κατάλληλου επανάκλησης. Η DataSource πρέπει απλώς να είναι η περίπτωση, όπως: var ds = new YAHOO.util.YQLDataSource(); "Check out πλήρη και τεκμηριωμένη Satyam για παράδειγμα για όλες τις λεπτομέρειες.
  
• Γερμανική γλώσσα Screencast για χρήση σε YUI DreamWeaver CS4: Σύμφωνα με τον συγγραφέα, «Σε diesem Film zeigt Ihnen der Trainer Verwendung und die Konfiguration des Web Widgets" YUI TreeView ". Sie lernen die HTML-Struktur dieses Widgets kennen. "Αυτό είναι ένα όμορφα παράγεται screencast σχετικά με τη χρήση YUI υποστήριξη CS4 του, εστιάζοντας στην YUI TreeView Control.
  
• Ajaxian Καλύμματα SVG Ουάου, SVG + YUI 3 Κινούμενα Σχέδια: Μπραντ σημειώσεις Neuberg Ajaxian για το ντεμπούτο του Vincent Hardy και SVG Erik Dahlström του Wow χώρο. Πολλά από τα παραδείγματα Vincent, συμπεριλαμβανομένου του φέρουν τραγούδι-animation λυρικής ζήτησε από Μπραντ, που τροφοδοτείται από YUI 3 του Ψυχαγωγία βιβλιοθήκη λειτουργεί στο πλαίσιο του εγγράφου SVG.
  
• Απλή File Upload στο Grails (χρησιμοποιώντας YUI Connection Manager): Simon Palmer σας δείχνει πώς YUI έχει μόχλευση Thomas Sha του Connection Manager και κηλίδας Grails πακέτο Matthew Taylor, UI να προσθέσετε ασύγχρονη αρχείο για να φορτώσετε Grails έργο του. (Σημείωση: Μπορεί να είναι σε θέση να ελαφρύνει το kweight του διαλύματος αυτού με το να μην περιλαμβάνει το πλήρες πακέτο utilities.js αλλά μάλλον cherrypicking τα στοιχεία που χρειάζεστε - στην περίπτωση αυτή, θα μπορούσε να προκύψει μόνο <script type="text/javascript" src="http://yui.yahooapis.com/combo?2.8.0r4/build/yahoo/yahoo-min.js&2.8.0r4/build/event/event-min.js&2.8.0r4/build/connection/connection-min.js"></script>
  
• Chris P. Jobling για Watching YUI Θέατρο: Chris γράφει: "Αυτή η τελευταία εβδομάδα περίπου Έχω προσέξει πολύ το Yahoo! YUI βίντεο Θέατρο για την Javascript, αρχίζοντας από Douglas Crockford είναι εξαιρετικό μέρος πέντε σειρές Crockford την JavaScript και έληξε χθες με εμπνέοντας talk Christian Heillman για YQL και YUI. Αυτό με ενέπνευσε να διερευνήσει πώς μπορώ να χρησιμοποιήσω YUI (μια βιβλιοθήκη JavaScript) στην επόμενη έκδοση του έργου PROMAN είναι εφαρμογή διαχείρισης διατριβή μου που θα χρειαστούν για την κατανομή 2010-2011 γύρο τον Μάιο. Εάν λειτουργεί, θα υπάρξουν επίσης ορισμένες νέο διδακτικό υλικό για την ενότητα στο Web Εφαρμογών του επόμενου έτους (EG-259). Θα πάρω θέση πάνω στο υπό την ετικέτα YUI για την PROMAN είναι, blog άνθρωπος όπως εγώ να αντιμετωπίσουμε αυτά τα πράγματα. "
• YUI Panel: Αλλαγή Κουμπιά και Re-χρησιμοποιώντας μια ομάδα για την ίδια σελίδα: Ciitronian.com έχει ταχυδρομήσει μια σύντομη YUI 2 Panel σεμινάριο: "Η απαίτηση ήταν να κάνω μια ειδική ομάδα στην τροπική YUI, που εργάζονται με το δικό του ως widget ενεργοποίηση χρησιμοποιώντας Ajax (YUI Manager 2 Connection). Η ιδέα ήταν πετάξει ένα YUI ομάδα, όταν ένας χρήστης κάνει κλικ στην 'Ενεργοποίηση', η τροπική πάνελ θα επιτρέψει στο χρήστη να εισάγει τα στοιχεία του, όταν θέλει να προγραμματίσει την ενεργοποίηση (όπου ο χρήστης μπορεί να επιλέξει τώρα ή αργότερα) και στη συνέχεια χρήστης μπορεί να χτυπήσει Υποβολή και να ακυρώσετε κουμπιά. "Κάντε κλικ μέσα για την πλήρη φροντιστήριο.
• YUI 2 Ημερολόγιο: Χρήση και Τροποποίηση Πολλαπλές Ημερολόγιο Picker εμφανίσεων σε ενιαία Σελίδα: Ciitronian.com "εξηγεί πώς μπορείτε να δημιουργήσετε πολλές εμφανίσεις της widget ημερολόγιο του YUI 2. Υπάρχουν πολλά παραδείγματα για το πώς να χρησιμοποιούν Ημερολόγιο widget στην επίσημη ιστοσελίδα YUI, αλλά για την αίτησή μου, η απαίτηση ήταν για να προγραμματίσει πολλές δράσεις στην ίδια σελίδα, δίνοντας σε κάθε έναν από ημερομηνία της δικής του, γι 'αυτό αναπτύχθηκε widget ημερολόγιο μου "για την επίλυση αυτό το πρόβλημα. Κάντε κλικ μέσα για την πλήρη φροντιστήριο.

Βρείτε συζητήσεις: Bloglines | technorati

Μοιραστείτε και επεκτείνει: Σελιδοδείκτης με το Yahoo! Ο Ιστός μου | Σελιδοδείκτης με del.icio.us | digg it! | Reddit!

YUI 2 από τις 3: Σύντομα στο YUI 3.1.0, ένας απλούστερος τρόπος για να Χρησιμοποίησε YUI 2 Modules

Χρησιμοποιώντας YUI 2 συνιστώσες στο πλαίσιο της YUI 3 εφαρμογές είναι σημαντικό για ορισμένους φορείς υλοποίησης αποφάσεων της μετάβασης από YUI 2 και YUI 3. Σε ορισμένες περιπτώσεις, θέλουμε απλώς να μετάβαση κωδικό μας σε στάδια, αλλά θέλουμε να το πράξουν στο πλαίσιο μιας YUI 3 εικόνας της εκτέλεσης. Σε άλλες περιπτώσεις, θα μπορεί να βασίζεται σε στοιχεία υψηλού επιπέδου, όπως YUI DataTable ότι δεν είναι ακόμη παρόντες στην YUI 3.

Στο πλαίσιο της επικείμενης απελευθέρωσης 3.1.0, Adam έχει βελτιώσει την εμπειρία του χρησιμοποιώντας YUI 2 στοιχεία μέσα από YUI 3. Για το σκοπό αυτό, αυτός που προστίθενται μερικές πληροφορίες για YUI 3 του φορτωτή που σας επιτρέπει να φορτώσετε YUI 2 ενότητες απευθείας από YUI().use() σας YUI().use() δήλωση:

 YUI (). Χρήση ( "yui2-κουμπί", λειτουργία (Y) (
	
	 / / YAHOO δεν είναι ένα παγκόσμιο αντικείμενο? Είναι Sandboxed μαζί
	 / / με την υπόλοιπη YUI σας 3 λειτουργικότητα.  Αυτή η γραμμή
	 / / είναι απαραίτητη εάν θέλετε να χρησιμοποιήσετε την εφαρμογή υφιστάμενων
         / / Κωδικός:
	 var YAHOO = Y.YUI2?
	
	 / / 2 YUI εκτέλεση κώδικα
	 var button = νέα YAHOO.widget.button ( "mybutton")?
	
 ))?

Θα βρείτε αυτή τη λειτουργία στην YUI 3 codeline ως κατασκευής 1933, και έχουμε αναπτυχθεί μια πειραματική YUI 3 κατασκευής (ονομαστικά "yui3.1.0pr2") και έγκαιρη κατασκευή του YUI 2.8.0 λειτουργικότητα τυλιγμένα για χρήση σε YUI 3.

Όταν κάνετε λήψη YUI 3 της τελευταίας πηγή από GitHub θα βρείτε μερικά παραδείγματα που εργάζονται σε sandbox/loader (αναζητήσετε αρχεία με το πρόθεμα 2in3 Τα παραδείγματα αυτά καταδεικνύουν τη χρήση ενός αριθμού YUI 2 ενότητες. Έχουμε δημοσιεύτηκε ένα απλό παράδειγμα που ζουν δείχνει τον τρόπο χρήσης YUI 2 DataTable εντός YUI 3, το οποίο είναι ένα από τα πιο συχνά ζήτησε μεταβατική χαρακτηριστικά.

Βασικά σημεία για την YUI 2 από τις 3 προσπάθειας:

• Αυτό το έργο είναι διαθέσιμη στο τελευταίο χτίζει της επικείμενης απελευθέρωσης 3.1.0 (build 1933 και αργότερα). Δεν είναι διαθέσιμο σε 3.0.0 ή στην προεπισκόπηση 3.1.0pr1.
• Το έργο βρίσκεται σε πειραματικό κατάσταση. Ουτε η yui3.1.0pr2 κατασκευής ουτε το τυλιγμένο YUI 2 χτίζει από την οποία να τραβά έχουν δοκιμαστεί εκτεταμένα, αν και έχουμε τους σχετικά με τη σταδιακή CDN ώστε να είναι βολικό για να διερευνήσει την εφαρμογή.
• Κατεβάστε την πιο πρόσφατη έκδοση για παραδείγματα. Θα βρείτε μερικά από τα αποδεικτικά στοιχεία του Αδάμ-του-τα αρχεία έννοια του sandbox/loader - εκτός από το απλό παράδειγμα παραπάνω, αυτές είναι οι καλύτερες αναφορές κώδικας είναι διαθέσιμο μέχρι την επίσημη έκδοση 3.1.0 (η οποία είναι εξακολουθεί να είναι περίπου ένα μήνα έξω).
• Τα σχόλιά σας στο φόρουμ είναι ευπρόσδεκτη - και, αν βρείτε προβλήματα, είμαστε ενδιαφέρεστε για ακρόαση σχετικά με αυτές.
• Όταν χρησιμοποιείται αυτό τον τρόπο, YUI 2 δεν δημιουργεί ένα παγκόσμιο αντικείμενο YAHOO YUI 2 στοιχεία είναι τυλιγμένα σε YUI 3 ενότητα και ορισμούς που περιέχονται στην παραμονή του YUI 3 sandbox στην οποία είστε επισυνάπτονται. Η γραμμή από το codesample ανωτέρω, var YAHOO = Y.YUI2; Είναι αναγκαία για την αποκοπή και επικόλληση YUI 2-στυλ κώδικα της εφαρμογής - ή μπορείτε να αλλάξετε αναφορές YAHOO να Y.YUI2
• Οι YUI 2 κυκλοφορίες υποστηρίζεται πίσω στην 2.2.2 - το αργότερο bug fix-αποδέσμευσης για κάθε δευτερεύουσα έκδοση υποστηρίζεται (2.2.2, 2.3.1, 2.4.1, 2.5.2, 2.6.0, 2.7.0, 2.8. 0). Μπορείτε να καθορίσετε την YUI 2 έκδοση για use ως εξής: YUI({yui2: '2.7.0'}).use('yui2-button', ...) Ο στόχος εδώ είναι να σας επιτρέψει να αποφευχθεί η μετάβαση στο 2.8.0 (ή αργότερα) πριν από YUI 3 μετανάστευσης.

Gallery είναι πιο εύχρηστο, Too

Βελτιώσεις του Αδάμ να YUI 3 είναι εγγενείς φορτωτής έχουν βελτιώσει την εμπειρία της συνεργασίας με την ταχέως αυξανόμενη YUI 3 Gallery, πάρα πολύ. Από την 3.1.0, θα είστε σε θέση να φέρει ενότητες γκαλερί μέσα στη σελίδα από τη use() δήλωση δεν επιπλέον ρυθμίσεις - ο φορτωτής θα είναι σε θέση να προσδιορίσει και να επιλύσει τις εξαρτήσεις για σας και θα κάνουν το σωστό σε σχέση με combo «ING ο κώδικας πηγής γκαλερί με άλλα αρχεία YUI. Εδώ είναι ένα παράδειγμα Dav Γυαλί βάλει μαζί για 3.1.0 δείχνει ότι η χρήση της ενότητας YQL γκαλερί του ερωτήματος, σε συνδυασμό με ένα προ-release οικοδομήσουμε του 3.1.0.

Βρείτε συζητήσεις: Bloglines | technorati

Μοιραστείτε και επεκτείνει: Σελιδοδείκτης με το Yahoo! Ο Ιστός μου | Σελιδοδείκτης με del.icio.us | digg it! | Reddit!

Στην YUI 3 Gallery: Αριθμός Matt Snider της ενότητας

Εγγενώς, JavaScript έχει ένα πολύ περιορισμένο σύνολο λειτουργιών για την εργασία με αριθμούς που βρίσκονται στο παγκόσμιο αντικείμενο Math. Συνήθως οι λειτουργίες αυτές είναι για την εργασία με εκθέτες, τριγωνομετρία, και στρογγυλοποίησης. Και ενώ οι λειτουργίες αυτές είναι απαραίτητες και αποτελεσματικές, τα Μαθηματικά API έχει παραμείνει αμετάβλητη για χρόνια, και πιθανότατα δεν θα βελτιωθεί ανά πάσα στιγμή στο εγγύς μέλλον. Έτσι είναι μέχρι και οι προγραμματιστές της JavaScript βιβλιοθήκες να δημιουργήσουν και να διατηρήσουν ένα στοιχείο για την εργασία με αριθμούς.

The Number συνιστώσα στην YUI 3 εικόνες, που προέρχονται από την εργασία που αρχικά χρησιμοποιήθηκε για Mint.com, στοχεύει στην κάλυψη των ελλειπουσών αριθμό που σχετίζονται με τη λειτουργικότητα. Παρέχει ένα ελαφρύ σύνολο των στατικών λειτουργίες για εργασία με αριθμούς. Η συνιστώσα Αριθμός ζυγίζει περίπου 1.8kb μετά minification και πριν gzip? Είναι υποστηρίζεται από όλα τα προγράμματα περιήγησης-Α βαθμού.

Ένα από τα χαρακτηριστικά του αριθμού που μπορώ να χρησιμοποιήσω το πιο είναι το format() λειτουργία, η οποία συνεισφέρει μια διαμορφωμένη αριθμό σε ένα string με την αξιολόγηση του μορφή από τον αριθμό κράτησης θέσης στο string. (Σημείωση: Αυτό είναι παρόμοια με τη μορφοποίηση υποστήριξη Y.DataType.Number σήμερα προβλέπει, αλλά ρολά μέχρι τις επιμέρους ιδιότητες διαμόρφωσης που Y.DataType.Number.format δέχεται σε ένα ενιαίο πρότυπο συμβολοσειρά μορφοποίησης.) Η λειτουργία του εργοστασίου με όλα τα σύμβολα, αλλά αριθμεί μορφές ανάλογα με το αγγλικό πρότυπο. Εδώ είναι μερικά παράδειγμα του πώς να χρησιμοποιείτε format() από την μονάδα ελέγχου του:

  var n = 1.111,11,
	 formatDollars = "$ 0,0.00 '" / / κόμμα χρήση και δεκαδικών κατά τη μορφοποίηση
	 formatPercent = "0,00%", / / δεκαδικό χρήση κατά τη μορφοποίηση
	 formatRound = "0.000", / / κόμμα χρήση κατά τη μορφοποίηση
	 formatText = "Παρακαλώ προσθέστε το $ 0,0.00 στην καρτέλα μου!"?

 Y.Assert.areEqual ( "$ 1,111.11", Y.Number.format (n, formatDollars))?
 Y.Assert.areEqual ( "1111,11%", Y.Number.format (n, formatPercent))?
 Y.Assert.areEqual ( "1111", Y.Number.format (n, formatRound))?
 Y.Assert.areEqual ( "Παρακαλούμε προσθέστε το $ 1,111.11 να καρτέλα μου!", Y.Number.format (n, formatText))? 

Άλλες χρήσιμες λειτουργίες περιλαμβάνουν:

• random() παρέχει έναν εύκολο API για να πάρει τυχαία ακέραιοι αριθμοί?
• isBetween() / isNotBetween() απλοποιεί την αξιολόγηση των σειρών αριθμό?
• radian() / degrees() κατά την εργασία με τις λειτουργίες τριγωνομετρία Μαθηματικά (όπως Math.cos() η οποία αναμένεται ακτίνια αντί των βαθμών, τόσο radian() και degrees() είναι χρήσιμες για τη μετατροπή των τιμών.

Για να χρησιμοποιήσετε τις εικόνες Αριθμός στοιχείου, κατ 'αρχάς να περιλαμβάνει τη δέσμη ενεργειών:

  <script 
 src = "http://yui.yahooapis.com/combo?3.0.0/build/yui/yui-min.js &
 gallery-2010.02.22-22/build/gallery-number/gallery-number-min.js "> </ script> 

'gallery-number' Τότε περιλαμβάνουν 'gallery-number' στη use() σας use() λειτουργία, για να πάρετε τις ακόλουθες λειτουργίες:

  YUI (). Χρήσης gallery ( «αριθμός», λειτουργία (Y) (
	 Γ. Number = (
		 μοίρες (αριθμός),
		 μορφή (αριθμός, μορφή),
		 getPrecision (αριθμός),
		 isNotBetween (αριθμός, αριθμός, αριθμός, boolean),
		 isBetween (αριθμός, αριθμός, αριθμός, boolean),
		 isPrime (αριθμός),
		 ακτινίων (αριθμός),
		 τυχαία (αριθμός, αριθμός),
		 roundToPrecision (αριθμός, αριθμός)
	 )?
 ))? 

Αυτές οι λειτουργίες αυτές διαμορφώθηκε μετά από την μητρική Μαθηματικά και λειτουργίες, όπως οι λειτουργίες Math, τις λειτουργίες για NaN Y.Number επιστρέψουν αν η προϋπόθεση ότι η αξία δεν είναι ένας αριθμός. Αν θέλετε να συμβάλουν στην ανάπτυξη ή απαιτούν νέα χαρακτηριστικά που προστέθηκαν με Αριθμό, παρακαλώ αφήστε ένα μήνυμα για το φόρουμ.

Βρείτε συζητήσεις: Bloglines | technorati

Μοιραστείτε και επεκτείνει: Σελιδοδείκτης με το Yahoo! Ο Ιστός μου | Σελιδοδείκτης με del.icio.us | digg it! | Reddit!

YUI Θέατρο - Ντάγκλας Crockford: "Crockford σε JavaScript - Επεισόδιο IV: Η Μεταμόρφωση του Ajax" (93 min.)

Την περασμένη εβδομάδα, το Yahoo! JavaScript αρχιτέκτονα Douglas Crockford εξέδωσε την τέταρτη συνέχεια της Crockford του για σειρά JavaScript:

1. Ένας όγκος: The Early Years
2. Κεφάλαιο 2: Και τότε υπήρχε JavaScript
3. Πράξη III: Λειτουργία του Ultimate
4. Επεισόδιο IV: Η Μεταμόρφωση του Ajax
5. Μέρος V: The End of All Things (31 Μαρτίου - RSVP)

Σε αυτή τη σύνοδο, Douglas αντιμετωπίζει το DOM. Από τη μία πλευρά υπήρχε το JavaScript, λέει, και JavaScript είναι «αυτό που έκανε τη δουλειά browser."

Από την άλλη πλευρά, υπήρχε ο Document Object Model, γνωστή και με αγάπη, όπως το DOM. Είναι αυτό που οι περισσότεροι άνθρωποι μισούν όταν λένε ότι μισούν JavaScript. Οι περισσότεροι από τους ανθρώπους που λένε ότι μισούν τη Javascript δεν γνωρίζουν JavaScript, ποτέ δεν θα μπορούσε να δει το JavaScript, αλλά έχουμε αισθάνθηκε την εντάξει DOM. Αν δεν ξέρετε ποια είναι η διαφορά και να λέτε, "JavaScript είναι η stupidest πράγμα που έχω δει ποτέ," δεν είστε μιλάμε για JavaScript, μιλάτε για το DOM. Το DOM είναι API του browser. Είναι το interface. Προβλέπει τη Javascript για το χειρισμό εγγράφων.

Το DOM μπορεί να είναι ατελής, αλλά είναι ωστόσο ζωτικής σημασίας σε ό, τι μηχανικούς frontend κάνουν όταν γράφουν εφαρμογών web. Σε αυτή τη διάλεξη, Douglas παρέχει μια γενική εικόνα, που βρίσκεται ιστορικά, από όπου προήλθε από DOM, πώς θα επιτευχθεί άνοδος με Άγιαξ, και ποιο είναι το μέλλον ενδέχεται να κατέχουν. Σε αμίμητος μόδας Douglas, αυτή η ιστορία αρχίζει με τον Sir John Harrington και μας φέρνει μέχρι σήμερα. Λίγα λόγια για την επιλογή CSS είναι μεταξύ των πολλών γραμμών χειροκροτήματα για παλαίμαχος προγραμματιστές:

Θεωρώ ότι στο εσωτερικό της κοινότητας των ανθρώπων που χρησιμοποιούν CSS μεγάλη αγάπη γι 'αυτό. Είναι εντελώς επενδύσει σε CSS, που είναι η αγάπη. Δεν μπορώ να φανταστώ άλλο τρόπο για να γίνει μορφοποίηση σε ένα έγγραφο. Θα είναι. Είναι περίπου όπως βλέποντας ένα επεισόδιο της Αστυνομικοί όπου οι μπάτσοι έρχονται και στη διάλυση της διαφοράς της οικογένειας, και για αυτό δεν υπάρχει "CSS είναι κακό, απλά δεν το καταλαβαίνω όπως εγώ. Ξέρω ότι μου πονάει, αλλά εγώ κάνω λάθη, κάνω λάθος. "CSS είναι φοβερό, και αυτό με εκπλήσσει το τρόπο που οι άνθρωποι να επενδύσει σε αυτό. Είναι σαν μια φορά να το καταλάβω, το είδος του go "OH, OK, βλέπω πώς θα μπορούσε να είναι σε θέση να λειτουργήσει," τότε έχετε flip από μισούν να αγαπούν αυτό, και despising όποιος δεν έχει περάσει από ό, τι 'Εχω περάσει. Δεν έχει νόημα για μένα.

Αν το video embed παρακάτω δεν εμφανίζεται σωστά σε RSS reader της επιλογής σας, φροντίστε να κάνετε κλικ για να δουν το υψηλής ανάλυσης έκδοση του βίντεο για YUI Θέατρο.

• Λήψη βίντεο HD (480p ~ 720MB)
• Λήψη βίντεο (m4v)
• Λήψη διαφανειών
• Μια υψηλής ανάλυσης, transcripted έκδοση αυτού μιλάμε είναι διαθέσιμη στην ιστοσελίδα YUI Θέατρο

Άλλες πρόσφατες YUI Θέατρο Videos:

• Douglas Crockford: Crockford σε JavaScript - Πράξη III: Λειτουργία του Ultimate - Yahoo! JavaScript αρχιτέκτονας Ντάγκλας Crockford συνεχίζει σειρά διαλέξεων του σχετικά με τη γλώσσα προγραμματισμού JavaScript με μια συζήτηση των λειτουργιών σε JavaScript. Λειτουργιών »είναι το καλύτερο μέρος της JavaScript,« Crockford λέει. «Είναι το μέρος όπου η εξουσία είναι, είναι όπου η ομορφιά είναι." Παρακολουθήστε το βίντεο για να μάθετε το γιατί.
• Douglas Crockford: Crockford σε JavaScript - Κεφάλαιο 2: Και τότε υπήρχε JavaScript - Yahoo! JavaScript αρχιτέκτονας Douglas Crockford έρευνες για τα χαρακτηριστικά της γλώσσας προγραμματισμού JavaScript.
• Douglas Crockford: Crockford σε JavaScript - Τόμος 1: The Early Years - Ντάγκλας Crockford βάζει το JavaScript γλώσσα προγραμματισμού στο κατάλληλο ιστορικό της πλαίσιο, τον εντοπισμό και τη δομή των συμβάσεων της γλώσσας (και ορισμένες από τις ιδιορρυθμίες του) πίσω στις ρίζες της στις αρχές της δεκαετίες του υπολογιστή επιστήμη.
• Christian Heilmann: YQL και YUI: Δομικά Τμήματα για Γρήγορη Εφαρμογές - Το Yahoo! Διεθνή Ευαγγελιστής Developer Network είναι Χριστιανός Heilmann συζητά φιλοσοφία του για τη δημιουργία γρήγορο, ισχυρό, αναγκάζοντας εφαρμογές που χρησιμοποιούν το Yahoo Query Language (YQL) και το Yahoo User Interface Library (YUI).

Συνδρομητές YUI Θέατρο:

• YUI Θέατρο RSS feed
• YUI Θέατρο για το iTunes

Βρείτε συζητήσεις: Bloglines | technorati

Μοιραστείτε και επεκτείνει: Σελιδοδείκτης με το Yahoo! Ο Ιστός μου | Σελιδοδείκτης με del.icio.us | digg it! | Reddit!

YUI 3 Gallery Contest 2010 - Κερδίστε ένα εισιτήριο για JSConf 2010

Είμαστε στην ευχάριστη θέση να ανακοινώσει την YUI 3 Gallery Contest 2010. Χάρη στους φίλους μας στο Yahoo! Developer Network, έχουμε ένα συνέδριο για να περάσει το sold-out JSConf 2010 να προσφέρει. Είμαστε αντιστοίχιση ότι με 500 δολάρια πιστοποιητικό δώρο για Expedia.com να βοηθήσει ο νικητής πάρει μπρος-πίσω στην Βιρτζίνια για τη διάσκεψη.

Το βραβείο θα πάει στο πρόσωπο που συγγραφείς το καλύτερο νέο YUI 3 ενότητα κθεση μεταξύ Μαρτίου 5 και 22 Μαρ και υποστηρίζει ότι για τη χρήση κοινότητα υπό άδεια BSD YUI του. Όπως και με κάθε διαγωνισμό, υπάρχουν μέρη των κανόνων. Έχουμε αναφερθεί μερικές από τις μεγάλες επιχειρήσεις για τη σελίδα διαγωνισμό και μπορείτε να διαβάσετε την πλήρη νομική writeup εδώ.

Είμαστε ενθουσιασμένοι με αυτό που όλοι μας ως μια κοινότητα έχει γίνει από τα τέλη του 2009 για να κάνει την Πινακοθήκη ένα φυτώριο για YUI 3 την ανάπτυξη και την καινοτομία ενότητα Μορφή. Greg Hinch του (υποβλήθηκε ώρες μετά την Πινακοθήκη άνοιξε), εξαιρετική αποθήκευσης Ryan Grove του και ενότητες Ιστορία, über Ilyan Peychev παρουσίασε το δημοφιλές ακορντεόν, SimpleMenu Julien Lecomte του, Timepicker Stephen Woods του, TreeView Αδάμ του Moore, Chromahash Jeff Craig του, τη δική YQL ενότητα Dav του ... και δεκάδες άλλα.

Ελπίζουμε ότι θα εξετάσουν τη συμμετοχή περίπου YUI 3 πειρατεία κατά τη διάρκεια των προσεχών εβδομάδων για να προσθέσει σε αυτή τη συλλογή. Έχουμε κάποιους πόρους που αναφέρονται στη σελίδα διαγωνισμό, και υπάρχει ένα θέμα του φόρουμ θα με ιδέες για νέες ενότητες (παρακαλείσθε να ζυγίζουν ακόμη και εκεί αν δεν πρόκειται να γράφετε μια ενότητα για το διαγωνισμό μόνοι σας). Και, φυσικά, η τρέχουσα Gallery είναι μια καλή πηγή έμπνευσης.

Happy hacking, και ανυπομονούμε να δούμε ένα YUI επικεφαλής συγγραφέας Gallery έξω να JSConf επόμενο μήνα!

Βρείτε συζητήσεις: Bloglines | technorati

Μοιραστείτε και επεκτείνει: Σελιδοδείκτης με το Yahoo! Ο Ιστός μου | Σελιδοδείκτης με del.icio.us | digg it! | Reddit!

Happy Birthday Πρώτον, JSMag

Οι φίλοι μας πάνω σε JSMag που γιορτάζουμε τα πρώτα τους γενέθλια. Εάν δεν έχετε διαβάσει JSMag είναι ένα μηνιαίο περιοδικό που καλύπτει PDF ειδήσεις σχετικά με καυτά θέματα JavaScript και να προσφέρει πρακτικά μαθήματα.

JSMag δίνουν μακριά ένα ελεύθερο θέμα από το πρώτο έτος λειτουργίας τους. Απλά συνδεθείτε στο λογαριασμό σας JSMag και τη χρήση του κώδικα «μία χρόνια» για να πάρετε μια ελεύθερη έκδοση.

Κατά την επιλογή ελεύθερο θέμα σας, μπορείτε να θελήσετε να αναζητήσουν τα άρθρα της JSMag γραμμένα από Yahoos μηχανικούς frontend ή για YUI κατά τους τελευταίους 12 μήνες:

• Μάρτιος, 2009
  
  • Matt Henry στις δοκιμές μονάδα με YUI
• Απρίλιος 2009
  
  • Με φιλικούς χαιρετισμούς για Profiling JavaScript σας
• Ιούνιος 2009
  
  • Με φιλικούς χαιρετισμούς για Κατασκευάστηκε Scripts
• Ιούλιος 2009
  
  • Stoyan Stefanov για Αξίωμα Patterns
• Αύγουστος, 2009
  
  • Jon LeBlanc για YQL και browser MVC
• Αύγουστος, 2009
  
  • Stoyan Stefanov σχετικά πρότυπα λειτουργίας
• Σεπτέμβριος 2009
  
  • Chistian Tiberg σχετικά με τη χρήση του συστήματος διοίκησης με YUI
  • Stoyan Stefanov για περισσότερα πρότυπα λειτουργίας
• Οκτώβριο του 2009
  
  • Chistian Tiberg για inline επεξεργασία με YUI
  • Stoyan Stefanov για περισσότερα πρότυπα κατασκευαστή
• Νοέμβρης 2009
  
  • Με φιλικούς χαιρετισμούς για τη βελτίωση της JavaScript YQL με server-side
  • Stoyan Stefanov για περισσότερα μοντέλα κληρονομίας
• Δεκ. 2009
  
  • Christian Tiberg σχετικά με τη χρήση του YUI2 datatable και διάγραμμα συστατικών
  • Stoyan Stefanov για περισσότερα μοντέλα επαναχρησιμοποίηση
• Γενάρης 2010
  
  • Christian Tiberg σχετικά με τη χρήση YUI να οικοδομήσουμε Desktop Gadgets για τα Windows
  • Stoyan Stefanov για το πρότυπο sandbox
• Φεβρουάριος, 2010
  
  • Stoyan Stefanov για το ιδιωτικό πρότυπο μέλη
• Μάρτιος 2010
  
  • Με φιλικούς χαιρετισμούς με μια επισκόπηση της server-side Javascript
  • Stoyan Stefanov για Currying

Happy Birthday, JSMag!

Βρείτε συζητήσεις: Bloglines | technorati

Μοιραστείτε και επεκτείνει: Σελιδοδείκτης με το Yahoo! Ο Ιστός μου | Σελιδοδείκτης με del.icio.us | digg it! | Reddit!