Yahoo! User Interface Blog (YUIBlog)

YUI: Otvorena sati Čet 1. rujna

30. kolovoz 2011 u 10:53 pm by Luke Smith | U razvoj i Otvoreni Sati se | 2 Komentari

YUI utovarivača i sjeme datoteka promjena, plus Loader savjeti i trikovi

Natrag početkom srpnja, DAV Staklo je objavio članak o izmjenama i utovarivača i sjeme datoteke u 3.4.0. Bilo je nekoliko pitanja u komentarima i nekih drugih na forumu i # Yui kanal na IRC freenode , pa sam htjela da biste dobili DAV na rog za javnu Q & A.

Ne očekujem da će se na cijeli sat, ipak, tako da nakon toga ćemo se govoriti o utovarivača najbolje prakse i savjete i trikove. Ovisno o vremenu, neke stvari sam u nadi da pokrivaju su:

• Kako napraviti Loader dohvatiti ne Yui datoteke
• Postavljanje modula skupine, i mnoge prednosti pomoću njih
• Hosting i pokazuje svoj kombiniranom usluge
• Kako svaki config utječe utovarivač gdje će tražiti datoteke

Ako ste gori pitanja o Loader, ima trik da to želite podijeliti s drugima, ili još nisu shvatili koliko je strašan Loader je, molimo Vas da nam se pridružite!

Vrijeme i Brodu

Ovaj tjedan ćemo održati sjednicu u cijelosti o Adobe Connect, uključujući i audio. Mi ćemo koristiti chat Connect za upravljanje pitanja ili koristiti Connect-a Ugrađeni audio podršku za više in-dubina raspravama.

Mi ćemo biti online u otvorenom sati dvorana od 10 do 11 sati PDT četvrtak.

Ažurirati

Snimanje je dostupan na našem YouTube kanalu .

Nađi razgovore: Bloglines | technorati

Podijelite i proširiti: Označi s del.icio.us | digg it! | Reddit!

Imenovati Yui za 2011 Open Source Awards!

Kolovoz 23, 2011 u 4:58 pm Jenny Donnelly | U razli se | 4 Komentari

Ako volite Yui (i nadamo se da ćete učiniti!), Molimo vas da odvojite trenutak da nas nominirati za 2011 Open Source nagrada , sponzoriran od strane Packt Publishing. Budite sigurni da ukazuju na naše sjajne nove web stranice na http://yuilibrary.com !

Nominacija oblik je otvoren danas do 9. rujna.

Nađi razgovore: Bloglines | technorati

Podijelite i proširiti: Označi s del.icio.us | digg it! | Reddit!

Najavljujući YUI 3.4.0 i novi YUILibrary.com

18. kolovoz 2011 u 8:54 pm by George Puckett | U razvoju se | 19 Komentari

YUI momčad ima ne jedan, nego dva najave dijeliti danas. Prvo, pokrenuli smo potpuno revidiran YUILibrary.com . Nova stranica je temelja prepisati pruža jedinstvenu odredište za sve Yui dokumentacije, čišći UI, i više intuitivan organizacije na vrhu robusne nove arhitekture. Uzmite malo vremena da pogledate. Nadamo se da ćete biti vrlo sretni s onim što vidi.

Osim toga, YUI 3.4.0 sada je dostupna na CDN, kao i preuzimanje . Neki naglasci u ovom izdanju su:

