תצוגה מקדימה AlloyUI, YUI 3 מבוסס רכיב מתוך ספריית Liferay

15 מרס 2010 בשעה 2:53 על ידי אריק Miraglia | ב פיתוח | 2 תגובות

נאט קאבאנו ואת אדוארדו לונדגרן של Liferay השקיעו בששת החודשים האחרונים את המבנה ספרייה היישומון החדש, AlloyUI, מבוסס על YUI 3. נאט כתב על הפרויקט Liferay באחרונה בבלוג שלו. AlloyUI זמין כמו לשחרר תצוגה מקדימה היום בתחילת אפריל היא היעד GA release.

Widgets בספרייה AlloyUI.

AlloyUI כוללת מגוון רחב של רכיבי - יותר מ -60 בכל - נע בין שירות לשכבות סוכר עד מלא פוצצו יישומונים ממשק המשתמש. כל סגסוגת של רכיב זה בנויים על YUI 3; כמה יישומונים מבוססים במידה מסוימת על YUI 2. כל חופשיים לשימוש תחת רישיון LGPL. נייט אדוארדו מתכוונים לשתף רכיבים AlloyUI על YUI 3 גלריה, מה שהופך אותם גם קל לשימוש כמו כל 3 YUI, YUI 2, או מודול גלריה אחרות; הם מקווה שתהיה לי עוד חדשות על המאמץ כי בקרוב.

רכיבים AlloyUI כוללים:

  • השלמה אוטומטית
  • לוח שנה
  • תרשימים
  • ColorPicker
  • שיח
  • גלריית תמונות
  • Paginator
  • דירוג
  • Resize
  • Sortable
  • כרטיסיות
  • רשימת TextBox

בדוק את דף הדגמות שלהם לחקור את כל אלה ועוד רבים אחרים.

אם אתה צובט את עצמך שואל, האם עשרות נאט, אדוארדו Liferay "תורם של רכיבים לתוך המערכת האקולוגית של YUI, ממשק הליבה השירות אלמנטים שאני יכול להשתמש בפיתוח היומיום שלי?", התשובה היא כן ... זה פחות או יותר מה הם עושים. אמנם אנחנו מכירים מאז על הפרויקט בסוף השנה שעברה, היתה לנו הזדמנות לבקר עם נייט אדוארדו ב-Yahoo! היום ואנחנו מאוד הרשים עם העבודה שהם עשו.

אדוארדו לונדגרן, נאט קאבאנו ואת צוות YUI ב-Yahoo

שתף להאריך: הפוך עם יאהו! האינטרנט שלי | הפוך עם del.icio.us | digg it! | Reddit!

בטבע עבור 12 מרס 2010

12 מרס 2010 בשעה 11:20 am על ידי אריק Miraglia | בשנת בטבע תגובה | 1

כאן YUI HQ, אנחנו עובדים לקראת שחרור הגדול הבא של YUI, YUI 3.1.0. אתמול היינו שותפים כמה YUI 3 עבודה מטעין כי אדם מור עשה 3.1.0. "שלו YUI 2 ב 3" הפרויקט מאפשר לך להשתמש ברכיבים כמו YUI 2 DataTable בפשטות וביעילות ב YUI 3. בינתיים, שיפורים מטעין שלו גם אומר שאתה יכול להביא YUI 3 מודולים גלריה כמו מחסן לייט עם הקלות והיעילות אותו. 3.1.0 גם לסמן את שחרורו של העצרת הכללית של דסאי Satyen רכיב / יסוד יישומון עבור YUI 3.

אנחנו גם מפעיל את YUI 3 גלריה תחרות, הזוכה מקבל לעבור JSConf הכנס ו 500 $ ב Expedia.com לעזור עם הנסיעות. יש לך שני סופי שבוע מלאים השמאלי של פריצה לפני המועד האחרון!

בינתיים, יש כבר הרבה קורה בקהילה - הנה כמה דברים שאנחנו ציין לאחרונה:

שתף להאריך: הפוך עם יאהו! האינטרנט שלי | הפוך עם del.icio.us | digg it! | Reddit!

YUI 2 ב 3: אתה נכנס YUI 3.1.0, דרך פשוטה יותר השתמש YUI 2 מודולים

