Yahoo! User Interface Blog (YUIBlog)

YUI Theater - Jeff Craig: "Demystifying Loader: Napredno Module Configuration" (31 min.)

16. december 2011 ob 10:10 uri z Ryan Grove | V razvoj in YUI Theater plinov v No Comments

V tem predavanju iz YUIConf 2011, Meebo inženir in YUI prispeval Jeff Craig ( @ foxxtrot ) razkriva vse, kar ste vedno želeli vedeti o YUI Loader, vendar so se bali vprašati. To je treba videti, za vsakogar početje uspešnosti kritično delo z YUI 3.

Povezave

• Poglej v HD na YouTube
• Diapozitivi
• Polna YUIConf 2011 Playlist na YouTube

Najdi pogovorov: Bloglines | technorati

Delež in razširijo: zaznamek s to del.icio.us | Digg it! | reddit!

YUI: Delovni čas čet Dec 15th

13. december 2011 ob 11:59 Eric Ferraiuolo | V razvoj , ki Delovni čas plinov v No Comments

YUI 3.5.0 PR1

YUI 3.5.0 PR1 je sedaj na voljo ! To je prvi od treh Predogled javnost za 3.5.0.

V ta Delovni čas bomo se izpostavlja, kaj je v PR1 in razpravljanje o tem, kako se lahko vključite zagotoviti 3.5.0 je skala trdna. Mi bomo tudi prosi za show-of-roke iz super razvijalcem, ki jih že začeli z uporabo 3.5.0 PR1 (ki je na koordinaciji ). Pridite četrtek, ne dobijo ujeli z roko dol :)

Prav tako knjižnica YUI Stopnjevitost stran je bila posodobljena z najnovejšimi navodil za uporabo in Dokumentov API, in kot odgovor na povratne informacije od zadnjih Delovni čas , smo zdaj z našim GitHub wiki , da bi spremljali tekoče razprave razvoja .

Snemanje

Snemanje je na voljo na YouTube kanalu YUILibrary .

Najdi pogovorov: Bloglines | technorati

Delež in razširijo: zaznamek s to del.icio.us | Digg it! | reddit!

App Okvirni Spremembe YUI 3.5.0

12. december 2011 ob 3:40 uri z Ryan Grove | V razvojnem | ocene 1 komentar

Od prvotne sprostitev App okvira v YUI 3.4.0, ste bili smo presenečeni, kako hitro je bil sprejet. Pri projektih velikih in majhnih , obe dolgoletni YUI uporabniki in tisti, ki so popolnoma novi v knjižnici že navdušeno uporablja MVC komponente App ogrodjem in zagotavlja veliko povratnih informacij in poročil o hroščih. Hvala!

V YUI 3.5.0, bo okvirni App prejeli veliko žuželka nepremičen in nekaj večjih izboljšav. Eric Ferraiuolo zajema številne prihajajoče spremembe v svoji fantastični pogovor YUIConf , vendar želimo poudariti, da jih tudi tukaj, tako da boste vedeli, kaj prihaja in kaj morate pripraviti, če nameravate nadgraditi App okvir, ki temelji kodo 3.4.x do 3.5.0. Te spremembe so že v YUI 3.5.0 PR1 , ki je izšel danes, tako da zdaj je pravi čas, da začnejo njihovo testiranje.

Y.Controller je zdaj Y.Router

"Upravljavec" je neumno in zavajajoče ime za sestavino, ki v resnici se ukvarja več z URL, ki temelji usmerjanje, posebej v času bolj tradicionalno krmilnik podobno vlogo, da Y.View igra. Smo odločili, da ugriz bullet in preimenovanje Y.Controller razred Y.Router v 3.5.0. Y.Controller bo postal alias za ohranjanje povratno združljivost, vendar je to alias bo sčasoma odstraniti, tako da bi morala posodobiti svojo kodo za sklicevanje na novo ime.

Nova pot trener podpis