• App okvir (beta): YUI 3.4.0 obilježava debi App okvira, Ryan Grove i Eric Ferraiuolo. App okvir je nakupljanje od kontrolera i Model i popisa modela i View dijelova koji pruža jednostavan MVC-stil okvira za pisanje jednog stranica JavaScript aplikacija. Ove komponente se mogu koristiti odvojeno ili zajedno kako bi stvorili ništa od jednostavnih ne-interaktivne pogledom na bogate aplikacije s URL-based usmjeravanje, podataka obvezujući, te puni klijent-server sinkronizaciju.
• Kalendar (beta): Allen Rabinovich je dodao kalendar Yui 3. Zbirka clanak u 3.4.0 release. Kalendar je fleksibilan dodatak koji omogućuje mjeseca do mjeseca navigacija, jednu ili više datuma odabira oblikovanja, prilagođeni i internacionalizacije. Također se uvodi novi pristup do sada koji koristi filtriranje setova pravila ugniježđene i potpuno template-based renderiranje, koji omogućuje programerima da brzo i lako prilagoditi za razne namjene.
• Loader: YUI Loader je doživjela značajan update za 3.4.0 by DAV stakla, s naglaskom na poboljšanje performansi. Sjeme datoteka sadrži Loader i svoju meta-podataka koji čini učitavanje modula brže od svih svojih meta-podataka zahtjeva već su na stranici. Rollups uklonjeni iz sustava i allowRollup zadane u false u Loader config. Kao rezultat toga, YUI sada će biti samo učitati module navedene nego dodatnih modula uključenih u sklopu kumulativnom. Konačno, graditi katalog je eksplodirala i podmoduli uklonjeni iz jezgre sustava, čime se smanjuje broj iteracija izvršenih od strane Loader u izračunu ovisnosti. Možete se odnose na na blogu o utovarivača promjena u 3.4.0 za više detalja.
• Grafika (beta): Tripp Mostovi uvodi Graphics modul u YUI 3.4.0. Ova komponenta pruža JavaScript API koji vam omogućuje stvaranje unaprijed definirane oblike i slobodno oblik poligona s punjenjem i moždani udar svojstava u različitim formatima. Na temelju mogućnostima preglednika i uređaja, grafika će uzvratiti oblike pomoću SVG, HTML, platno, ili VML.
• Ploča (beta) i dodatak: YUI pripravnik Tilo Mitra je proveo drugi produktivni ljeto u Kaliforniji radi na prepisati na ploči. On je također napravio nekoliko poboljšanja, uključujući Widget obraćenje Widget-autohide i Widget-modalnosti od dodataka do proširenja i uvođenje WidgetButtons, novi dodatak nastavak koji vam omogućuje da stavite css-styled gumbiće u zaglavlja i podnožja bilo dodatak koji implementira standardni modul podršku.
• ScrollView: Tilo je također poboljšana ScrollView za 3.4.0 za podršku vertikalnu stranične i uključuju scrollview-popis plugin za dodavanje CSS classnames neposrednim popisa elemenata.

Pored pružanja dizajnira za YUILibrary.com i Yui programer i dizajner, Jeff Coniff, također je pridonio veliki broj artikala za 3.4.0 release. Poboljšanja su napravljene na dizajn i obavljene neke widgete za bolje izgleda i upotrebljivosti na mobilnim uređajima. On je također stavio je umjetnički talenti za rad u stvaranju većeg broja novih primjera kao što su kompleks crtež: Violina primjer u slikama.

U YUI 3.4.0, nekoliko komponenti su promaknut iz beta GA statusom Utility , TabView i YQL upita . Također ćete primijetiti uklanjanje komponenti kompatibilan s knjižnici Osim povijesti, zastarjela i CSSGrids-zastarjela.

Mi jesu vrlo uzbuđen da dijele YUI 3.4.0 i novu web stranicu s Yui zajednice. Možete naučiti više o YUI 3.4.0 uvidom u dokumentaciju o YUILibrary.com . Možete također može pregledati sažetak svih promjena je navedeno u datotekama komponente povijesti za YUI 3.4.0 , kao i cijeli popis ulaznica kojima će se tijekom YUI 3.4.0 razvoja . Kao i uvijek, bili bismo Vam zahvalni da podnese bilo kakve prijedloge što bi mogli imati ili oštećenja možda razotkriti u našoj bazi podataka karte. Povratne informacije za YUI 3.4.0 mogu se upisati u u Yui 3 ulaznica baze podataka . Ulaznice za YUILibrary.com može upisati u YUILibrary na repozitorij . Ako ste zainteresirani iza scene pogled na stvaranje novog YUILibrary.com, budite sigurni da nam se pridružite Otvorenog sati četvrtak, 18. kolovoza , gdje će se razgovarati u osmišljavanju i provedbi.

Nađi razgovore: Bloglines | technorati

Podijelite i proširiti: Označi s del.icio.us | digg it! | Reddit!

YUI: Otvorena sati Čet 18. kolovoza

Kolovoz 15, 2011 at 9:49 pm by Luke Smith | U razvoj i Otvoreni Sati se | 10 Komentari

Dobrodošli na nove yuilibrary.com!

Usporedo s 3.4.0 release, nova i unaprijeđena YUILibrary.com stranica će živjeti! Nova stranica je jedinstven, bolje organizirani, a ima i svjež izgled i dojam.

