ממשק המשתמש Yahoo! בלוג (YUIBlog)

בטבע במשך 19 נובמבר 2010

צוות Yui, וכ 250 מחברינו הקרובים, בילה את כל השבוע של נובמבר 8 התמקדו YUIConf 2010 , המאורגן על ידי Yui מהנדס ג'ני דונלי (DataTable של תהילה). כתבה ג'ני סיכום נחמד של האירוע , מהדהד את מה שכולם הרגישו כאן : זה היה YUIConf הטוב ביותר אי פעם, ועל הקהילה Yui גדל בגודל והן בעומק בכל שנה. היינו במרחק של blown את כל השיחות, ואנו נשמור תיאטרון גמדים Yui עובד פעמיים זמן כדי לקבל את קטעי וידאו.

אנו עשויים מקבלת מעט מאחור על הזנות ה-RSS שלנו (למרות שאנחנו קוראים כל ציוץ של פורה זרם # yuiconf בטוויטר ), אז שבוע זה בטבע אולי טיפה את הכדור על כמה פריטים, יידע אותנו על דבריו או @ yuilibrary אם החמצנו משהו חשוב.

• Yui 3 באתר האוסטרלי סרן ן נדל : מארק Rall (codeinfront @) tweeted ליידע אותנו על אתר הנדל"ן האוסטרלי מרכזי אמיתי מופעל על ידי Yui 3. ( המקור. ) #
  
• C | Net של סטיבן Shankland דן אחרונות GBS עדכון : ב האחרונה שלנו עדכון דפדפן מדורגים תמיכה , אנו ציין כי אנו צופים סיום כיתה המלצה עבור IE6 ב Q1 2011. תחזית זו שנוצר הרבה שיחה, כולל לעבר C | Net שבו סטיבן Shankland זה היה לומר: "IE6, הציגה בשנת 2001, חסר תמיכה רבים תקנים רבים שבהם האינטרנט הישן, כמו גם שורה של חדשות חשובות אלה ו הוא חלש על עיבוד תוכניות מבוססות אינטרנט JavaScript חיוני בעידן החדש, אתרים דינאמיים עשיר. זה גם פגיע יותר לאיומי אבטחה. למרות השימוש IE6 בהדרגה הדועך, זה עדיין נפוץ, בין השאר בגלל שזה מובנה בתוך Windows XP ו-קשה לעקור מן סביבות מחשוב ארגוניים. התמודדות מכה בדפדפן, אמר Yui מפתחי אריק Miraglia ומאט סוויני בבלוג יאהו מצפה "להפסיק ציונים עבור Internet Explorer 6, להעבירו C-כיתה 'ברבעון הראשון של 2011 אז יש עוד זמן להתמקד דפדפנים סלולריים אחרים חשוב בתחומים חדשים ". #
  
• אחסון גזירים של הנתונים בדף שלך דרך Yui 3 : אנדרו Wooldridge ממשיך להגדיר שלו Yui 3 מדריכים. אנדרו כותב: "בכל פעם שאני לעשות קצת לחפור לתוך YUI3, אני מוצא דברים שהם באמת מעניין ושימושי. קחו, למשל, Node.getData () ו Node.setData (). שיטות אלה קצת מאפשרים לך לאחסן מידע הקשור צומת מסוים, אבל אתה לא צריך לנסות ליצור כמה תכונות מותאמות אישית או לעקוב אחר האובייקט עצמו עצמאית אחסון הנתונים כדי שתוכל להשתמש בשיטות אלה. במובן מסוים, זה מאפשר לך לשייך מידע מכל סוג שהוא עם אלמנטים בעמוד שלך הם לשחזור רק על ידי מציאת צומת ולבקש הנתונים. זה כמו שיש מסד נתונים בדף שבו הצמתים הם המפתחות. " #
  
• Yui 3 עצה מהירה: מותנית טען DataURI'd CSS או MHTML : פט Cavit כתבו טיפ גדול הוא הרים מן Yui מהנדס אדם מור YUIConf: "אם אתה כבר משתמש Loader 3 Yui לטעון חלק CSS שלך כמו אני עושה עבור אתרים מסוימים זה יכול להיות שימושי מאוד. אתה יכול גם לעשות זאת באמצעות הערות מותנה, אבל אתה לא יכול לשלוט כאשר העומס קורה במקרה כזה. החוכמה היא להגדיר את הטריגר מודול MHTML להפעיל את המודול רגיל, & גם לוודא כי מודול MHTML יהיה להחליף אחד קבוע. ואז, זה פשוט עניין של הגדרת גם את הצ'ק פשוט UA או בדיקת תפקודי המחזירה אמת / שקר ". #
  
• מהירות שבץ נא באינטרנט בנוי עם Yui 2.8 : מהירות SuperNifty של שבץ נא מחובר ממנף Yui 2.8 של אוסף כלי עזר ו יישומונים כמו TreeView ו ProgressBar. ( המקור. ) #
  
• הכנס (Simple) Yui לתוך עמוד עם כל Bookmarklet @ של טריפטיכון : אנדרו כותב: "אני בטוח אחרי כמה זמן עבודה עם האינטרנט, אתם נוטים לצבור כמה bookmarklets שימושי. אני יודע את זה בשבילי אתה לא יכול לקבל מספיק של הדברים האלה. אני לב בטוח מה צירוף של נסיבות קמה כדי ליצור אותם, אבל הם לעיתים קרובות מאוד שימושי. אם אתה מוצא את עצמך עובד עם Yui ואתה נתקל באתר אתה רוצה ללכלך מסביב עם, אולי לצורך הדגמה או עוזר משופרת יותר עבור Firebug - אתה עלול להשתמש הסימניה ... "( . המקור ) #
• Yui הקשורות ציוץ השבוע : ציוץ שגרם לנו לחייך השבוע: #
  

מצא את שיחות: Bloglines | technorati

שתף להרחיב: הפוך עם del.icio.us | digg זה! | reddit!

בטבע עבור 1 נובמבר 2010

YUIConf 2010 הוא ממש מעבר לפינה, ואנחנו לא יכולים לחכות. הנה כמה דברים שמנו לב שבינתיים:

• Yui 3 על בטא חדשה Yahoo! Mail : מייק קרטיס כותב על Yui 3 השימוש על בטא Yahoo! Mail החדש בבלוג YDN: "במשך JavaScript, החלטנו להשתמש YUI3. Yahoo! Mail Beta נבנה באמצעות המסגרת Yui מהיסוד. אחד היתרונות הגדולים של Yui היא שזה מודולרי, המאפשר לנו למשוך בספריות לפי הצורך להבדיל להוריד הכל מראש. מודרניזציה של סימון באמצעות YUI3 עבור JavaScript מופחת גודל ההורדה הכולל עבור היישום על ידי 35 אחוזים, ניצחון עצום בביצועים. "בדוק את המאמר המלא כאן . #
  
• סם סטפנסון לעיתונות Hork : סם סטפנסון מ 37signals, מחבר Prototype JavaScript ספריה, פרסמה את פרוייקט חדש שנקרא Hork. לדברי סם, "Hork היא תווכה Rack מעט שקוף דחיסת נכסים JS & CSS ​​Yui עם קומפרסור." ( המקור. ) #
  
• Guild Wars 2 הושק אתר עם ​​Yui 3.2.0 + גלריה : פט Cavit ( @ tivac ) כתב לספר לנו על האתר החדש Guild Wars. "השקנו http://hom.guildwars2.com שהוא מלא Yui 3 המופעל באתר. הוא מנצל את plugins כיסוי של אריק Ferraiuolo, מודול היסטוריה של ריאן גרוב, כמה תוספים שהותקן (עכשיו בגלריה) ענים, מודול אנימציה גנרית), [ו] כל מיני מטעין / בסיס / דברים באירוע. זה גם בכבדות משתמשת מודול המעבר החדשה. "( המקור. ) #
  
• "למידה Yui Pt.3 - SimpleYUI ועל היכרות עם ה-API" (דרך @ טריפטיכון) : אנדרו Wooldridge ממשיכה את סדרת הדרכות על 3 Yui, הפעם עם מבט לעבר SimpleYUI ו Y.log . "SimpleYUI הוא כמו מקבל אחד מאותם דוגמים גבינה בדואר. אתה לא צריך ללכת על מחויבות גדולה, אבל אתה יכול לנסות הרבה דברים בלי לדאוג הרבה של אמצעי ייתכן מאוחר רוצה. יצרתי דף נחיתה עבור SimpleYUI , אבל בסיכום להשתמש כמו לקבל לשחק עם Yui בלי לדאוג כל כך. שלה () דברים, או פונקציות אנונימיות וכו 'זה הרבה כמו איך ייתכן jQuery חוו בפעם הראשונה . אתה מקבל הרבה פונקציונליות עוצמה מלפנים, ואתה רק צריך js יחיד + כמה שורות של קוד כדי להתחיל. במשך כמה דוגמאות גדול, לבדוק בדף זה מן אריק Miraglia . SimpleYUI נותן לך DOM, אירועים (ואירועים מותאמים אישית!) מעברים, AJAX. זה מושלם עבור אנשים אשר רק רוצה להוסיף כמה אנימציות או תופעות כיף עבור האתר שלך בתוך זמן קצר שטוח ". writeup מלא כאן . #
  
• Maker Montage מ ​​@ pamelafox הוסבל Yui 3 : פמלה פוקס ported מגניב לה Maker Montage בקשה Yui 3 - וכעת, היא אומרת, זה גם מהיר יותר ויציב יותר. ( המקור. ) #
  
• מנהל רשימה פשוטה עם 3 Yui על JsFiddle מ @ apipkin : אנתוני כדון משותף מנהל רשימה קטנה כתב - המדגיש את הכוח הפנימי של Yui 3 וגם את התועלת גוברת והולכת של jsFiddle. ( המקור. ) #
  
• TSPlayer Secure-Admin מונע על ידי Yui 3 ו 2-in-3 : הצביע Caridy את Secure-Dreamweaver TSPlayer תוסף, אשר admin בסעיף עושה שימוש Yui 3 וכן Yui 2 רכיבים כמו DataTable באמצעות מנגנון 2-in-3. #
  
• Yui 3 מבוססי פונג מ @ bruciemoose : אנדרו ברוס כבר לשחק עם סביב Yui 3 ולבדוק מונע התפתחות. התוצאה: מימוש פונג פשוט. "במקרה אתה אחד הלקוחות שלי, ייתכן שאתה תוהה למה אני כבר מעל slacking לאחרונה. הנה הסיבה: אני מלמד את עצמי "גדלו" JavaScript תחת הדרכתו של דאגלס Crockford (בתוך ספר ו וידאו צורה, כמובן). Crockford לא מזכיר Test Driven Development, כנראה בגלל שהוא לא עושה את זה. אבל אני, כך למדתי לעשות את זה ב-JavaScript too.So הנה זה, HTML5 בד פונג . פונג הוא יעיל Hello, World! יישום עבור מפתחי המשחק. זה לא כיף במיוחד, הגרסה שלי מלא באגים משעשע .... "אתה יכול לקרוא את הפוסט המלא כאן , או לקפוץ פנימה ולתת את המשחק לנסות . #
• JsFiddle מוסיפה תמיכה SimpleYUI : צוות jsFiddle הוסיף תמיכה עבור אוסף SimpleYUI עבור 3 Yui, אשר instantiates עצמה יוצרת מופע העולמי Yui ( Y ) עם תמיכה משותפת פעולות אייאקס הספרייה. אתה תמצא את התיבה SimpleYUI תחת תפריט בחירת ספריה בעת בחירת Yui 3.2.0. (תודה אנדרו Wooldridge על הטיפ.) #

מצא את שיחות: Bloglines | technorati

שתף להרחיב: הפוך עם del.icio.us | digg זה! | reddit!

בטבע במשך 15 אוקטובר 2010

YUIConf 2010 הוא ממש מעבר לפינה , ואנו ממשיכים להיות ראשינו למטה עובדים על האירוע הזה ואת הקרובות Yui 3.3.0 לשחרר. בינתיים, הנה מה שאנחנו ציין בקהילה בשבועות האחרונים. תן לנו לדעת @ yuilibrary (או הערות להלן) מה הפסדנו!

• אנדרו Wooldridge, "למידה Yui: Pt. 2 - קהילה, רישום, ואת מסוף " : אנדרו Wooldridge (@ טריפטיכון) חוזר עם חלק 2 של החדש שלו "סדרת למידה" בלוג Yui. אני אוהב במיוחד (ואני מסכים עם) לקחת על הקהילה Yui: "במילה אחת, הקהילה היא בעצם מה שעושה Yui להתבלט לי כספרייה javascript. אם אתה זקוק לעזרה בעבודה עם Yui, יש בפורומים הקהילתיים , ערוץ IRC , כמו גם שעות פתיחה שמאפשרים לך לדבר ישירות עם מפתחי Yui. אני הייתי ממליץ לך להתחבר בשלב מוקדם של חוויית הלמידה שלך, במיוחד עם ערוץ ה-IRC כי תגלו קבוצה מועיל של אנשים חכמים לתלות בחוץ ומוכנים לענות על כל שאלה, לא משנה איך שגרתיות לכאורה. אתה גם צריך לעקוב yuilibrary בטוויטר כפי שאתה יהיה טפח לתוך החדשות Yui האחרונה שם. " בדוק את הבלוג מלא יותר . כיסיתי חלק אחד ב קודמת "בטבע" טור . #
  
• אנדרו ברג'ס "קורס מזורז" על Yui 2 רשתות על NetTuts : אנדרו ברג'ס "קורס מזורז" על Yui 2 רשתות, אשר אנו הראשון ציין מאי בשנה שעברה , כבר נאספות על ידי NetTuts והוא מביא גל חדש של לב מה יש היה היסטורית אחד הפרוייקטים הפופולריים ביותר של Yui. #
  
• צור הבלוגים עם Google Spreadsheets ו YUI3 : אנדרו Wooldridge (@ טריפטיכון) ממשיכה את סדרת Yui 3 ממוקד מאמרים עם כניסה חדשה הקושרת יחד Yui 3 ו-Google Docs. "אני מודה: הייתי בהשראת מאמר זה על ידי Codeinfront.com. הרעיון של יצירת קטע קוד שכל אחד יכול לשתף, לעדכן ללמוד רק משכנעת מאוד ומספקת. לכן, אני מציע לך משהו שאתה יכול מעולם לא חשב. אתה יכול להשתמש ב-Google Spreadsheets כמקור נתונים JSON. של YUI3 JSONP מודול מדבר יפה מאוד למקור נתונים JSON ומאפשר לך בעצם ליצור אתרים שניתן הנתונים מונע עדיין לא דורשים ממך יש התקנה מסובכת MyAdmin PHP או מסד נתונים MySQL. אתה יכול לעשות זאת בכל דרך בצד הלקוח טכנולוגיות קצת עזרה מ-Google Spreadsheets. אם משלבים את זה עם יכולת טפסים בסול Spreadsheets, אתה יכול אפילו ליצור דף מגניב הדו"ח מבוסס על סקר כמה שאתה יוצר. בואו לרדת קוד. "תרדו לקוד עם לפרסם את הבלוג המלא כאן #
  
• רמיקס וידאו באתר Dragontape שימוש Yui 3 : remixing וידאו Dragontape האתר עושה שימוש נרחב Yui 3. הנה כמה מחברי האתר לתאר את הפרויקט: "Dragontape הוא webapp זה מאפשר לך ליצור mixtapes של קטעי וידאו מקוון המועדפים שלך, כך שאתה יכול לצפות בהם כהצגת רציפה. קלטות שאתה יוצר לגשת דרך כתובת אחת, כך שאתה יכול בקלות לשתף עם חברים או להטביע אותם בדף אינטרנט. מקור קליפים להישאר במיקומים המקוריים שלהם, Dragontape פשוט זוכר איפה למצוא אותם. " #
  
• אריק אלדריג', "פשוט מודול 3 Yui עבור כניסת יאהו" : YDN מטיף אריק Eldrige כתב את מדריך נחמד בבלוג האישי שלו כי מראה לך כיצד למנף Yui 3 ו יאהו מערכת OpenID בפשטות וביעילות. כותב אריק: "כשמסתכלים על דף הנחיתה OpenID באתר YDN עשוי לתת את הרושם כניסה למשתמשים לתוך אתר עם ​​מזהה Yahoo! קשה. בהינתן התנאים הבאים, עם זאת, מוסיף Yahoo! כניסה לאתר שלך יכול להיות פשוט למדי:
  1. כי אנחנו רק מיקוד חשבונות Yahoo!, אנו במיקום מראש הכניסה אל https://open.login.yahooapis.com/openid/op/auth יכול
  2. אם אנו משתמשים ביומן באמצעות חלונות קופצים, אבל לנהל את הכל דרך JavaScript בדף האב, אנו יכולים לדלג על אימות של התגובה חוזר מ-Yahoo! "

  אתה יכול למצוא את המדריך המלא כאן . #
  

• הבמה, Yui חדש 3-HTML5 מצגת מופעל על ידי מערכת ריד בורק : @ ריד הוא פשוט מקבל את הפרויקט הזה יצא לדרך, אבל יש הרבה מה לאהוב כבר. בעקבות בעקבות סדרה של כלים מבוססי תקנים מצגת השיקו בשנים האחרונות, הבמה מכניס טוויסט 3 Yui על הז'אנר. הקוד הוא פועל GitHub - להוריד, מזלג, ותהנה. ( המקור. ) #
  
• יישומון פשוט טוויטר עם Yui 3 ו YQL (על ידי codeinfront @) : @ codeinfront פירסמה מדריך חדש על שימוש Yui 3 ו YQL ב mashup טוויטר. "אמנם בין הפרויקטים שיחקתי עם סביב JavaScript תאריכים כולל המרה לזמן יחסית. אז זה מוביל אותי לבדיקת פונקציה בהקשר יישומון לצפצף. מצאתי את עצמי עם יישומון באמצעות טוויטר Yui 3 ו YQL. הקוד להלן בוחן כמה רעיונות מעניינים ... " בדוק את הבלוג לפרטים מלאים . #
  
• "Yui, איך אתה מעז Make Me Rethink ..." : לחובב טכנולוגיה מישיגן כותב Yui 3 נועד לשבור הרגלים רעים ואתגרים לו למצוא חדשות, דפוסי קידוד בתקווה טוב יותר. "כאשר אתה משתמש YUI3 לך Yui (). להשתמש () והכל במארז מקבל קצת כי בתוך הקוד. אז אם אני פשוט להזיז את הקוד MyApp לבלוק Yui אני כבר לא מסוגל לגשת אליה מתוך עמוד התוכן אני רוצה לרוץ על JS. אז זה טוב, לא GLOBALS JS, אבל זה רע ... לא ככה אני עושה דברים. "אתה יכול לראות MT של התגלות המלא כאן . #
  
• Jeez.eu על בניית מנוע חיפוש מותאם אישית עם Yui :. Jeez.eu של הדרכה על בניית מנוע חיפוש מותאם אישית מסתמכת במידה רבה על Yui 2 יישומונים ושירותים #
  
• רשימת Node.js משאבים מן @ codeinfront כולל Crockford, DAV זכוכית : Blogger סמן Rall (codeinfront @) ערכה קבוצה של Node.js הקשורות המשאבים שלו האהוב. מפתח ביניהם שתי השיחות האחרונות Yui תיאטרון של דאגלס Crockford ו DAV זכוכית. המועדפים עבור אחרים שלו, מעל הראש בבלוג שלו . #
• ErisDS עדכנה מותאם אישית ניווט דוגמה קרוסלה שלה עבור 2.8.x : Northampton בלוגר ErisDS עדכנה את עבודתה על ניווט מותאמים אישית עבור קרוסלה 2 Yui לתמוך Yui 2.8.x. "בשנה שעברה פרסמתי שני חלקים של הדרכה של שלוש חלק (DOH) על יישומון YUI2 קרוסלה אשר עבד עם Yui קרוסלה 2.7.0. מאז, זוג חדש של גרסאות חדשות של YUI2: יישומון קרוסלה שוחררו (2.8.0 ו - 2.8.1), ונראה דוגמאות שלי לא עובד עם הקוד המעודכן. פוסט זה מכסה את הבעיות, את הסיבות מדוע הם מתרחשים וכיצד לפתור אותן. " בדוק את מלוא לכתוב כאן . #
  
• ציוץ של השבוע : מ @ bartt : "היכולת להשתמש # Yui על הלקוח הן & שרת נחמד כל כך. JavaScript + ספריה האהובים עלי משני צידי הגדר ==! מתג הקשר. " #
  

מצא את שיחות: Bloglines | technorati

שתף להרחיב: הפוך עם del.icio.us | digg זה! | reddit!

בניין TipTheWeb עם Yui 3

אודות המחבר: אריק Ferraiuolo הוא מנהל TipTheWeb ומייסד של תוכנה Oddnut . הוא כותב בבלוג שלו: 925-HTML , ניתן למצוא בטוויטר: @ ericf . אריק היה מגיש בהשתתפות YUIConf 2009 .

TipTheWeb הוא שירות חדש המאפשר לאנשים ישירות לתמוך תוכן אינטרנט האהובים עליהם על ידי מפנה אותו. למשל, אם אתה מוצא לכתוב בלוג נהדר, אתה יכול טיפ זה 25 סנט.

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

TipTheWeb של שימוש Yui 3

ממשק המשתמש של TipTheWeb בנויה לחלוטין על גבי Yui 3 (שתינו מיץ ממותק.) הגישה לקחנו היה להשתמש Yui 3 כבסיס והמבנה של קוד JavaScript שלנו. בנינו 33 Yui 3 מודולים מותאמים אישית (56 אם כוללים submodules, תוספים, רול אפים), כמה מהם אנחנו תרמו גלריה 3 Yui: מנהל Component , Markout , כיסוי תוספות , ואת המשאבים REST .

עמוד ברמת חוגים

תכונות הליבה של TipTheWeb מיושמים על הפערים פונקציונלי כמה דפים באינטרנט אשר לתקשר עם השרת על אייאקס. עבור כל אחת דפים אלה יצרנו אישית Yui 3 מודול חושפת בכיתה ברמת הדף משמש לתיאום פעולות בין חלקי תפקודית של הדף.

באחד העמודים הראשי של היישום שלנו, את הדף טיפים, אתה יכול לראות כיצד גישה זו מיושמת עם TipsWindow עמוד ברמת הכיתה. החלקים העיקריים תפקודית של הדף הם יישומונים: CreateTip משמש ליצירת עצות, ואת יישומונים TipList לעריכה, ביטול, מימון טיפים הקיים.

הרבה שכבות

אנו משתמשים Y.Overlay s רבים ברחבי ממשק המשתמש של היישום שלנו ליישם למשתמש אינטראקציות, זה מאפשר לנו לשמור על ממשק העומס ללא בעוד עדיין יש את הפונקציונליות של תכונות מתקדמות זמין בדף. היינו זקוקים תכונות שלא נבנו בתוך Y.Overlay , ולכן פיתחנו כיסוי Extras , אשר בגלריה Yui 3 ו בשימוש על ידי רבים אחרים Yui 3 אתרים מופעל. הנה כמה המקום שבו אנו משתמשים שכבות על TipTheWeb:

המצב הנוכחי של TipTheWeb

נשמח לך לנסות TipTheWeb , עכשיו אנחנו מזמינים רק בטא, ולכן הבקשה להזמין באתר שלנו ואנו נשלח לכם קוד מזמינים.

הקפידו לתפוס לדבר שלנו YUIConf 2010 שבו אנחנו יציג (יותר לעומק) על האופן בו אנו משתמשים Yui 3 ו YQL ב TipTheWeb.

מצא את שיחות: Bloglines | technorati

שתף להרחיב: הפוך עם del.icio.us | digg זה! | reddit!

בטבע עבור 1 אוקטובר 2010

יש כבר באז משמעותי השבוע על שיחת טק DAV של זכוכית על תמיכה ב 3 Yui Node.js ומה שמאפשר במונחים של שיפור פרוגרסיבי, כמו גם עבור מודול Yui 3 מאט טיילור גלריה RaphaelJS . לוק סמית היה טיפ נחמד המפתחים בבלוג השבוע על הארכת Yui כדי "להוסיף מדהים משלך ", חלק מפתח סטפן Klopp מ CarRentalExpress.com מחשבותיו לגבי שימוש Yui 2 לשלטון האתר שלו , וגם קרלו Zottmann משותף חדש מדהים שלו " דנה "הנושא של סוס עבודה תיעוד של Yui, Yui דוק .

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

• אנדרו Wooldridge - "למידה Yui: מבוא" : אנדרו Wooldridge ( @ טריפטיכון ) יוצאת בסדרת מאמרים Yui בבלוג שלו, ואת פיסת מבוא מחובר: "החלטתי לכתוב כמה מאמרים על מקבל החל Yui , ודברים שונים אני לומד כפי שאני ללכת יחד ... אני מניח שיש לך איזשהו צורך ספריה javascript, או אולי קראת על Yui והם סקרנים בעצם על זה. תן לי לתת לך קצת רקע. Yui נוצרה במקור כמערכת משותפת של פונקציונליות של JavaScript ספריה בתוך יאהו שנים, עם הרעיון של מפתחי אינטרנט המאפשר לקיים מערכת בסיסית של פונקציונליות לשימוש בתוך דפי יאהו. זה טבעי גדלה והתרחבה - לפרוץ רק יאהו גם לנוע לעבר ולפתוח קבוצה של רכיבים שאתה רואה היום. אנשים יאהו לאצור את הספרייה אבל לקחת שינויים ועדכונים מאף אחד, אתה חופשי להשתמש בקוד זה איך שאתה רוצה ... Yui אולי נראה כמו להגדיר ענק של ספריות, עושה כל דבר, החל אנימציות יישומונים, אבל במציאות יש צוות Yui השתדלו לעשות את זה קטן מאוד, מהיר, מודולרי. אתה רק לטעון את הליבה חשוף כשאתה כוללים את בסיס Yui js (למרות שאתה יכול אם אתה רוצה לטעון יותר דרך configurator) וכאשר אתה צריך פונקציונליות יותר, אתה יכול לקחת את זה על לטוס ו להימנע מהצורך ארוך זמני ההורדה הראשונית עבור הדף שלך . "בדוק את פוסט מלא יותר. #
  
• גרינג, אוון (@ evangoer), "Yui 3 רשתות מתים פשוט" : אוון אוהב מאט סוויני Yui 3 רשתות , אשר debuted בטא Yui 3.2.0. אוואן כותב: "לא רק בגרסה זו זעיר (1.5 קילו), אבל זה מערכת הפריסה הראשונה שאני אי פעם נעשה שימוש איפה אני יכול רק לכתוב את מה שאני רוצה לרשת מהזיכרון, בלי צורך להסתכל על המסמכים." בדוק את המאמר המלא יותר. ( המקור. ) #
  
• Saurabh Odhyan על השירות Yui 3 מטמון : כותב Saurabh: Yui 3 מטמון "מטמון הנתונים מאפשר שימוש תכוף בזיכרון javascript (caching היסוד) או HTML5 אובייקט localStorage (caching מנותק). למרות שאנו יכולים ליישם מנגנון במטמון שלנו ב-JavaScript, במטמון Yui הוא למטרות כלליות וגם מספק ערכה של האירועים. יתר על כן, ניתן לשלב בקלות עם Yui Datasource אשר יכול להיות מועיל מאוד. אני אראה לך איך השירות שימושי Yui במטמון ניתן באמצעות דוגמה סטנדרטית מאוד, עצרת. "( המקור. ) #
  
• IHikeWithMeetup.com בנוי עם Yui 2.8 : IHikeWithMeetup.com הוא mashup חכם של נתונים מתוך Meetup.com טיולים ביי קבוצות שטח יחד עם נתוני מזג אוויר מפות יאהו - וכל מתארח עם יאהו אירוח. באופן טבעי, האתר מופעל על ידי בריאה עוזרת של Yui 2.8 רכיבים. #
  
• נוף של אובונטו Canonical מנהל מערכות מופעל על ידי Yui 3 : קנוניקל משתמש Yui 3 בהרחבה, כולל שלה מוצר נוף . על פי דף המוצר, "נוף הופך את ניהול וניטור של מערכות אובונטו פשוט ויעיל על ידי שילוב של תמיכה ברמה עולמית עם וקל לשימוש בכלי ניהול מקוון." #
  
• Sidnei דה סילבה, "אתרי אינטרנט אפילו מהר יותר עם ​​Yui" : Sidnei כותב: "מאז קיבלתי את העותק שלי של סטיב Souders" אפילו מהר יותר אתרים שאני נעשה אובססיבי מהירות. במהלך יום העבודה שלי אני כל הזמן מחפש דברים ניתן לשפר על מנת להפוך את חווית המשתמש חלקה יותר, במיוחד עבור לראשונה למבקרים. אני מרוצה למדי עם מה שהשגנו בשנה האחרונה, אם כי תמיד יש דברים לשפר. היום אני הולך לחלוק איתכם את אחד הטריקים כי גילינו כמעט במקרה וזה יכול לעזור עם מה שהופך את האתר שלך מהר יותר, אם Yui הוא מסגרת Javascript לפי בחירתך. "( המקור. ) #
  

מצא את שיחות: Bloglines | technorati

שתף להרחיב: הפוך עם del.icio.us | digg זה! | reddit!

פוקוס יישום: השכרת רכב Express

השכרת רכב Express היא המכונית המובילה עצמאית להשכרת השוואה אתר באינטרנט. זה מאפשר למשתמשים לשכור מכוניות באינטרנט יותר מ 1000 ערים ונמלי תעופה ברחבי העולם.

בסיס המשתמשים שלנו הוא בעיקר לא טכניים, מה שאומר שהם רוצים להשוות מחירי מכוניות להשכרה בקלות כמו אפשרי. עם relaunch של אתר האינטרנט שלנו ביוני 2010 יישמנו מרכיבים רבים של Yui 2 כדי לעזור לספק ללקוחותינו חוויה אינטואיטיבית.

אילו רכיבים Yui אנחנו משתמשים?

הרכיבים שאנו כבר משתמש כוללים מנהל החיבורים , השלמה אוטומטית , Datasource , לוח שנה , אנימציה , JSON , ואת מיכל .

למה בחרנו Yui

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

כיצד אנו משתמשים Yui

אנו מנצלים את Yui במספר דרכים. רכיבים 4 שלנו ביותר בשימוש הם השלמה אוטומטית, לוח שנה, מיכל, וכן מנהל החיבורים. הנה כמה מהדרכים בהם אנו משתמשים כל אחד מהמרכיבים הללו.

השלמה אוטומטית

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

לוח שנה

רכיב לוח שנה משמש גם ברחבי האתר, כאשר השוכר הוא מילוי תמרים לבצע חיפוש. אנחנו משתמשים גירסה מותאמת אישית של ג'ון Peloquin לוח מרווח בחירה והצגה של אותו דיאלוג Yui . בעיקרו של דבר מה שרצינו לעשות היה לתת השוכר תצוגה חודשיים בבחירת התאריכים שלהם, כמו גם ויזואלית להראות להם מה טווח תאריכים הם כיום שבחרת. שוב, זה היה פשוט מאוד ליישום באמצעות Yui 2 לוח שנה, וזה בעצם ירד יצירת דיאלוג Yui, הגדרת הגוף מכילים div במשך שנה, ואז מצרף לוח מרווח Yui ל div זה.

מיכלי

אנו מנצלים מכולות Yui ברחבי האינטרנט שלנו במספר דרכים שונות. בדוגמה שלעיל היינו באמצעות דיאלוג כדי לעזור לנו להציג את לוח מרווח כאשר המשתמש היה בחירת התאריך. על שיעור בדף תוצאות החיפוש שלנו אנו עושים שימוש כבד של מכולות לתת השוכר מידע נוסף על היבטים שונים של סוכנות השכרת הרכב ואת הרכב הם עשויים פוטנציאלית להשכרה. רוב המכולות בדף זה הם לוחות שיש לנו שימוש חוזר עבור כל אחת מהרשומות שונים. כך, למשל, להציג תכונות הרכב פאנל:

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

Connection Manager

מנהל החיבורים משמש ברחבי האתר בכל פעם שאנחנו צריכים למשוך נתונים באמצעות בקשה XHR. בחלק מן הדוגמאות לעיל אנו מנצלים רכיב זה עבור המבקש ערים תעופה עבור implementaitons השלמה אוטומטית ומושכת את המידע הדירוג עבור השוכר מדורג דיאלוג.

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

סופי מחשבות

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

מצא את שיחות: Bloglines | technorati

שתף להרחיב: הפוך עם del.icio.us | digg זה! | reddit!

בטבע במשך 24 ספטמבר 2010

כפי שאנו להתכונן YUIConf 2010 ו הרבה יותר בחודשים הקרובים, הנה כמה דברים אחרים לקחנו לב בעולם Yui גדול:

• Yui תיאטרון חולצות NetTuts רשימת חובה לראות פודקאסטים F2E : אנדרו ברג'ס כותב על Yui תיאטרון : "נראה כי לעתים קרובות ככל כמה פעמים בחודש, יאהו מביא המפתחים בחזית הטכנולוגיה של האינטרנט כדי לשמור על העובדים שלהם עד התאריך. לטובת כולנו, השיחות האלה מתועדות ופורסם. אתה תמצא ידוע devs כמו דאגלס Crockford וניקולס Zakas, ומדבר על הכל, החל ביצועים ונגישות JavaScript ו-DOM. " #
  
• DigitalInsurance.com (האתר apipkin @) מופעל על ידי Yui 3 : פורה גלריה תורם אנתוני כדון סייעה לייצר החדש בפורטל DigitalInsurance.com , מופעל על ידי Yui 3. #
  
• שיפור מתקדמת באמצעות JS אבל שום דבר (@ codepo8 על davglass @) : כריסטיאן Heilmann כותב על Ajaxian: "שיפור מתקדמת היא עדיין עניין מבלבל עבור הרבה אנשים שמחים מאוד על היכולות של ג'אווה סקריפט בסביבות דפדפן מודרני. It can feel anachronistic to write your solutions for a non-JS environment and then once more enhances in JavaScript. I grew up like that so for me it is a simple matter of doing the right thing but with today's world of JavaScript libraries and out-of-the-box widgets it can seem a drag. Enter Dav Glass of the YUI team. He's been turning the concept of progressive enhancement around in his head and as a JS lover and backend code “endurer” he set out to solve this issue once and for all in a pure JavaScript way.” Check out the full article for details . #
  
• More Overlay Plugins for YUI 3 from Oliver Andrich : From Oliver's GitHub page: “Overlay Plugins is a collection of five plugins I wrote in order to learn YUI 3 plugin developement in general. Three out of five plugins more or less mimic the Overlay Extras created by Eric Ferraiuolo …. The five plugins are:
  • BaseOverlayPlugin
  • ModalOverlay
  • KeepAligned
  • HideOnEscape
  • ConstrainDimensions”
  ( Original source. ) #
• Reid Burke's YUI Slides for HackU at Carnegie Mellon : YUI engineer (and Yeti author) Reid Burke whipped up some slides and a YUI 3-based slideshow engine for his recent talk at Carnegie Mellon. #
  
• Devcurry on Learning JS from Crockford and Other Gurus on YUI Theater : Suprotim Agarwal writes in devcurry this morning: “In this post, I will share links of some very useful JavaScript videos and lectures delivered by JavaScript Gurus, full of information, fun watching and absolutely Free! Although the internet is full of free videos, I have chosen only a couple of them, which I found the most useful. Get ready to take notes as you learn.. Crockford's video lectures on JavaScript – Douglas Crockford is a JavaScript architect and plays and important role in designing new features of the language. His videos are a 'must-have' for any JavaScript developer. YUI Theater – Provides access to free programming talks by gurus on JavaScript and web development.” Suprotim goes on to list some other sources of content, including other YUI Theater titles. #
  

מצא את שיחות: Bloglines | technorati

שתף להרחיב: הפוך עם del.icio.us | digg זה! | reddit!