Metoda za podpis funkcije poti trener v Y.Router se je nekoliko spremenila, da bo bolj podobna Express in da bi API Router je bolj naravno, kadar se uporabljajo na strežniku (funkcija delamo naprej za 3.5.0).

Pred tem je pot trener funkcija prejel dva argumenta: req (zahteva predmet) in next (funkcija). V 3.5.0 se bo pot viličarji prejeli tri argumente: req , res (odziv predmet), nato pa next .

Zaradi povratno združljivost, nova res argument je tudi funkcija, ki se obnaša natanko tako kot next , tako stare poti vodnikov, ki pričakujejo next , saj bo druga ARG še naprej dela v redu v 3.5.0. Vendar pa se ta združljivost Shim bo sčasoma odstraniti, zato ne čakajte predolgo, da posodobi svojo kodo.

Nekatere lastnosti so zdaj atribute

Smo eksperimentirali z ne-povsem-YUI podobna stilu z uporabo lastnosti nastavljivih rešitev v okviru komponent App v 3.4.0, vendar je to izkazalo, da je malo zmedeno in več kot nekaj omejitev, saj se lastnosti ne koristi od sprememb dogodkih, telesa, ki določajo in potrjevalce kot lastnosti početi. Torej, v 3.5.0, smo pretvori mnogih od teh lastnosti na lastnosti.

Na žalost pa ta sprememba ni združljiv, lahko to obstoječo kodo, ki uporablja Y.Controller (zdaj Y.Router) ali Y.View je treba posodobiti. Natančneje, Y.Router 's html5 , root in routes lastnosti so zdaj lastnosti in Y.View je container , model in modelList lastnosti so lastnosti, kot tudi sedaj.

Poleg tega Y.View je container atribut zdaj obravnava kot niz vrednot CSS selektorji uporablja za iskanje vozlišč na strani. V 3.4.x je prevzela vrednost niza predstavlja surovi HTML, ki se pretvori v vozlišče. Da bi dobili staro vedenje, samo spremeniti svoje obstoječe HTML vrednosti nizov iz '<div>foo</div>' , da Y.Node.create('<div>foo</div>') .

Dokumentacija za 3.5.0 PR1

Delo-v-napredek dokumentacijo za te spremembe in druge spremembe v YUI 3.5.0 PR1 lahko najdete na naši spletni strani počivališču . Tukaj je nekaj povezav do ustreznih počivališču Dokumenti, ki vključujejo informacije o okvirnih deprecations App v 3.5.0 in podrobnosti o tem, kako nadgraditi svojo kodo:

• Router
• Poglej

Upoštevajte, da je vsebina na stage.yuilibrary.com odraža tekoče delo v teku in so lahko nepopolne ali celo občasno razdeljeni, kot smo preizkus nove stvari. Vedno boste našli Dokumenti za zadnjo stabilno sproščanje na naši proizvodnega obrata, yuilibrary.com .

Kaj je novega?

V tem blog post sem povzel pomembne deprecations, ki prihajajo z App okvira v 3.5.0, vendar pa obstaja tudi veliko izboljšav celovečernih in pod-the-kapuco popravki napak. Za popoln seznam okvirnih sprememb App v 3.5.0 PR1, posvetuje s popolno dokumentacijo .

Prav tako si za blog post od Eric kmalu o Y.App in super novi visoki ravni komponenta App okvira, da obloge gor URL, ki temelji usmerjanje in upravljanje pogleda v eno samo enostaven za uporabo API, da boste dobili od nič do delovnega uporabi v nobenem trenutku.

Upamo, da boste radi predogled javnost, in mi bi radi slišali od vas! Lahko nam pošljete povratne informacije v forumih , v poročilo o hrošču , na Twitterju , na napake # yui IRC kanal na OPN, ali pa samo Pridruži se tukaj s komentarjem.

Najdi pogovorov: Bloglines | technorati

