Yahoo! User Interface Blog (YUIBlog)

YUI Je Unajmljivanje

Travanj 29, 2011 u 12:58 pm Jenny Donnelly | U razvoj i krajnji inženjerstvo Poslovi u Yahoo se | 2 Komentari

Mi smo u potrazi za viši front-end inženjer pridružiti Yui tim! Morate biti stručnjak za JavaScript i dobro upućen u raznim front-end tehnologijama. Volite rješavanju složenih problema u masovnu, znati što je potrebno za dizajniranje robustan i intuitivan API-ja, i zagrljaj najbolje prakse performansi, sigurnosti, dostupnosti i upotrebljivosti. Također imate odlične komunikacijske vještine, posjeduju veliku pozornost na detalje, te su neovisni i snalažljiv.

Minimalni posao Kvalifikacije:

• Stručni razini JavaScript, HTML, CSS i vještine.
• Pokazao iskustvo izgradnju JS reusable komponente koje su modularni, performant i održivi.
• Strast za izgradnju i evangelizirati svjetske klase front-end knjižnica koji utječe na milijune ljudi svaki dan.
• Upoznatost s open-source software projekata, osobito Yui.
• Computer Science stupanj ili ekvivalentno radno iskustvo.

Povlaštene posao Kvalifikacije:

• Pokazao dubinu stručnosti u jednoj ili više front-end područja kao što su mobitel, performansi, server-side JavaScript ili internacionalizaciju.

Ako ovo zvuči kao ti, molimo pošaljite svoj životopis i pokriti pismo Yui-radna mjesta (at) yahoo-inc (dot) com.

O Yahoo!

Razmislite o tome utječe 1 od svakih 2 osobe on-line - u inovativne i maštovite načine koji su jedinstveno Yahoo. Mi radimo samo da svaki dan, a vi bi previše. Uostalom, to je veliki mislioci poput vas koji će stvoriti novu generaciju internetskih iskustava za korisnike i oglašivače širom svijeta. Sada je vrijeme pokazati svijetu ono što ste dobili. Stavite svoje ideje za rad za više od pola milijarde ljudi.

Yahoo! Inc je jednake mogućnosti poslodavca. Za više informacija ili za traženje svih naših otvora posjetite http://careers.yahoo.com .

Nađi razgovore: Bloglines | technorati

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

Najavljujući YUI 2.4.6 kompresora

26. travanj 2011 u 10:09 pm Stojana Stefanov | U razvoj i svojstva | 10 Komentari

Mi smo zadovoljstvom najavljuje raspoloživost odmah verzije 2.4.6 na Yui kompresorom . Ova verzija sadrži ažuriranja uglavnom se odnose na kompresora rukovanje CSS minification i uvodi skupne obrade višestrukih datoteka s jednim zapovjedništvom.

CSS minification

Izdvajamo uključuju:

• Fiksni brojne greške koje razgrađuju kompresora i / ili proizlaze minified datoteke.
• Dodano dokumentacija o tome što točno minifier radi i koja CSS hack to tolerira.
• Postoji JavaScript luka CSS min u slučaju da je više prikladan za vaš graditi proces. Evo i UI testa web koji koristi JavaScript luke, gdje možete eksperimentirati s minifier.
• Značajan broj novih testova dodao (ali možete dodati još više ).
• Sigurno rukovanje nekim CSS značajke koje su uzimajući sve više usvajanje poput medijskih upita i CSS3 preobražava.

Batch obrada

Još jedan dobrodošao dodatak kompresora je da se sada mogu nositi serije datoteka. Ovo može značajno smanjiti vrijeme vaše graditi proces traje, pogotovo ako imate veliki broj datoteka umanjiti.

Na primjer sljedeće naredbe umanjiti sve .js i .css datoteke i pisati minified datoteke s "-min.css" sufiks.

  $ Java-jar yuicompressor.jar-o ". Css $:-min.css '* css.
 $ Java-jar yuicompressor.jar-o ". JS $:-min.js '* js. 

Zahvaljujući izlazak Stephen Woods i Flickr tim za ovu značajku!

Linkovi

Kompresor YUI 2.4.6 je dostupan za hitnu preuzimanje . Slobodno nam pomoći od strane podnošenja bug ili značajka zahtjev , pisanje više testova , vilica kod ili ulaska u razgovor .

Nađi razgovore: Bloglines | technorati

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

Smjer-friendly Nalazite se ovdje

25. travanj 2011 u 9:12 pm by Thierry Koblentz | U CSS 101 i razvoj se | 4 Komentari