Potražite nadolazeće poruku o mjestu detalja, ali se pridruže Otvoreni Sati Spojite boravak u četvrtak ujutro da se prvi-pogled vođena tura po Ryan Grove i drugih ljudi koji je to stvarnost. Mi ćemo se govori o web dizajn, backend postava, planovima, društveni mogućnosti, i provjere sve nove značajke možemo strpati u sat vremena, uključujući i novi API docs sučelja.

Mi smo radili naše rep off da se ova stvar spreman pokrenuti i ne možemo biti sretniji da biste vidjeli je konačno napraviti svoj dom na yuilibrary.com. Dođite slaviti inauguraciji, dati povratne informacije (dobre i loše), i naučiti načine možete pomoći napraviti novu stranicu najbolje što može biti za vas i za veće Yui zajednice.

Vrijeme i Brodu

Ovaj tjedan, nećemo koristiti konferencijski most. Umjesto toga, ćemo ugostiti sjednicu u cijelosti o Adobe Connect, uključujući i audio. Mi ćemo koristiti chat Connect za upravljanje pitanja ili koristiti Connect-a Ugrađeni audio podršku za više in-dubina raspravama.

Mi ćemo biti online u otvorenom sati dvorana od 10 do 11 sati PDT četvrtak.

Update: video dostupan za download

High-res, IOS prijateljski snimka je dostupna za preuzimanje .

Nađi razgovore: Bloglines | technorati

Podijelite i proširiti: Označi s del.icio.us | digg it! | Reddit!

YUI: Otvorena sati Čet 11. kolovoza

Kolovoz 8, 2011 at 9:47 pm by Luke Smith | U razvoj i Otvoreni Sati se | No Comments

Traži izravan pristup

Mi ćemo pratiti na prethodni post o pretrage Direct . Postoji puno o pretrage Direct vrijednosti pričaju, ali za početak, iskustvo dobivanja pristupačnosti pravo je i zanimljivo i važno. Victor Tsaran i Caridy Patiño će nam se pridružiti na poziv za razgovor o projektu, pregledati pojedinosti provedbe, a odgovoriti na sva pitanja o tome što su pretraživanje izravne ili dostupnost najbolje prakse.

Vrijeme i Brodu

Mi smo promjena formata ovaj tjedan. Mi ćemo pokušati ugostiti sjednicu u cijelosti o Adobe Connect. Tu će biti konferencija za biranje most u. Zvuk će biti kroz Connect. Mi ćemo koristiti chat Connect za upravljanje pitanja.

Mi ćemo biti online, kao i obično od 10 do 11 sati u četvrtak PDT Otvorenog sati Connect sobu .

Update: Mi smo još uvijek ćete biti na konferenciji mosta

U udar ironije, ispada da je Connect ne imati dobru pristupačnost za slijepe sudionika, tako da ćemo biti koristeći Connect za dijeljenje zaslona i konferencijski most za audio kao i obično. Pojedinosti veze su:

1. Birajte na 1-888-371-8922 (Skype utvrde velik za sudionike izvan SAD-a *)
2. Unesite kod sudionika 47188953 #
3. Pridružite sjednicu screen sharing (to će vas zatražiti da instalirate plugin Adobe Connect, ako je to vaš prvi put ga koristite)

Update # 2: Snimanje dostupan

Evo preuzeti snimanja za ovaj Otvorenog sati .

Nađi razgovore: Bloglines | technorati

Podijelite i proširiti: Označi s del.icio.us | digg it! | Reddit!

Izrada Traži Izravna Dostupna

Kolovoz 8, 2011 at 9:44 pm by Caridy Patino | U dostupnosti i razvoja se | 6 Komentari

Prije nekoliko mjeseci pokrenuli smo prvu beta puštanje Traži Direct. Ovaj novi proizvod istražuje pojam u realnom vremenu povratne informacije, odmah dostave odgovore na korisnika sa svakog pritiska. S obzirom na raznolikost Yahoo! 's publikom, željeli smo napraviti Traži Izravno dostupno kao što je više moguće. U početku smo vjerovali da će to biti lagan zadatak jer ovaj proizvod bi se temeljiti na Yui 3, JavaScript biblioteke s dostupnosti pečena u svojoj DNA. Suprotno mojim očekivanjima, kao inženjer, ovaj zadatak ispostavilo se da je teže nego što se predviđa.

Predstavljamo Direct Traži