Delež in razširijo: zaznamek s to del.icio.us | Digg it! | reddit!

YUI 3.5.0 PR1 je zdaj na voljo

December 12, 2011 ob 3:36 uri po Allen Rabinoviča | V razvoj plinov v No Comments

YUI 3.5.0 Preview Release 1 je bila oblikovana za testiranje in povratne informacije iz skupnosti razvijalcev. Najdete ga na Yahoo! koordinaciji pri yui.yahooapis.com/3.5.0pr1/build/yui/yui-min.js~~pobj ali prenos zip datoteko , če nameravate gostitelja sami.

Paket sprememb, uvedenih v PR1 je na voljo na naši GitHub Wiki. Poleg tega si lahko ogledate seznam vstopnic, ki so bile odpravljene v tej izdaji .

Delo-v-napredek uporabnik vodniki in Dokumenti API za 3.5.0 je na voljo na naši spletni strani počivališču, vendar pazi, da so lahko ti docs nepopolne ali celo zdrobljen, saj to je, če smo preizkusiti nove stvari. Uradni docs za zadnjo stabilno sproščanje lahko vedno najdete na naši proizvodni enoti yuilibrary.com .

Več sprememb bo predstavil v prihodnjih predogled izdajah YUI 3.5.0, nekateri od njih so trenutno v lastnih podružnic, razvijalce in so na voljo za začetno pregled preko naslednjih vlečenje zahteve:

• Novi DataTable Arhitektura in izvajanje
• Novi modul Button

Vložiti napake proti tej izdaji, obiščite naš sistem za sledenje bug . Če želite zagotoviti prispevek o teh in prihodnjih modulov, razprave o različnih temah, ki se nanašajo na 3.5.0 za javnost se dogaja na našem GitHub wiki.

Če bo šlo vse po načrtih, upamo, da se sprosti YUI 3.5.0 PR2 na 30. januarja 2012. Vesele praznike!

Najdi pogovorov: Bloglines | technorati

Delež in razširijo: zaznamek s to del.icio.us | Digg it! | reddit!

YUI Theater - Allen Rabinoviča: "YUI Koledar - Študija primera Gradnja modulov s stilom" (47 min.)

8. december 2011 ob 1:02 uri po Ryan Grove | V razvoj in YUI Theater plinov v No Comments

V tem predavanju iz YUIConf 2011, YUI inženir Allen Rabinoviča ( @ allenr ) deli proces se je uporablja za arhitekta in gradnjo novega widget Koledar v YUI 3, in pojasnjuje, kako lahko uporabite podoben postopek za izgradnjo svoje pripomočke. Prav tako kaže off novo komponento in pokaže, da je pameten zmogljivosti trik, ki se uporablja za pospešitev del je opravljanje različnih koledarjev.

Povezave

• Poglej v HD na YouTube
• Polna YUIConf 2011 Playlist na YouTube

Najdi pogovorov: Bloglines | technorati

Delež in razširijo: zaznamek s to del.icio.us | Digg it! | reddit!

YUI Theater - Pat Cavit: "Avtomatizacija Spletna stran Optimizacije" (32 min.)

December 6, 2011 ob 2:58 uri po Ryan Grove | V razvoj in YUI Theater plinov v 2 Komentarji

Pat Cavit ( @ tivac ), Frontend inženir pri ArenaNet in aktivno prispeva YUI in član skupnosti, se nam je pridružil na YUIConf leta 2011, da bi ta pogovor za avtomatizacijo build času optimizacije spletnih strani, kot so združevanju datotek, minification, preimenovanje, in še več z uporabo Ant graditi orodje.

Povezave

• Poglej v HD na YouTube
• Polna YUIConf 2011 Playlist na YouTube

Najdi pogovorov: Bloglines | technorati

Delež in razširijo: zaznamek s to del.icio.us | Digg it! | reddit!

V galeriji YUI 3: Bulk urednik Widget