Nedavno sam došao preko horizontalne navigacijske izborniku s desne uskladio linkova. Kao što ste mogli očekivati, to je bio popis element sa float:right i popis predmeta s float:left . Iako ne postoji ništa krivo s tim pristupom, to me je potaknulo da iskoristi ovu priliku za raspravu o usmjerenosti na izgled.

Trošak plutajućih elemenata

Pluta nemaju pojma usmjerenost, oni ne rade kao inline elemenata ili stupaca tablice (za koje dir atribut je magična formula). S plovcima, autori moraju provoditi mehanizam za "mijenjati" vrijednosti kad god sučelje promjena ( ltr vs rtl ).

Dakle, umjesto korištenja float , autori mogu pogodovati inline-block . Ovdje je jednostavan primjer:

 ul { text-align: end; text-align: right\9; *text-align: right; } li { display: inline; } a { display: inline-block; padding: 5px 15px; margin: 0 5px; } 

Imajte na umu da koristite " \ 0 "(bez razmaka) umjesto" \9 "će voditi brigu o operi, ali svibanj ne biti kao budućeg dokaz kao" \9 "(samo za IE).

Kao što je ovaj demo stranica pokazuje, u Chrome, Safari i Firefox, inline-block tehnike čini izgled pisanje način rada ovisi (smjer toka odgovara vrijednosti dir atributa, odnosno početne vrijednosti ako ne pravac je određen). Za ostale UA a, a zbog IE-a nedostatka podrške za atributa selektor (tj. html[dir="rtl"] ), autori treba dodati kuku u oznake za snabdjevanje hranom za promjenu smjera. Na primjer, za punu kompatibilnost razreda:

Za float tehnike:

 .rtl ul { float: left; } .rtl ul li { float: right; } 

Za inline-block Tehnika:

 .rtl ul { text-align: left\9; /* IE8/9 */ *text-align: left; /* IE5/6/7 */ } 

text-align: start | end

Za razliku left i right , start i end su pisanje-mode ovisna ključne riječi. U engleskom jeziku, start karata na left i end karata na right . Oslanjajući se na start i end umjesto left i right dopustiti neki preglednici to zamjene ( ltr / rtl ) automatski.

Razlike između pretraživača i tehnika

U preglednicima koji ne podržavaju " start / end "(IE, Opera)

plutaju Tehnika: razmjenjujete smjeru ne mijenja ništa

inline-block tehnike: razmjenjujete smjer ne mijenja poredak izbornika, ali linkovi su prikazani u pravilnom redoslijedu

U preglednicima koji ne podržavaju " start / end "(Chrome, Safari, Firefox)

plutaju Tehnika: razmjenjujete smjeru ne mijenja ništa

inline-block tehnike: razmjenjujete smjer dovoljno je zamijeniti smjer i na izborniku i linkovi

To je to! Sljedeći put morate stilskih elemenata horizontalno, ne zaboravite dati display:inline-block ili display:table probati.

Nađi razgovore: Bloglines | technorati

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

YUI 3 "Building Blocks, modula i aplikacije" Radionica dolazi u Portlandu, a besplatno!

Travanj 19, 2011 u 3:32 pm by Luke Smith | U razvoj i Yui događanja se | 6 Komentari

YUI, zajedno s Yahoo! Developer Network , je uzbuđen sponzorirati besplatan Yui 3 "Izgradnja Blokovi, moduli, i primjena" Radionica na Nedjelja, Svibanj 1, 2011 u Portland, Oregon. To je sjajan način da kick-off svoje vrijeme na JSConf , ali ne treba JSConf ulaznicu za pohađanje radionica. Svi su pozvani na ovaj događaj besplatno!

Ja ću se pridružiti kolegama Yahoo! Gonzalo Cordero za full-dan Hands-on trening gdje ćete naučiti kako izgraditi stateful razrede, čep, i clanci pomoću Yui 3 infrastrukturne komponente te ih pakirati u višekratnu upotrebu modula, te ih okupiti u jednostavnu primjenu. Klasa jutro će se fokusirati na ono što su građevni blokovi (kao što su baze i widgeta) imaju za ponuditi i kada i kako ih koristiti. Klasa poslijepodne će se u naprednijim klase konfiguracija, postavljanje Loader kombinirati domaćin modula, i postavljanje aplikacija kontrolere povezati svoje različite modula klase i API-ja, podešavanjem željenih događaja.

Prostor je ograničen, tako rezervirati svoje mjesto danas u http://training.bocoup.com/PreJSConf-2011/

Nađi razgovore: Bloglines | technorati

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

Quick Edit mod za Yui 3 DataTable

19. travanj 2011 u 3:20 pm od Ivana Lindal | U razvoj , YUI tri Galerija | 1 Komentar