Iako Traži Izravna je izgrađen iz temelja koristeći Yui je komponenta infrastrukture, njegova najvidljivije istaknuti sučelje temelji se na widget Yui Samodovršetka koja uključuje mnoge značajke pristupačnosti desno od okvira. Sugestije vezane za određeni upit prikazuju se u ovom samodovršetak provedbu. Traži Direct također ima sadržaja ploča, zvani bogatu ploču, gdje je prijedlog vezan uz sadržaj koji se prikazuje. Namjera bogate ploči je pružiti izravan odgovor na korisnika prilikom prijedlog od samodovršetak popisa je odabrana.

Novi set prijedloga se prikazati na popisu na svaki pritisak na tipku, a prvi prijedlog je po zadanom. Ovaj odabir zadano se zove soft izbor. Soft izbor i naknadne interakcije s popisa prijedloga diktirati sadržaj koji se iscrtava u bogatom ploči. U stvarnosti, stvari su malo kompliciraniji (performanse optimizacije, dodatne predmemorije slojeva, itd.), ali zbog jednostavnosti možemo pretpostaviti da je to uobičajena tijeka.

Značajke pristupačnosti

U potrazi za izradu Direct Traži dostupni smo gledali na provedbi pretrage asistenta, tehnologije koja Yahoo uveo nekoliko godina leđa, kao i izvorni pristup značajkama Yui.

Nakon tog istraživanja, tri osnovne značajke pristupačnosti su predloženi za pretraživanje Direct:

• Koristeći program Yui internacionalizacije služiti lokaliziran sadržaj.
• Postavljanje role i aria-* atribute na elementima unutar samodovršetak widgeta, koji trebaju biti identificirani i obrađeno od strane čitača zaslona.
• Koristeći skrivene div koja predstavlja živu regiju ( aria-live ) obavijestiti korisnika kada se nešto dogodi. Npr., broj raspoloživih prijedloge, odabrani prijedlogom itd.

Plan je bio da obavijestiti korisnika o svim promjenama u Search Direct sučelje, te pružiti niz prečaca na tipkovnici za navigaciju sljedeće vizualne komponente:

• Za pretraživanje
• Gumb Pošalji
• Prijedlog popis
• Bogata ploča

Zvuči kao povjetarac, zar ne? Pa, neka je uzme jedan korak natrag.

Problem

Što mi imamo ovdje su dvije asinkroni procesi - jedan od njih za ažuriranje prijedloga seta i druga za preuzimanja odgovarajuće odgovore - a oni su i stvarno brzo. Govorimo o 250ms kraja na kraj. Budući da je sučelje se mijenja u tako brzom tempu, praćenje svega što može biti teško za korisnika čitača zaslona. Ona dobiva jedan red veličine kompliciraniji kada promjene dogoditi u asinkronim, u blizini real-time način. Budući da čitač zaslona bio obaviješten o svakoj promjeni u sučelju, što je rezultiralo lupetati je teško dati smisao onoga što se događa.

U nedostatku prihvatljivog rješenja, počeli smo surađivati ​​s Yahoo! 's stanovnik accessibility gurua, Victor Tsaran ( @ vick08 ) pokušati doći do nešto bolje.

Prvi put smo gledali Victor interakciju sa Search Direct, to je odmah mi je jasno da većina svoj fokus je na bogatom ploči umjesto popisa prijedloga. To je bilo iznenađenje za mene, kao što smo pregledan popis kao "izvor istine". Tijekom jedne od naših sesija imali smo moždani udar sreće kad smo se dogodilo onemogućiti sve značajke pristupačnosti u popis. Čim je buka koju je uvela popisu je izrezana, pretraživanje Direct počeo smisla Victor!

Kako korisnici čitača zaslona vidim Direct Traži

Nakon što je shvatio da su pokušavate riješiti na krivi problem, vratili smo se izvornog korisničkom priče: "Kao korisnik, mogu dobiti odgovor kao što sam upisati". Dobivanje odgovora po korisniku je prioritet. Nakon redefiniranja problem, koncentrirani smo naše pristupačnosti napore na provedbi gdje čitač zaslona priori bogatu panel sadržaj preko popisa prijedloga.

Na primjer, ako korisnik upiše "miami wea" , čitatelj zaslon će im reći dvije stvari:

• 10 prijedloga.
• VRIJEME Miami, FL. DANAS Moguća Oluje, 89 ° F 77 ° F. Sutra, Izolirani Oluje, 90 ° F 74 ° C ...