5. december 2011 ob 1:01 pm by John Lindal | V razvoj in YUI 3 Galerija plinov v No Comments

Plugin QuickEdit za YUI 3 DataTable omogoča enostavno urediti celotno stran zapisov kot atomski operacijo. Včasih pa morate storiti še več. Na primer, boste morda morali hkrati urediti več zapisov, kot si lahko udobno prilegajo na eno stran. Ali pa boste morda morali podpreti dodal, podvajanje, in odstranjevanje zapisov v okviru atomske delovanja. Ali pa morda želite skupine področjih vizualno se jih razvrsti v eno celico tabele. Bulk Editor widget podpira vse te možnosti.

( Kliknite screenshot, da igrajo z tem primeru .)

Pregled

Bulk urednik pripomoček je sestavljen iz treh komponent:

Data source

To obloge YUI DataSource in upravlja spremembe: vstavljanji odstranitev in spremenjenimi vrednostmi.

Base widget

To zagotavlja osnovno strukturo za urejanje vodenje evidence in polja v vsakem zapisu. Izpeljani razredi so odgovorni za opravljanje vsak zapis v svoji vrstici, ki bi lahko div, tbody ali kakšno drugo posodo.

HTML table implementation

To razširja osnovno widget, da si rekord v tbody v HTML tabeli. Stolpec konfiguracije, ki določa polje se prikaže v vsakem stolpcu preglednice. Meri celica formatter se lahko uporablja, da več polj v eno celico tabele.

Nastavitve

V primeru, da je ustvarila zgornji screenshot je bila konfiguracija biti čim bolj preprost:

fields opredeljuje spremenljiv vrednosti v vsakem zapisu. Privzeta vrsta vnosa. Druge vrste so veljavni select in textarea. (Izberite zahteva seznam vrednosti.) Osnovna potrditev je zagotovljena z obrazcem Manager modula galerije. To zajema zahtevana polja, dolžine omejitve, in številčne obsegov . Bolj zapletena potrditev se lahko izvede tako, da navedete regex ali svojo funkcijo ( fn ). Tukaj je odlomek iz živo na primer:

 var polja =
 {
	 Naslov:
	 {
		 tip: "textarea"
	 },
	 Leto:
	 {
		 potrjevanje:
		 {
			 css: "yiv-celo število: [1500,2100]"
		 }
	 },
	 barva:
	 {
		 tip: "izberite",
		 vrednosti:
		 [
			 {Value: "rdeča", besedilo: "Red"},
			 {Value: "zelena", besedilo: "Green"},
			 {Value: "modri", besedilo: "Modra"}
		 ]
	 }
 };

Y.BulkEditDataSource zahteva primerek Y.DataSource in naslednjih parametrov:

uniqueIdKey

Ime ključ, ki enolično identificirajo vsak zapis.

generateRequest

Funkcija za ustvarjanje request parametre za Y.DataSource . (To je prazna v ​​primer, ker Y.DataSource.Local vedno vrne vse podatke.)

extractTotalRecords

Funkcija za pridobivanje skupno število zapisov iz Y.DataSource odziv.

Ker primer uporablja Y.DataSource.Local , totalRecordsReturnExpr Prav tako je potrebno. To OGNL izraz navaja, kje v odzivu za shranjevanje skupno število zapisov. (Obvestilo, da extractTotalRecords bere to vrednost.)

 var ds = new Y.BulkEditDataSource (
 {
	 DS: raw_ds in
	 uniqueIdKey: "id"
	 generateRequest: funkcija () {},
	 totalRecordsReturnExpr: ". meta.totalRecords strank,
	 extractTotalRecords: funkcija (odgovor)
	 {
		 vrnitev response.meta.totalRecords;
	 }
 });