Iako YUI 3 DataTable još nema zasebno uređivanje pojedinih stanica, to je relativno jednostavan za implementaciju Quick Edit mod. QuickEdit dodatak za DataTable u Galeriji Yui 3 omogućuje sve vidljive vrijednosti u DataTable za uređivanje istovremeno.

( Kliknite na screenshot da se igra sa ovom primjeru .)

Pregled

Kao i kod YUI 2 verziju , osnovna ideja o načinu Quick Edit je zamijeniti sve stanične formatters novima koji nastanjuju stanice s oblikom elemenata, npr. ulaznih polja ili padajućim popisima. To je učinio kada je start() zove se, na temelju konfiguracije opisane u nastavku. Nakon što korisnik bude završena, možete nazvati getChanges() da biste dobili promijenjene vrijednosti, a zatim ih ustrajati. Da biste izašli iz Quick Edit mod, nazovite cancel() . (To se zove otkazati umjesto da se zaustavi vas podsjetiti da odbacuje sve promjene.)

Budući da je Quick Edit Galerija modul je plugin za DataTable, morate ga uključiti u svoj datatable prije nego što možete koristiti:

 my_table.plug (Y.Plugin.DataTableQuickEdit);

Ovaj pohranjuje plugin u qe član datatable, tako da morate nazvati dodatku na funkcije ovako:

 my_table.qe.start ();

Konfiguracija

Quick Edit dodaje dvije nove konfiguracije atribute na sve stupce: quickEdit i qeFormatter .

Ako stupac je quickEdit imovina definirana, stupac će biti uređivanje u Quick Edit modu. Da biste prihvatili sve zadane postavke, možete jednostavno postaviti quickEdit:true . Za više kontrole, možete proći objekt sa sljedećim svojstvima:

formatter

Stanica formatter koji će pružiti odgovarajući oblik polje: <input type="text"> i <textarea> ili <select>. Po defaultu, stanica formatter Y.Plugin.DataTableQuickEdit.textFormatter se koristi za sve stanice za proizvodnju ulaznih elemenata. Da biste dobili textarea element, konfigurirati stupac za korištenje Y.Plugin.DataTableQuickEdit.textareaFormatter umjesto.

validation

Provjera konfiguracije za svaki polje u stupcu.

css

CSS klase koji kodiraju osnovnih pravila za provjeru valjanosti:

yiv-required

Vrijednost ne smije biti prazna.

yiv-length:[x,y]

Niz mora iznositi najmanje x znakova i na većini y znakova. Barem jedan od x i y moraju biti navedeni.

yiv-integer:[x,y]

Cjelobrojna vrijednost mora biti najmanje x , a na većini y . x i y su oboje opcija.

yiv-decimal:[x,y]

Decimalna vrijednost mora biti najmanje x , a na većini y . Nositelji nisu dopušteni. x i y su oboje opcija.

fn

Funkcija koja će se zvati s DataTable kao svog djelokruga i stanica u obliku elementa kao argument. Povratak vrijedi ako je vrijednost važeća. Inače, poziv this.displayMessage(...) da biste prikazali pogrešku i zatim se vratiti false.

msg

Karta vrstama poruka koje će se prikazivati ​​kada se osnovni ili regex pravilo provjere valjanosti ne uspije. Valjane su vrste su: required , min_length , max_length , integer , decimal , a regex . Ne postoji zadana za tip regex , tako da morate odrediti poruku ako konfigurirati Regex provjeru valjanosti. Zadane poruke o pogreškama za druge vrste su pohranjeni u Y.FormManager.Strings (pod uvjetom da je galerija-formmgr-CSS-vrednovanje ) i može se zanemariti i / ili lokalizirana.

regex

Regularni izraz da je vrijednost mora zadovoljiti kako bi se smatraju važećima.

Ponekad, ne mogu uređivati ​​stupac mora se donijeti drugačije vrijeme Quick Edit modu. Najbolji primjer je stupac koji sadrži link, od navigacije od stranice dok se u Quick Edit modu mogu biti katastrofalne. Da biste uklonili vezu tijekom brzog Edit, konfigurirati qeFormatter za stupcu biti Y.Plugin.DataTableQuickEdit.readonlyLinkFormatter . Za adrese e-pošte, koristite Y.Plugin.DataTableQuickEdit.readonlyEmailFormatter . Također možete napisati vam vlastiti običaj, samo za čitanje formatter. Jednostavno slijedite pravila normalne za izgradnju formatter DataTable stanica.

Nedostaju značajke

Zbog buga u YUI 3.3.0 DataTable , td element koji prođe kroz stupac formatter je zapravo iz prethodnog stupca. Time je previše uznemiruje podržati kopiju dolje, gdje je gumb u prvom redu omogućuje kopiranje vrijednost do svih drugih redova.