Ona će zatim nastavite čitati iz ostatak bogate panel sadržaja. Korisnik ne mora znati svih 10 prijedloga up front, svaki put ažuriranja popisa. Ako oni žele znati, informacija je lako dostupna preko tipkovnice navigaciju.

Kako bi se osiguralo da prijedlog popis dodavanjem vrijednost iskustva, mi bi bili sigurni da je prvi izraz u bogatom ploči usko je povezano s odgovarajućim prijedlogom. Na primjer, temelji se na prethodni primjer, "weather miami" je prvi izraz u bogatom ploči za prijedlog: "Miami vrijeme".

Victor Tsaran, laboratorija Yahoo! pristupačnosti, pokazuje kako se to radi na Firefox s NVDA čitača zaslona:

Iskustvo čitač zaslona za naše aplikacije je lakše pratiti jer smo sada samo usredotočiti na sljedeća dva vizualnih komponenti:

• Za pretraživanje
• Bogata ploča

Promjene u samodovršetak popis u cjelini više ne prati i submit gumb se ignorira jer korisnik uvijek može pogoditi ući u trenutnoj upit ili koristiti tipkovni prečac (Tilde pristup ključ: [control, alt or shift] + ~ ) za prebacivanje između ulaznog elementa i bogate ploče. Ova tipkovnica navigacija opcije otkriti korisniku kada za pretraživanje je priznato od strane čitača zaslona.

Iz perspektive inženjering, ova promjena je uvelike pojednostavljeno stvari. Iznos DOM manipulacije u najaktivnijih komponente drastično je smanjen, poboljšanje ukupne rezultate pretrage Direct. Ovdje je primjer primjene:

 SDAAria funkcija () {
     var čvor = this._liveRegion = Y.Node.create ('<div role="status" class="off-screen" aria-live="assertive"> </ div>');
     / / Kreiraj ariju uživo regiju ...
     Y.one ('tijelo') append (čvor).;
     / / Slušajući arije za: live poruke za ažuriranje live regiju
     this.on ('arija: Live', this._handlerMsg to);
     / / Slušanje za trač: refresh objaviti koliko prijedloge
     this.on ('trač: refresh', this._handleGossipRefresh to);
 }
 SDAAria.ATTRS = {
      nizovi: {
          valueFn: Funkcija () {
              povratak Y.Intl.get ('sd-arija');
          }
      }
 };
 SDAAria.prototype = {
     _ariaSay: funkcija (stringId, subs) {
         var poruka = ​​this.get ('žice'. + stringId) | |'';
         this._liveRegion.setContent (? subs Y.Lang.sub (poruka, subs): poruka);
     },
     _handlerMsg: funkcija (e) {
         if (e.id) {
             this._ariaSay (e.id, e.subs);
         }
     },
     _handleGossipRefresh: Funkcija () {
         var size = this.get ('sugestije') veličina ().;
         this._ariaSay ((size> 0 "prijedloge ':?' NO_SUGGESTIONS ') {
             n: Veličina
         });
     }
 };

Lekcije naučene

Prilikom stvaranja dostupno sučelje, važno je postaviti prava pitanja. Izrada svaki djelić vašeg zahtjeva dostupnom ne može biti pravi pristup.

Zahtjev rano povratne informacije od korisnika čitača zaslona - nemojte pretpostavljati da imate svoje baze pokriveno dok ne dobijete neke povratne informacije od korisnika. Koristeći svaki alat i lice na raspolaganju, ne mogu imati željeni učinak.

Korisnici čitača zaslona svibanj imati poteškoća praćenje u realnom vremenu ažuriranja, posebno ako zaslon čitatelji su bombarded s obavijesti. U tim slučajevima, manje može biti više. Identificirati i usredotočiti na ono što je važno za korisnika umjesto da pokušavate ponoviti sirove iskustvo zahtjeva za čitač zaslona.

O autoru: Caridy Patiño, glavni sučelja za Yahoo! Search Direct. Bio je dugogodišnji YUI Ženski i kreator bubbling Knjižnica Yui proširenja, kao i gost blogger na YUIBlog.com dijele neke svoje bogato iskustvo gradi visoke performanse web aplikacija. Loading strategije, event-driven arhitekture i SSJS su neke od tema kojima Caridy provodi većinu svog vremena ovih dana.

Nađi razgovore: Bloglines | technorati

Podijelite i proširiti: Označi s del.icio.us | digg it! | Reddit!