Y.HTMLTableBulkEditor zahteva vir podatkov, na področju konfiguracijo in konfiguracijo stolpca. V stolpcu konfiguracijo, ključ je ime polja, razen če določite meri formatter. Oznaka se uporablja kot naslov stolpca. Tukaj je odlomek iz živo na primer:

 var stolpci =
 [
	 {
		 ključ: "polje",
		 oznaka: "<input type="checkbox" id="select-all" />"
		 formatter: funkcija (o)
		 {
			 var oznake = '<input type="checkbox" class="record-select" id="{id}" />';
			 o.cell.set ("innerHTML", Y.Lang.sub (oznake,
			 {
				 id: this.getRecordId (o.record)
			 }));
		 }
	 },
	 {Ključ: "naslov", oznaka: "Naslov"},
	 {Ključ: "leto", oznaka: "Leto"},
	 {Ključ: "barva", oznaka: "Barva"}
 ];

(Ne pozabite, da v živo primer določa manjše podaljšanje Y.HTMLTableBulkEditor za ravnanje polje stolpec.)

Prav tako lahko prenese primerek Y.Paginator na Y.BulkEditDataSource . To se kaže v ločenem, bolj zapleten primer živo .

Lokalne vs Remote Viri podatkov

Pri odločanju, ali bo uporabljala lokalni ali oddaljeni vira podatkov, morate skrbno upoštevati kompromise. Očitno kompromis je, da lokalna vira podatkov je hitrejši, če paginating, vendar začetno obremenitev stran bo trajalo dlje in zahteva več pomnilnika na odjemalcu.

Bulk Editor widget nalaga dodatne kompromisne rešitve, pa je.

Najprej je treba vrniti YUI DataSource nespremenljivih podatkov. To je avtomatsko za lokalne vire podatkov, vendar je lahko težavno izvajati v oddaljenih virov podatkov. Boste morali zakleniti vrstice v tabeli zbirke podatkov za čas trajanja skupnega delovanja za urejanje, če je več kot en uporabnik dovoljeno, da jih spremeni.

Drugič, izbira med lokalno in oddaljeno vir podatkov vpliva, kako ste lahko za shranjevanje podatkov. Če uporabljate lokalno vir podatkov, lahko to storite najboljših močeh varčevanje, to je, shranite vse veljavne zapise na strežniku, jih odstranite iz lokalnega vira podatkov, in omogoča uporabniku, da se osredotoči na zapise, ki imajo neveljavne vrednosti. Ko uporabljate daljinski vir podatkov, nespremenljivosti zahteva samo vam omogoča, da vse ali nič, to je varčevanje, lahko podatke samo shranili navsezadnje podatkov ni veljavna.

Realnem svetu primerov uporabe

Prvotna motivacija za Bulk widget urejevalnika je, da se omogoči naknadno obdelavo v naloženi preglednici. Uvajanje post-obdelavo korak odpravlja potrebo za preglednice Vrednosti, ki se odlično. Napake so lahko označeni in fiksne v razsutem widget urejevalnika namesto zavrnil celoten upload. Poleg tega lahko obdelavo na strežniku narediti najbolje ugibati dodelitev dodatnih vrednosti, potrebnih za vsak zapis, in uporabnik lahko preverite in določi te dodatne vrednosti pred shranjevanjem. To poenostavlja začetno oblikovanje preglednice.

V tem primeru na daljavo vir podatkov je najboljša izbira. Dodal podatki so shranjeni na praske prostoru, in je zato zagotovljena nespremenljiva, saj noben drug uporabnik videl. "Vse ali nič" varčevanje je primerno: Ko so vse napake določi, delovanje save je atomska, tako kot za standardni postopek upload.

O avtorju: John Lindal ( @ jafl5272 na Twitterju) je eden od vodilnih inženirjev gradnji temelj, na katerem Yahoo! Apartma je zgrajena. Pred tem je delal na mreži Yahoo! Publisher.

Najdi pogovorov: Bloglines | technorati

Delež in razširijo: zaznamek s to del.icio.us | Digg it! | reddit!