11 מרס 2010 בשעה 12:44 על ידי אריק Miraglia ואדם מור | ב פיתוח | 5 תגובות

שימוש YUI 2 רכיבים בהקשר של YUI 3 מימושים חשוב כמה Implementers עושה את המעבר בין YUI YUI 2 ו 3. במקרים מסוימים, אנחנו פשוט רוצים המעבר בשלבים הקוד שלנו, אבל אנחנו רוצים לעשות זאת בתוך ההקשר של דפוס YUI יישום 3. במקרים אחרים, אנו עשויים להיות הסתמכות על רמה גבוהה של רכיבים כמו YUI DataTable שעדיין לא נוכח YUI 3.

כחלק מהפרסום הקרובה 3.1.0, אדם שיפר את חוויית השימוש YUI 2 רכיבים מתוך YUI 3. לשם כך, הוא הוסיף קצת אינטליגנציה כדי YUI 3 של מטעין זה מאפשר לך לטעון YUI 2 מודולים ישירות YUI().use() שלך 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 (לבנות 1933 ואילך). זה אינו זמין 3.0.0 או בתצוגה המקדימה 3.1.0pr1.
  • הפרויקט נמצא במצב ניסיוני. Yui3.1.0pr2 גם לבנות ולא עטוף YUI 2 בונה שממנו הוא מושך נבדקו בהרחבה, למרות שיש לנו אותם ביים ב CDN כדי להפוך אותו נוח לחקור את היישום.
  • הורד את האחרונה לבנות עבור דוגמאות. תמצא כמה הוכחות אדם-of-concept קבצים ב sandbox/loader - מלבד בדוגמה פשוטה לעיל, אלה הם הטובים ביותר שהקוד זמין עד לשחרור הרשמי 3.1.0 (אשר עדיין כחודש החוצה).
  • המשוב שלך בפורום הוא מבורך - ו, אם אתם מוצאים בעיות, אנחנו מעוניינים לשמוע עליהם.
  • כאשר משתמשים בדרך זו, YUI 2 לא ליצור אובייקט YAHOO הגלובלי. YUI 2 הרכיבים עטופים YUI הגדרות 3 מודול והם להישאר הכלולות YUI ארגז חול 3 שאליה הם מחוברים. הקו codesample לעיל, var YAHOO = Y.YUI2; הוא זקוק כדי לגזור ולהדביק YUI 2-קוד יישום סגנון - או אתה יכול לשנות את הפניות YAHOO כדי Y.YUI2
  • YUI 2 מהדורות נתמכים בחזרה 2.2.2 - בחיידק האחרונה תיקון לשחרר עבור כל גרסה נתמכת מינור (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 (או מאוחר יותר) לפני 3 YUI הגירה.

גלריה קל יותר לשימוש, יותר מדי

אדם שיפורים YUI 3 של מטעין מהותי שיפרו את חוויית העבודה עם גלריה הגדלה במהירות YUI 3, מדי. מתאריך 3.1.0, תוכל להביא מודולים גלריית לתוך הדף מן use() הצהרת ללא תוספת תצורה - טוען יוכלו לקבוע לפתור תלות לך תעשה את הדבר הנכון ביחס משולבת 'ing את קוד המקור גלריה עם קבצים אחרים YUI. להלן דוגמה Dav זכוכית להרכיב על 3.1.0 זה מדגים את השימוש YQL מודול שאילתה בגלריה שלו בשילוב עם מראש לבנות שחרור של 3.1.0.

שתף להאריך: הפוך עם יאהו! האינטרנט שלי | הפוך עם del.icio.us | digg it! | Reddit!

ב YUI 3 גלריה: מאט Snider של מספר Module

10 מרס 2010 בשעה 5:45 pm על ידי מאט Snider | ב פיתוח, YUI 3 גלריה | אין תגובות

אודות המחבר: מאט Snider מאט Snider הוא מהנדס Frontend להנהיג עבור Mint.com (כיום חלק Intuit), שבו הוא עושה שימוש רב YUI בשכבת המצגת. הוא גם מחבר של בלוג פופולרי ב-JavaScript. מאט תרם את YUI 2 מזוודות השירות כדי YUI ו הוא חבר פעיל בקהילה, אתה יכול לראות את המצגת שלו YUICONF 2009 ב YUI תיאטרון.

מקורי, JavaScript יש קבוצה מאוד מוגבלת של פונקציות לעבודה עם המספרים הממוקם על האובייקט מתמטיקה הגלובלי. פונקציות אלה בעיקר לעבודה עם המעריכים, טריגונומטריה, ואת עיגול. ובעוד פונקציות אלה זקוקים ויעיל, את ה-API מתמטיקה נשאר ללא שינוי במשך שנים, וכנראה גם לא יהיה שיפור בכל עת בעתיד הקרוב. אז זה תלוי המפתחים של ספריות JavaScript כדי ליצור ולתחזק רכיב לעבודה עם מספרים.

רכיב מספר ב YUI 3 גלריה, נגזר לעבוד במקור השתמשו ב Mint.com, שואפת למלא חסרים מספר פונקציונליות בנושא. הוא מספק קל משקל מערכת של פונקציות סטטית לעבודה עם מספרים. רכיב מספר ב שוקל בערך 1.8KB לאחר minification ולפני gzip; זה נתמך על ידי כל הדפדפנים ציון-A.

אחת התכונות של מספר שאשתמש ביותר הוא format() function, אשר מזריק מספר מעוצב למחרוזת ידי הערכת תבנית של מספר מציין המיקום במחרוזת. (הערה: דבר זה דומה התמיכה Y.DataType.Number עיצוב מספקת כיום, אבל מגלגל את מאפייני התצורה נפרד אשר Y.DataType.Number.format מקבלת מחרוזת לתוך תבנית עיצוב אחת.) הפונקציה עובדת עם כל הסמלים, אבל מספרי פורמטים זה לפי התקן אנגלית. הנה דוגמה של כמה כיצד להשתמש format() מן הבדיקה היחידה שלה:

  var n = 1111.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 ( "1,111.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() שימושיים להמרת ערכי.

כדי להשתמש מספר רכיב גלריה, הראשון כולל את התסריט:

  <סקריפט 
 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' ב use() שלך use() function, כדי לקבל את הפונקציות הבאות:

  YUI (). להשתמש ( 'גלריית מספר', הפונקציה (Y) (
	 י 'מספר = (
		 מעלות (מספר),
		 (תבנית מספר, תבנית),
		 (getPrecision מספר),
		 isNotBetween (מספר, מספר, מספר, בוליאני),
		 isBetween (מספר, מספר, מספר, בוליאני),
		 isPrime (מספר),
		 ברדיאנים (מספר),
		 אקראיות (מספר, מספר),
		 (roundToPrecision מספר, מספר)
	 );
 )); 

פונקציות אלה היו במתכונת הילידים פונקציות מתמטיקה, כמו פונקציות מתמטיות, פונקציות על NaN Y.Number לחזור אם הערך שסופק אינו מספר. אם ברצונך לתרום לפיתוח של או דורשים תכונות חדשות שנוספו מספר, נא להשאיר הודעה על הפורום.

שתף להאריך: הפוך עם יאהו! האינטרנט שלי | הפוך עם del.icio.us | digg it! | Reddit!

YUI Theater - דאגלס Crockford: "Crockford ב-JavaScript - Episode IV: הגלגול של אייאקס" (93 דקות.)

9 מרס 2010 בשעה 12:40 על ידי אריק Miraglia | ב YUI תיאטרון | 6 תגובות

דאגלס Crockford מספק את ההרצאה הרביעית Crockford שלו ב-JavaScript סדרת הרצאות ב-Yahoo ב -3 במרץ 2010.

בשבוע שעבר, Yahoo! JavaScript האדריכל דאגלס Crockford נשא את הפרק הרביעי של Crockford שלו על סדרה-JavaScript:

  1. כרך ראשון: השנים הראשונות
  2. פרק 2: ואז היה JavaScript
  3. מערכה שלישית: הפונקציה Ultimate
  4. בפרק הרביעי: הגלגול של אייאקס
  5. חלק V: The End of All Things (31 במרץ - RSVP)

בפגישה זו, דאגלס מתמודד עם DOM. מצד אחד היה JavaScript, הוא אומר, ו-JavaScript היא "מה שעשה את העבודה של הדפדפן."

מצד שני, היתה Document Object Model, הידוע גם בתור DOM בחיבה. זה מה שרוב האנשים שונאים כשהם אומרים שהם שונאים JavaScript. רוב האנשים שאומרים שהם שונאים-JavaScript JavaScript לא יודע, אולי מעולם לא ראיתי-JavaScript, אבל הם הרגיש בסדר DOM. אם אתה לא יודע מה ההבדל ואתה אומר, "JavaScript היא הדבר הכי אידיוטי שראיתי אי פעם," אתה לא מדבר על JavaScript, אתה מדבר DOM. DOM הוא ה-API של הדפדפן. זהו ממשק. הוא מספק JavaScript עבור מניפולציה מסמכים.

DOM עשוי להיות לא מושלמים, אבל זה בכל זאת חיוני מהנדסים Frontend מה לעשות כאשר הם כותבים יישומי אינטרנט. בשיחה זו, דאגלס מספק סקירה, ממוקמת מבחינה היסטורית, של איפה DOM בא, איך הוא השיג עם עליית אייאקס, ומה העתיד עשוי להחזיק. באופן שאין לו מתחרה של דוגלס, זו ההיסטוריה מתחילה עם סר ג 'ון הרינגטון ולוקח אותנו עד היום. כמה מילים על הבחירה ב-CSS הם בין קווי מחיאות כפיים רבות למפתחים ותיקים:

אני מוצא בתוך הקהילה של אנשים המשתמשים ב-CSS חיבה גדולה עבור זה. הם לגמרי השקיעה ב-CSS, הם אוהבים את זה. הם לא יכול לדמיין דרך אחרת לעשות עיצוב במסמך. זה זה. זה קצת כמו לצפות בפרק של שוטרים איפה השוטרים להיכנס לשבור את סכסוך משפחתי, ואין זה "CSS הוא לא רע, אתה פשוט לא מבין את זה, כמו שאני עושה. אני יודע שזה כואב לי, אבל אני עושה טעויות, אני טועה. "CSS הוא נורא, זה מדהים אותי איך אנשים מקבלים השקיעה זה. זה כמו פעם לך להבין את זה, סוג של ללכת "אה, בסדר, אני רואה איך אני יוכל לגרום לזה לעבוד," אז אתה שונא אותו מן Flip לאהוב אותו, מתעב את כל מי שלא עבר את מה שאתה "יש עבר. זה לא הגיוני לי.

אם הווידאו להטביע מתחת לא יופיע כראוי קורא ה-RSS של הבחירה שלך, הקפד על דרך לראות את גירסת רזולוציה גבוהה של וידאו על YUI תיאטרון.

אחרים אחרונות YUI תיאטרון Videos:

מנוי YUI תיאטרון:

שתף להאריך: הפוך עם יאהו! האינטרנט שלי | הפוך עם del.icio.us | digg it! | Reddit!

YUI 3 גלריה תחרות 2010 - הרוויחו כרטיס JSConf 2010

5 מרס 2010 בשעה 2:12 על ידי אריק Miraglia ו Dav זכוכית | ב פיתוח, YUI גלריה 3 | 6 תגובות

אנו שמחים להודיע על YUI 3 גלריה Contest 2010. תודה לחברים שלנו ב-Yahoo! רשת מפתחים, יש לנו ועידה להעביר את מכרה-החוצה JSConf 2010 להציע. אנחנו זיווג כי עם שובר מתנה 500 $ כדי Expedia.com לעזור חתן הפרס לקבל ובחזרה וירג 'יניה עבור הכנס.

הפרס ילך למי מחברי YUI הכי חדשים 3 מודול גלריה בין מרץ 5 ו 22 מרס ומגישה אותה לשימוש הקהילה תחת רישיון BSD של YUI. כמו בכל תחרות, יש המון חוקים. שמנו לב כמה מהגדולים בדף תחרות ואתה יכול לקרוא את writeup המשפטי המלא כאן.

אנחנו מאושרים עם מה שכולנו כקהילה עשו מאז סוף 2009 על מנת להפוך את גלריה חממה עבור YUI 3 צמיחה וחדשנות. גרג hinch של מודול טופס (הגיש שעות אחרי הגלריה נפתחה), ריאן גרוב של אחסון מעולה ואת מודולים היסטורית, Ilyan Peychev's über-אקורדיון פופולרי, ז 'וליין Lecomte של SimpleMenu, סטיבן וודס של Timepicker, אדם מור TreeView, ג' ף של קרייג Chromahash, Dav של המודול עצמו YQL ... ועשרות יותר.

אנו מקווים שתשקול לעשות כמה YUI 3 פריצה בשבועות הקרובים להוסיף לאוסף הזה. פירטנו כמה משאבים בדף התחרות, ויש חוט הפורום הולך עם רעיונות מודולים חדשים (בבקשה לשקול שם גם אם אתה לא הולך להיות כתיבת מודול לתחרות עצמך). וגם, כמובן, את גלריית הנוכחי הוא מקור טוב להשראה.

פריצה שמח, ואנחנו מצפים לראות YUI ראש גלריה מחבר החוצה JSConf בחודש הבא!

שתף להאריך: הפוך עם יאהו! האינטרנט שלי | הפוך עם del.icio.us | digg it! | Reddit!

ראשית יום הולדת שמח, JSMag

3 מרס 2010 בשעה 7:27 על ידי טום יוז-Croucher | ב Miscellany | 3 תגובות

טום יוז-Croucher הוא מטיף עבור יאהו! רשת מפתחים.

חברים שלנו לעבר JSMag חוגגים יום ההולדת הראשון שלהם. אם לא קראת JSMag זה PDF, מגזין חודשי המכסה את החדשות ב-JavaScript נושאים חמים מספק הדרכות מעשיות.

JSMag הם מחלקים עניין חינם בשנה הראשונה שלהם. פשוט להיכנס לחשבון שלך JSMag להשתמש בקוד 'oneyear' בעיה להשיג בחינם.

בעת בחירת הנושא שלך חופשית, מומלץ לחפש את המאמרים JSMag נכתב על ידי מהנדסי Yahoos הקדמי או על YUI במשך 12 החודשים האחרונים:

  • מרס 2009
    • מאט הנרי על בדיקות יחידה עם YUI
  • אפריל 2009
    • עבדכם הנאמן על פרופיל JavaScript שלך
  • יוני 2009
    • עבדכם הנאמן על בניית סקריפטים
  • יולי 2009
    • Stoyan Stefanov על הפונקציה דפוסי
  • אוגוסט 2009
    • ג 'ון LeBlanc על YQL ודפדפן MVC
  • אוגוסט 2009
    • Stoyan Stefanov על דפוסי פונקציה
  • ספטמבר 2009
    • Chistian טיברג על שימוש במערכת הממשל עם YUI
    • Stoyan Stefanov על דפוסי לתפקד יותר
  • אוקטובר 2009
    • Chistian טיברג על עריכת מוטבע עם YUI
    • Stoyan Stefanov על דפוסי בנאי יותר
  • נובמבר 2009
    • עבדכם הנאמן על העמקת YQL עם JavaScript בצד השרת
    • Stoyan Stefanov על דפוסי ירושה יותר
  • דצמבר 2009
    • כריסטיאן טיברג על שימוש ברכיבים YUI2 datatable ו תרשים
    • Stoyan Stefanov על דפוסי שימוש חוזר יותר
  • ינואר 2010
    • כריסטיאן טיברג על שימוש YUI לבנות שולחן העבודה של Windows גאדג 'טים
    • Stoyan Stefanov על התבנית sandbox
  • פבואר 2010
    • Stoyan Stefanov על התבנית פרטית
  • מרס 2010
    • עבדכם הנאמן עם סקירה של JavaScript בצד השרת
    • Stoyan Stefanov על קרצוף

יום הולדת שמח, JSMag!

שתף להאריך: הפוך עם יאהו! האינטרנט שלי | הפוך עם del.icio.us | digg it! | Reddit!

לדף הבא »
Hosted by Yahoo!

זכויות יוצרים © 2006-2010 Yahoo! בע"מ כל הזכויות שמורות. מדיניות פרטיות - תנאי שימוש

מופעל על ידי וורדפרס ב-Yahoo! אירוח אתרים.