Yahoo! Блог User Interface (YUIBlog)

Юи 3 Бързо Съвет: Добавяне на Вашия собствен Awesome

Лука ( _AT_ ls_n ) е публикувал този фрагмент в отговор на въпрос на другия ден, и аз помислих, че си струва да споделят тук като един бърз съвет.

Както с повечето селектор базирана идиоми, много на Юи 3 изразителна сила идва от това, което може да направи веднъж имате позоваване на един или повече HTMLElements - в Юи 3, това означава, че с Node препратка, която обикновено получавате чрез Y.one( selector string ) или Y.all( selector string ) . Така че, Y.one("#foo"). doSomethingInteresting е общ модел.

Лесно е да се разшири на изразителност Юи 3 чрез добавяне на вашата собствена магия, за да Node (и / или NodeList). Ето един начин да се направи разширение модулна и многократна употреба.

Първо, създаване на нов потребителски модула (ще наричаме това node++ ):

  YUI.add ("възел + +", функция (Y) {
	
	 / / Дефинира функция, която ще се проведе в контекста на
	 / / Възел например:
	 на функция doSomethingAwesome () {
		 Y.log ("Направи нещо страхотно тук.");
	 }

	 / / Използват addMethod, за да добавите doAwesomeThing възел прототип:
	 Y.Node.addMethod ("doAwesomeThing", doSomethingAwesome);
	
	 / / Разшири тази функционалност, за да NodeLists:
	 Y.NodeList.importMethod (Y.Node.prototype, "doAwesomeThing");
	
 }, '0 .0.1 ', {Изисква: [' възел ']}); 

Тук същността Лука .