Bug je također potreban potpuni prerada osnovnih Brzi Uredi stanica formatters vratiti tekst umjesto manipulaciju DOM. To je razlog zašto custom cell formatters nisu službeno podržani u početnom izdanju. Ako ste avanturističkog, još uvijek ih možete graditi, ali imajte na umu da ćete morati prepisati ih, uključujući i dodao podršku za zabilježite jednom bug u DataTable je fiksna.

O Autor: John Lindal ( @ jafl5272 na Twitter-u) jedan je od vodećih inženjera grade temelj na kojem Yahoo! Apartman je izgrađen. Prije toga radio je na mreži Yahoo! Publisher.

Nađi razgovore: Bloglines | technorati

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

YUI: Otvorena sati Čet 21. travnja

19. travanj 2011 u 1:39 pm by Luke Smith | U razvoj i Otvoreni Sati se | No Comments

YUI Remote utovarivač usluga

Za neko vrijeme sada, Reid Burke je radio na Node.js based usluge ubrzati proces izračunavanja i traži modula u ovisnosti Yui 3. On je dobio prilično blizu kopča se u ovom trenutku, i želi dijeliti ono što je on dobio svoje ideje i dobiti za što bi ga još awesomer.

Problem

Za neko vrijeme sada smo Poznato je da, dok je stvarno pogodan za programere, Y.use( modules ,...) metoda predstavlja nepotrebnu odgodu zavrti vrijeme svog implementacije koda. Ispada da je to puno posla izračuna ovisnosti stabla, a meta sama može biti opterećenje na cjelokupni memorijski footprint Vaše web stranice. Tradicionalna metoda, uključujući datoteke Yui sjeme ( yui-min.js ), a zatim pokretački s YUI().use(...) prvi govori Yui učitati Loader modul, koji se osamari s ovisnosti metapodataka za cijelu knjižnicu u njegov izvor-onda imaju Loader izračunati cjelovit popis potrebnih modula temelji se na use(...) izjavu na klijentskom računalu.

Rješenje

Daljinski utovarivač usluga seli ovu izračun na poslužitelj, čineći vaš broj inicijalizirati brže i smanjuje vaše stranice profila klijenta memorije jer metapodataka i utovarivač više nisu potrebni na klijentskom računalu. Ona također služi kao kombinirani vodiču, vraćajući sve kod izravno, nego kroz usmjeravanje na uslugu yahooapis kombiniranom (manje mrežnog prometa), te je sposoban da bude angažiran na Node.js poslužitelj na Vašu domenu.

Plan je da se Reid demo što se radi danas, uključujući i neke prilično impresivne statistike iz upotrebe na yuilibrary.com , a zatim otvorite poziv na povratne informacije i zahtjeve. Come check out ono što budućnost Yui Loader izgleda kao!

Vrijeme i Brodu

Mi ćemo biti online od 10 do 11 sati PDT četvrtak. Priključni detalji su isti kao i obično.

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)

* - Ako Skype nije opcija, mi e-mail ili me uhvatiti (ls_n) u # Yui IRC kanal na freenode za lokalni broj.

Nađi razgovore: Bloglines | technorati

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

Najavljujući YUI 2.9.0

Travanj 13, 2011 u 5:28 pm Jenny Donnelly | U razvoju se | 11 Komentari

YUI je oduševljen tim najavljuje izlazak verzije 2.9.0 Yui. YUI 2.9.0 je zadnji bug fix release na Yui 2 linije koda obilježava prijelaz u održavanje modu. Kretanje naprijed, očekujem da vidim javnost koji se sastoji od samo kritičnih bug ispravke ili ispravke za IE kompatibilnost pitanja proizlaze iz promjenama na preglednicima u GBS . Mi uistinu smo uzbuđeni da se bolje usredotočiti našu pažnju na nadolazeće 3.4.0 izdanju Yui.

Da biste dobili ideju o promjenama uključenih u YUI 2.9.0, možete pregledati Readme Digesta koji sažima sve dodatke koje je sastavni programere njihovim README datoteke za ovaj release. Također možete vidjeti popis ulaznica utvrđenim u YUI 2.9.0 za sažetak bug ispravke i poboljšanje zahtjeva izvršenih u ovom izdanju.

Željeli bismo podsjetiti sve da kao što smo započeli proces deprecating Yui 2.x, svi objavljeni verzije i dalje će biti domaćin na Yahoo CDN i kod baza i dalje će biti forkable na GitHub.com .

Nađi razgovore: Bloglines | technorati

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