С това определение на страницата, node++ може да се use във всяка инстанция. В изпълнението си код, можете да направите:

  Юи (). Употреба ("възел + +", функция (Y) {
	
	 / / Използват от един възел:
         ,. Y.one ('# Foo ") doAwesomeThing ();

	 / / Се използва от NodeList:
	 Y.all ("P") doAwesomeThing ();
	
 }); 

Имайте предвид, че само например Юи (а), за да ви обвърже node++ модул ще има достъп до doAwesomeThing . Една от характеристиките на този дизайн, че ще ви хареса, тъй като изграждат сложни приложения е, че вашата логика за прилагането им, не трябва да се промени, ако зависимостта списък за node++ се развива - че ще се работи за вас автоматично при use() време, както и зависимостта декларация остава с код, за който се отнася.

Вижте разговори: Bloglines | Technorati

Споделете и разширяване : Запазете си отметка към del.icio.us | Digg тя | Reddit!

Юи театър - Dav стъкло: (36 мин.) ", Използването Node.js и Юи 3"

Работа Райън Дал на Node.js - и общността, които са около този проект се присъедини към HTML5 като един от най-големите истории на 2010 година. Юи инженер Dav Стъкло е работи, за да Юи 3 мощен съюзник за Node.js изпълнителите, и в този клип ще ви покаже какво е направил досега, включително демонстрации на постепенно подобрени джаджи, работещи на същия код на клиента и сървъра. Не пропускайте тази.

Ако вградите видеото по-долу, не се показва правилно във вашия RSS четец, чрез кликване, за да гледате или да изтеглите с висока резолюция версия на видеото на Юи театър .

• Изтегляне на HD видео (480p ~ 271MB)
• Изтегляне на видео (M4V)
• С висока резолюция, transcripted версия на този разговор е на разположение на сайта на Юи театър

Други скорошни театър Юи Videos:

• На Алоис Reitbauer dynaTrace Аякс - dynaTrace осигурява една от най-мощните инструменти за анализ на изпълнението на уеб приложения в Internet Explorer. В този разговор, dynaTrace инженер Алоис Reitbauer ходи чрез четири специфични аналитични сценарии, използващи интерфейса dynaTrace.
• Райън Grove: Постигането на изпълнение Zen с Юи 3 - След кодифицираните насоки може да ви помогне да изградите бързо сайтове, но за изграждане на приложения, които са чисти, бърз и разширяем, също включва като един балансиран подход към работата на всяко ниво на F2E работата си. Юи 3 е предназначена да ви помогне в този процес, предоставяне на право размер абстракция слой с вграден в изпълнение магия и разнообразие от инструменти, които правят бързо интерфейса код лесно и забавно да се произвежда. В тази сесия ние ще изследваме Дзен на performant JavaScript в света "Юи 3" и да ви запозная с някои от най-мощните инструменти, Юи 3 поставя на ваше разположение във всеки App пишете.
• На Дъглас Crockford: Crockford на JavaScript - Сцена 6: Loopage - разработка на софтуер е затруднена от специфичен набор от дизайнерски грешки, които бяха направени през първите езици за програмиране и се повтаря всичко, което е направено, тъй като. И донякъде по чудо, JavaScript ще да го направи, радикално начина, по който пишат приложения. Отново. В течение на историята, то всичко се е случило преди, но никога не се е случило по този начин. Ето защо трябва да се грижите за появата на JavaScript от страна на сървъра и вълнението около проекти като Node.js, не защото са на ръба на една тенденция, а защото те проправят пътя към следващата голяма революция в софтуера.

Абонирането за Юи театър:

• Юи театър RSS Feed
• Юи театър на качи

Вижте разговори: Bloglines | Technorati

Споделете и разширяване : Запазете си отметка към del.icio.us | Digg тя | Reddit!

Изпълнение Фокус: Наем на автомобили Express

Car Rental Express е водеща независима автомобили под наем уебсайт сравнение в интернет. Тя позволява на потребителите под наем автомобили онлайн в повече от 1000 градове и летища в целия свят.

Нашата потребителска база е до голяма степен не е техническо, което означава, че те искат възможно най-лесно да сравняват цените и отдаване под наем коли. С подновяването на нашия уебсайт през юни на 2010 г. въведохме много компоненти на Юи 2, за да предоставим на нашите клиенти с интуитивен опит.

Кои Юи компоненти се използват?

Компонентите, които сме използвали включват Connection Manager , AutoComplete , източник на данни , Календар , анимация , JSON , както и контейнери .

Защо сме избрали Юи

При прегледа на отделните библиотеки на JavaScript, за които ние можем да използвате на Car Rental Express , ние открихме, че Юи е най-пълната за нашите нужди. Най-продавания функции за нас е много модулен подход, Юи взеха за изпълнение на различни шаблони за дизайн, както и силен документация и примерите, които те са предоставили. От гледна точка на развитие, това доведе до бързото развитие на нашата молба, без да се налага да се борят с библиотека.

Как ние използваме Юи

Ние използваме на Юи в редица начини. Нашите 4 най-използваните компоненти са автодовършване, Календар, контейнер, и Connection Manager. Тук са някои от начините, които използваме всеки един от тези компоненти.

Автодовършване

Автодовършване компонент се използва широко в нашия сайт, за да помогне на потребителите да се намери град или летище, в който да се наеме кола. Ние наистина хареса колко лесно е за прилагане на този компонент, и колко бързо се отговаря. Ние кеш резултати от търсенето от страна на сървъра, за да помогне за подобряване на резултатите от търсенето, обаче, като страна на клиента кеширане също помогна изключително много за ускоряване на отговора на компонента. Друга особеност, че ние наистина се е колко лесно резултатите бяха стил. При показване на местата за потребителя това е от решаващо значение, тъй като ние трябваше да определи кои места, където се намират в градовете и за които беше установено по летищата.

Календар

Календар компонент се използва също и в целия сайт, когато Наемателят е попълването на дати за провеждане на търсене. Ние се използва персонализирана версия на Interval Избор на Джон Peloquin календар и го показва в диалоговия Юи . По същество това, което искахме да направим, е да даде на наемателя два месеца оглед при избора техните дати, както и визуално да им покажем каква дата в момента те са избрали. Отново, това е изключително прост за прилагане на използването на Юи 2 календарни, и то основно за създаване на Dialog Юи, създаване на орган, който да съдържа DIV за календара, след прикачване на Юи Календар интервала че DIV.

Контейнери

Ние използваме на Юи Контейнери през нашия сайт в няколко различни начина. В горния пример чрез диалогов прозорец, за да ни помогне да се покаже Календар интервал, когато даден потребител изберете дата. На нашия резултати от страницата за търсене процент правим тежък използване на контейнери, за да се даде на наемателя повече информация относно различни аспекти на агенция за автомобили под наем и превозни средства, те може потенциално да наемете. Повечето от контейнерите на тази страница са панели , че ние използва повторно за всеки различен регистрация. Например, на превозното средство, на дисплея се отличава панел:

Нещата станаха малко по-забавно с Наемателят оценка рейтинговата агенция. При показване на рейтингите, ние наистина искахме да се съсредоточи вниманието на потребителя към точките получената агенция и да се покаже тази информация в чист начин, лесен за виждане. Чрез използването на диалогов управление ние бяхме в състояние да ограничат изгледа и център на диалоговия лесно да ни помогне да постигнем тази цел. Чрез определянето на празен горен и долен колонтитул стайлинг просто, само с добавяне на подходящи стилове към нашия CSS. Крайният резултат е чист съд рейтинги, които предоставя на наемателя с информацията, която те искат.

Connection Manager

Connection Manager се използва в целия сайт, когато ние трябва да тегли данни чрез искане XHR,. В някои от горните примери, ние използваме този компонент за искане на градове и летища за автодовършване implementaitons и да дърпа рейтинга на информация за оценка на Наемателя Dialog.

Един интересен начин, ние използваме Connection Manager е с отдаване под наем нашия център блок, който седи на повечето страници. За да помогне с изпълнението правим много на цяла страница кеширане на много от нашите страници със съдържание. Въпреки това, ние все още иска да се покаже динамичен наем централният блок на тези страници. Това ни представи с проблем, ние бяхме в състояние да реши с Connection Manager. Вместо да се налага да се прекъсне напълно кешираната страница и кеш само аспекти на страницата, ние открихме, че е по-лесно просто да включва отдаване под наем блок център чрез обикновено искане асинхронен. Открихме, че това позволи на нас, за да запази изпълнението с напълно кешираната страница, но все още показва динамично съдържание под наем на нашия център кутия.

Заключителни мисли

Като цяло ние сме били изключително доволни от нашия избор, за да използвате Юи. Тя ни осигурява с модулна библиотека, която е добре документирана, лесен за използване и прилагане.

Вижте разговори: Bloglines | Technorati

Споделете и разширяване : Запазете си отметка към del.icio.us | Digg тя | Reddit!

В Юи 3 Галерия: Мат Тейлър RaphaelJS Модул

RaphaelJS е мощен JavaScript библиотека, че управлява SVG чертежи и анимации. Тя позволява лесно да създадете на SVG платно и се правят основни форми и пътища много лесно, дори и групирането им в системи и прилагане на трансформацията на един или повече вектори. Можете да рисувате фигури, да манипулират изображения, и да анимирате всичко. RaphaelJS осигурява приятен API за създаване и промяна на на SVG елементи с лекота.

Докато библиотеката е впечатляващ, но аз открих, че мога да добавя някои важни функции, които на елементи на библиотека RaphaelJS, с YUI3. Започнахме тези усилия с новия модул на Галерия RaphaelJS .

На Мързел Зареждане RaphaelJS и плъгини

Първата функция е мързелив, натоварване не само на RaphaelJS библиотека, но всички RaphaelJS плъгини, които може да се наложи. Галерия RaphaelJS модул само ще зареди тези файлове, когато заявяват, вие ще ги използвате в рамките на Юи пясък. Например:

 
 Юи ({галерия: "Галерия-2010.09.22-20-15 '}). Употреба (" Галерия-Рафаел ", функция (Y) {
 
	 Y.Raphael (). Употреба (функция (Рафаел) {
		
		 / / Използване Рафаел тук, точно както бихте го направили извън Юи
		 VAR хартия = Рафаел ("myPaper", 500, 500);
 
	 });
 
 });

Ако сте използване на RaphaelJS плъгини, да се уточнят техните пътеки в масив и изпрати, че като първи параметър на Y.Raphael, (), използвайте () функцията.:

 
 Юи ({галерия: "Галерия-2010.09.22-20-15 '}). Употреба (" Галерия-Рафаел ", функция (Y) {
 
	 на Var myPlugins = ['плъгини / raphael.awesomePlugin.js, "," Грешка raphael.wickedPlugin.js "];
 
	 Y.Raphael (). (MyPlugins функция (Рафаел) {
 
		 / / Използване Рафаел тук, точно както бихте го направили извън Юи
		 VAR хартия = Рафаел ("myPaper", 500, 500);
		 / / "Хартия" ще има нови функции, добавени от плъгини си сега
	 });
 
 });

Библиотека RaphaelJS е заредена първо, след това всички определени плъгини са заредени преди да си функция за обратно извикване се изпълнява с Рафаел като единственият параметър.

Персонализирани събития

След като сте създали рисунка пространство с обект Рафаел, а след това можете да получите веднага да чертежа. Когато ти се обадя методи, като rect , circle , и path на чертожната пространство, ще получите обратно обекти, представляващи SVG вектори. Обикновено, вие ще имате достъп до съответните им дом чрез node собственост. Например:

 
 VAR хартия = Рафаел ("myPaper", 500, 500);
 Var квадрат = paper.rect (0, 0, 100, 100);

Това създава правоъгълна векторен обект в координати [0,0] с широчина и височина от 100 пиксела. Имате достъп до основния елемент DOM (което е на rect елемент на SVG ) ето така:

 
 VAR rectNode = square.node;
 rectNode.onclick = функция () {
	 предупреждение ("Честито, вие сте кликнали квадрат!");
 };

Ако сте запален Юи потребител, вие вероятно ще искате нещо повече от това. Какво ще кажете за вграден в Y.Node както и? Точно като node собственост се отнася до HTMLElement зад SVG обект, $node собственост се отнася до Y.Node обвивка на този елемент. Така че можете да правите неща като:

 
 квадрат. $ node.on ("Изследвай с мишката", функция () {
	 предупреждение ("Честито, вие може да се движи мишката!");
 });

Нека да опитаме нещо по-сложно. За взаимодействие с един вектор трябва да бъде в състояние да причинят други изготвени вектори, за да актуализират своите стилове, нали? Какво ще кажете за създаване на някои барове, които всички правят цветовете си в зависимост от когато мишката се намира на кръга на страницата:

 
 VAR хартия = Рафаел ("rcanvas", 600, 800);
 
 Var Циркулярно писмо = paper.circle (350, 200, 100) attr ({fill: "розов", инсулт: "черно"});
 
 / / Натискането на един куп правоъгълници в масив
 Var I = 0; правоъгълници = [];
 (<10; аз + +) {
	 rectangles.push "(paper.rect (0, 40 * I, 200, 20) attr ({fill" червените ", инсулт:" жълт "}.));
 }
 
 / / Присвойте на правоъгълници, добавяне на конкретни работещи кръг mousemove, за всеки
 Y.Array.each (правоъгълници, функция (прякото, индекс) {
	 Var I = индекс + 1;
	 Циркулярно писмо $ node.on ("mousemove", функция (EVT) {
		 / / Цвета на запълване е динамичен, в зависимост от местоположението на този правоъгълник
		 / / В масива, както и местоположението на мишката
		 VAR LF = circ.attrs.cx - circ.attrs.r,
			 Rt = 2 * circ.attrs.r + LF,
			 X = evt.clientX - LF,
			 нагоре = circ.attrs.cy - circ.attrs.r,
			 BTM = 2 * circ.attrs.r на + отгоре,
			 Y = evt.clientY - отгоре;
			 червено = (((128 * X) / (2 * circ.attrs.r)) -1) * I / 6,
			 зелено = 256 - ((((128 * X) / (2 * circ.attrs.r)) -1) * I / 6),
			 синьо = (((128 * Y) / (2 * circ.attrs.r)) -1) * I / 6;
		 rect.attr ("кука", RGB ('+ червено +', '+ зелен +', '+ синьо +') ");
	 });
 });

Този пример работи тук , но както можете да видите в снимките по-долу, на цвета на всеки бар е в зависимост от местоположението на мишката над кръга, както и реда на бара.

В зависимост от това къде курсора на мишката се намира над кръга, бар цветове променят индивидуално.

Така че можете да видите, че $node е полезен пряк път, но нищо грандиозно. Това наистина ще бъде фантастично, ако всеки SVG обекта, който създавате с RaphaelJS може да уволни персонализирани събития . Това би позволило на отделните елементи на тираж, за да уволни персонализирани събития, и всичко на страницата може да се вслушва и откликва. Това може да е полезно по много начини. За начало, тя осигурява богати взаимодействието между вашите рисунки. Взаимодействието на потребителите с едно векторно вече могат да уведомяват други вектори на взаимодействието на търсенето. Това означава, че можете да programatically огън събития от вашите чертежи, когато са изпълнени определени условия. Това не само позволява на вашите рисунки да уведоми други вектори, но нищо на страницата могат да слушат.

 
 VAR хартия = Рафаел ("rcanvas", 600, 800);
 
 Var Циркулярно писмо = paper.circle (350, 200, 100) attr ({fill: "розов", инсулт: "черно"});
 
 / / Масиви на правоъгълници и кръгове
 VAR аз = 0, правоъгълници = [], кръгове = [];
 (<10; аз + +) {
	 rectangles.push (paper.rect (0, 40 *, 40 *, 20) attr ({fill: "червено", инсулт: "жълт"}.));
	 circles.push (paper.circle (0,0,20) скрий ().);
 }
 Y.Array.each (правоъгълници, функция (прякото, индекс) {
	 Var I = индекс + 1;
	 Циркулярно писмо $ node.on ("mousemove", функция (EVT) {
		 VAR LF = circ.attrs.cx - circ.attrs.r,
			 Rt = 2 * circ.attrs.r + LF,
			 X = evt.clientX - LF,
			 нагоре = circ.attrs.cy - circ.attrs.r,
			 BTM = 2 * circ.attrs.r на + отгоре,
			 Y = evt.clientY - отгоре;
			 newWidth = (((256 * X) / (2 * circ.attrs.r)) -1) * I / 6,
			 червено = (((128 * X) / (2 * circ.attrs.r)) -1) * I / 6,
			 зелено = 256 - ((((128 * X) / (2 * circ.attrs.r)) -1) * I / 6),
			 синьо = (((128 * Y) / (2 * circ.attrs.r)) -1) * I / 6;
		 / / Този път не само смяна на цвят, но също и ширината на правоъгълника
		 rect.attr ({
			 ширина: newWidth,
			 попълнете: "RGB ('+ червено +', '+ зелен +', '+ син +')"
		 });
		 / / Стрелба поръчка събитие, за да уведоми, че ширината на този правоъгълник, се е променило
		 rect.fire (ширина-промени ", {ширина: newWidth, източник: прякото, ред: Индекс});
	 });
	
	 / / За всеки правоъгълник получава слушател, който се активира, ширина промени
	 rect.on (ширина промени ", функция (EVT) {
		 на Var attrs = evt.source.attrs;
		 / / Получите съответния кръг и го премести в десния край на правоъгълника
		 кръгове [evt.order]. attr ({
			 CX: attrs.x + attrs.width,
			 CY: attrs.y,
			 попълнете: "cornflowerblue"
		 .}) Шоу ();
		
	 });
	
 });

Обърнете внимание на този пример тук . Можете да видите също и от долната картинка, че кръгове са в процес на изготвяне на десния край на правоъгълниците. Това се срещат в отговор на потребителски събитие изпичане всеки отделен правоъгълник, да бъдат уловени от манипулатора, която се движи в кръга на позиция по отношение на текущите атрибути на правоъгълника.

Това отваря някои интересни possiblities за RaphaelJS рамките YUI3,. Например, какво би станало, ако можехме да се създаде група от векторни форми с самата група е лице, което стреля събития към външния свят? Вътрешно, всеки чертеж вектор може да комуникира с неговата опаковка чрез персонализирани събития, и контейнерът ще вземат решения, за какви данни огньове, за да външния свят. Това отваря идеята за напълно капсулирани, интерактивни контрол на SVG.

Обобщение

С ascendance на HTML5 и нейните сателитни технологии, има толкова много повече възможности, различни от Flash за богати взаимодействия. В идеалния случай, всички векторни елементи на страницата трябва да са изцяло достъпни и стандартизиран. Това отваря прекрасни possiblities, за нас, за създаване на достъпни, стандартни контроли за уеб, без да се прибягва да мига. SVG е привлекателна опция, защото всеки вектор, съставен на страницата, е подкрепена от DOM възел, че можем да модифицирате с на Юи просто като всеки друг възел DOM. Това е, което позволява на RaphaelJS модул на Галерия ", за да увеличи всички SVG обекти, които се създадени от RaphaelJS, и това е ключът към богато взаимодействие с тези лементи включващи от други места на страницата.

Вижте разговори: Bloglines | Technorati

Споделете и разширяване : Запазете си отметка към del.icio.us | Digg тя | Reddit!

clearfix Презареждане + препълване: скрит Demystified

clearfix и overflow : hidden могат да бъдат двете най-популярни техники, за да изчистите плува без структурна маркиране.

Тази кратка статия е за повишаване на първия метод и проливането малко повече светлина върху истинското значение на второто.

clearfix

Във всичко, което знаете за clearfix не е наред, аз обясни въпросите, които този метод се създава различни браузъри и аз предлагам да се използват само clearfix на елементи, които не са в непосредствена близост до плувката (например модален прозорец), въпреки че като автори, ние все още трябва да се справят с срутване маржове . Това демо страница показва проблем.

Марж-колапс поведение в първите две полета показва, че е генерирано (празен) съдържание, което държи на долната граница вътре в кутията (което прави перфектни смисъл според спец. ).

Така че, за да се създаде същото оформление кутия с различни браузъри, може да подобри оригинален метод чрез генериране на съдържание, използвайки двата псевдо-елементи :before :after :

  Clearfix: преди,
 Clearfix: след {
   съдържание: "."    
   дисплей: блок;    
   Височина: 0;    
   препълване: скрит;	
 }
 Clearfix: след {ясно: и двете;}
 Clearfix {увеличение: 1;} / * IE <8 * / 

Не просто заменете вашите clearfix правила с тези нови в съществуващи проекти, въпреки че, както може би сте вече на кърпени въпроси, свързани за срутване маржове чрез други методи.

overflow

В повечето дискусии за клиринг плува overflow:hidden метод, и винаги е свален чрез " Ако сте пускане на абсолютно позиционирани елементи вътре в DIV, ще бъде да отрежем тези елементи ". Но това не е необходимо вярно. overflow:hidden винаги ще клип относително позиционирани елементи, но това не винаги ще скриете абсолютно позиционирани такива. Това е така, защото всичко зависи от съдържащите се блок:

10.1 Определение за ", съдържащ блок":

4. Ако елементът има "позиция: абсолютна", съдържащ блок е установена от най-близкия предшественик с позиция " за "абсолютна", "роднина" или "фиксиран", ...

Това означава, абсолютно позиционирани елементи ще се покаже извън кутията, оформена с overflow:hidden освен ако тяхното съдържащи блок е самата кутия или елемент вътре в тази кутия.

Можете да проверите това демо страница, за да видите как работят нещата.

По-добри алтернативи

Ако можете да приложите ширината на елемент, съдържащ плувки, а след това най-добрият вариант е да използвате:

  Дисплей: инлайн блок;
 ширина: <any изрично value>; 

Допълнителна информация

• Съдържащи поплавъци, ограждащи плувка с чист CSS, известни като техника clearfix
• Как да изчистите плувки без структурна Markup
• Новият метод Clearfix,
• 10.1 Определение за ", съдържащ блок"

Вижте разговори: Bloglines | Technorati

Споделете и разширяване : Запазете си отметка към del.icio.us | Digg тя | Reddit!

Юи: Работно време на Сря Сеп 29

Следващата вноска на Юи: Работно време ще бъде следващата сряда, 29.

Юи 3 схеми са в следващата версия, както и преглед на някои ранни работа вече е в "Галерия" . Трип мостове ще бъдат на повикване, въвеждане на новата структура и показва как наученото от Графики пакет Юи 2, информира новата архитектура, търсейки, че финият баланс между гъвкавост и простота. О, и споменах ли няма Flash?

Също така на палубата ще бъде Алън на Рабинович дава актуална информация за най-добрите разработки, той се прави редизайн yuilibrary.com. Ние говорим всичко, тук: начална страница, ръководства за потребителя, демонстрации, уроци, API Docs. На строителните работи. В много отношения това е една изцяло нова история, и много по-добре.

Ние ще бъдем онлайн от 10 до 24:00 PDT. На връзката са същите, както обикновено.

1. Наберете да 1-888-371-8922 (Skype работи чудесно за неамерикански участници *)
2. Въведете участника код 47188953 #
3. Присъединете се към сесия за споделяне на екрана (това ще ви подкани да инсталирате плъгина на Adobe Connect, ако това е вашето първо време да го използвате)

И накрая, форумът yuilibrary.com нишка за това работно време е тук . Погледни там за бележки, интересни takeaways, както и запис на разговора, след това е направено. Или да започнем разговора на разстояние рано от публикуване въпроси, предложения за теми, или код, които искат преглед.

Не забравяйте да се абонирате за Календар Юи и следвайте @ yuilibrary на Twitter за последните промени в работно време и други Юи интересност.

Надявам се да ви видим там!

* - Ако Skype не е опция, пишете ми за местен номер.

Вижте разговори: Bloglines | Technorati

Споделете и разширяване : Запазете си отметка към del.icio.us | Digg тя | Reddit!

В природата за 24 септември, 2010

Тъй като сме готови за YUIConf 2010 г. и много повече през следващите месеци, тук са някои от другите неща, ние взехме под внимание в по-широкия свят Юи:

• На Юи театър оглавява NetTuts Списък на трябва да се види F2E Подкастове : Андрю Бърджис пише за Юи театър : "Изглежда, че толкова често, колкото няколко пъти на месец, Yahoo! носи разработчиците на острието на уеб технологии, за да задържат своите служители до дата. За ползата от останалата част от нас, тези разговори се записват и се публикува. Вие ще намерите добре известни разработчици като Дъглас Crockford и Никола Zakas,,, и говори за всичко - от производителност и достъпност до JavaScript и DOM. " #
  
• DigitalInsurance.com (една @ apipkin сайта) Осъществено от Юи 3 : Prolific галерия сътрудник Антъни малко пръстено гърне е помогнало за създаването на новия портал DigitalInsurance.com . захранва от Юи 3 #
  
• Progressive Подобрение с нищо, но JS (@ codepo8 на @ davglass), Кристиан Heilmann пише на Ajaxian: "Progressive аксесоар е объркващ въпрос за много хора, които са много развълнувани от възможностите на JavaScript в модерните среди на браузъра. Тя може да се почувствате анахронично да напишете вашите решения за околната среда без JS и след това още веднъж подобрява в JavaScript. Израснал съм така, така че за мен това е просто въпрос на правене на правилното нещо, но с днешния свят на библиотеките за JavaScript и-на-на-кутия джаджа може да изглежда един влек. Въведете Dav стъкло на екипа на Юи. Той е повратна понятието прогресивно повишаване около в главата му и един любовник JS и бекенда код "endurer" той постави, за да решим този проблем веднъж и за всички в един чист начин JavaScript. " Проверете на пълна статия за повече подробности . #
  
• Още за наслагване плъгини за Юи 3 от Оливър Андрич : От GitHub страница Оливър: "Overlay Plugins е колекция от пет плъгини, които съм написал, за да научите Юи 3 Разработка на плъгин като цяло. Три от петте плъгини повече или по-малко имитират наслагване Екстри, създадени от Ерик Ferraiuolo,, .... Петте приставки са:
  • BaseOverlayPlugin
  • ModalOverlay
  • KeepAligned
  • HideOnEscape
  • ConstrainDimensions "
  ( оригиналния източник. ) #
• Рийд Бърк Юи Слайдове за HackU в Карнеги Мелън : Юи инженер на ( Йети автор) Reid Бърк бита няколко пързалки и един Юи 3-базирани слайдшоу двигател за последните му разговори в Карнеги Мелън. #
  
• Devcurry на обучение JS от Crockford и Други Gurus на Юи театър : Suprotim Agarwal пише в devcurry, тази сутрин: "В този пост, аз ще споделя връзки на някои много полезни видео JavaScript и лекции, доставени от Gurus на JavaScript, пълен с информация, забавление гледане и абсолютно безплатно! Въпреки че интернет е пълно с безплатни видео клипове, аз избрах само няколко от тях, което аз намерих най-полезни. Пригответе се да си водите бележки, докато учите .. Crockford видео лекции за JavaScript - Дъглас Crockford, е един архитект на JavaScript и да играе и важна роля в проектирането на нови функции на езика. Неговите видеоклипове, а "трябва да има" за всеки разработчик на JavaScript. Юи театър - осигурява достъп до преговори за свободна програмиране от гурута на JavaScript и уеб програмиране "Suprotim продължава да изброя някои други източници на съдържание, включително други заглавия кино Юи #
  

Вижте разговори: Bloglines | Technorati

Споделете и разширяване : Запазете си отметка към del.icio.us | Digg тя | Reddit!