Yahoo! User Interface Blog (YUIBlog)

YUI 2.9.0 Izdanje Kandidat je sada dostupan

30. ožujak 2011 u 11:02 pm Jenny Donnelly | U razvoju se | 4 Komentari

YUI 2.9.0 puštanje kandidat je sada dostupan za pregled od strane zajednice. Tim će se poduzimaju u narednih nekoliko dana obaviti završni krug testiranja, tako da smo željeli potaknuti naše developer zajednici da bi bilo feeback nam do kraja tjedna.

Puštanje kandidat, YUI 2.9.0 PR4, dostupan je i preko CDN kao i preuzeti paket za ispitivanje. Molimo pružanje povratnih informacija do petka, 1. travnja na bilo bugova i regresije koje možete naći.

Nađi razgovore: Bloglines | technorati

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

Loader na korištenje Quorus

24. ožujak 2011 u 9:49 pm by Peter Abrahamsen | U razvoja i implementacije Yui se | 2 Komentari

Danas želim govoriti o Yui Loader i kako smo na Quorus, Inc , koristite ga osigurati treće strane web stranice s novim značajkama na zahtjev.

Kod pišemo pokreće značajke na tuđe stranice, što znači da smo u nezavidnoj poziciji da ne samo da nema kontrolu nad preglednika okoliš, ali teških ograničenja u načinu na koji mi koristimo u samom dokumentu. Naši kupci staviti Quorus bootstrap skripte na svojim stranicama, a sve ostalo potrebno za naše funkcionalnosti učita dinamično i na zahtjev. Idemo na herojske duljine kako bi bili sigurni da su naši elementi, stilova, i skripta ne mijenja ponašanje ništa nismo odgovorni za.

Počeli smo naše sadašnje koda bazu prije dvije godine, kada je YUI 3 samo je uzimanje oblik. To je rizično odluka u vrijeme obvezati na codebase da ne bi pogodio beta za nekoliko mjeseci. Gledajući unatrag ne mogu zamisliti kako bi ostvarili ono što smo bez njega. Nisam vidio bilo koji drugi okvir koji ima komponente približavaju snagu za učitavanje, atributa i CustomEvent .

Quorus dizanje skripte pružamo našim kupcima radi gotovo ništa. Njegov zadatak je samo da se učitati srž našeg platformi bez blokiranja ostatak stranice opterećenja, a na red bilo API poziva sve smo to učinili. Ova datoteka jezgra scenarij, zove stage2, inlines yui i loader i oop , kao i dovoljno pameti za učitavanje dodatnih knjižnice odgovoriti na API poziva, korisničkih klikova i drugim uvjetima u operativnom okruženju. Većina ostalih resursi su služili prilagođeni kombiniranog poslužitelja koji služi prilagođeni Quorus i dionica Yui modula.

Bootstrap queues do API pozive u domaćina stranice koda između prilikom učitavanja i kada smo spremni otići u niz na naše globalne objekta, QUORUS:

 QUORUS._callbacks = []; QUORUS.use = function () { // turn the arguments object into a regular array, // so that it can be stored safely var args = Array.prototype.slice.call(arguments, 0); QUORUS._callbacks.push(args); }; 

Nakon što smo spremni za obradu API poziva, stage2 pokreće ih jedan po jedan u timeouts. To osigurava smo dati kontrolu redovito natrag u pregledniku, što čini korisničko iskustvo više odgovara. Ponašanje je puno poput Y.AsyncQueue, ali jednostavniji i ne zahtijeva YUI da se učita:

 // Put the real 'use' function in place for any subsequent calls: QUORUS.use = function (feature, callback) { YUI.use('module-that-provides-the-feature', function (Y) { // find the API for the requested feature, and pass it to the callback callback(Y.APIs[feature]); // process another pending API call, if any: setTimeout(processAPICall, 0); }); }; // Play catch-up, running each callback in sequence: function processAPICall () { var callback = QUORUS._callbacks.shift(); if (callback) { QUORUS.use.apply(QUORUS, callback); } } // Start processing the queue: processAPICall(); 

bootstrap datoteka je, prema ovom trenutku, i to uglavnom nepromjenljive: to je nešto što uručiti kupcu, koji bi mogli zahtijevati mjesec ili više za implementaciju nove verzije bilo mi dao njima je nevjerojatno dugo vremena za okretan startup tvrtke. stage2 datoteka, u međuvremenu, je mala, opterećenja iz vlastite poslužitelje i ima kratak vijek trajanja predmemorije. To osigurava da nema krajnji korisnik će imati zadnju inačicu za više od nekoliko minuta. Gotovo su svi ostali resursi su nam potrebni u trajno cacheable JavaScript knjižnice i CSS datoteka.

Kada smo objaviti novu verziju našeg koda, stage2 automatski usmjerava preglednike da biste započeli preuzimanje iz nove lokacije, čime se osigurava da oni koriste samo najnovije koda. Ova postava nam omogućava da brzo implementirati promjene bez usluživanja do imovine češće nego što je potrebno. Ne samo to da naša propusnost niske troškove, ali to pruža bolje korisničko iskustvo: resursi su spremljene učitavanje vrlo brzo, dok se stranica učitava.

Ako smo počinjali naš codebase danas, u korist Yui galerije , postoji veliki broj komponenti možemo koristiti kako bi naš život lakšim. Jedan od njih je Eric Ferraiuolo je Base Component Manager , koji pomaže u ožičenje do komponenti (obično Widgets) na zahtjev. Drugi bi mogao biti Storage Lite , kako bi nam pomogli zadržati stanje aplikacija preko stranice opterećenja.

Mnogi zahvaljujući Yui tima za njihov veliki rad, te zajednice za njihov doprinos. Ako želite čitati o našim pristupima sandboxing ili koordiniranje asinkrono učitavaju komponente, molim javite mi u komentarima!

O Autor: Peter Abrahamsen piše Ruby i JavaScript, upravlja poslužitelj infrastrukture i studije user-centered design u Seattleu, Washington, SAD. On se može naći na IRC kao Rainhead.

Nađi razgovore: Bloglines | technorati

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

YUI: Otvoreni Sati Wed 23. ožujka

21. ožujak 2011 u 10:15 pm by Luke Smith | U razvoj i Otvoreni Sati se | 4 Komentari

YUI 3 Kuharica prvi pogled

To nije dobro objavljen, ali imamo Yui 3 kuharicu u djelima i Evan pješak je čovjek zadužen. Evan je bio tehnički pisac za gotovo 15 godina, što znači da mu vjerujem da bi napravio bolji posao nego što ga pisanje bi (mi ćemo staviti na kodiranje). Dakle, ovaj tjedan ćemo vam predstaviti Evan, i dati vam priliku da vide i dati povratnu informaciju o nekim od knjige početnog sadržaja i strukture.

Također ovog tjedna, Steven Roussey će biti na poziv, demoing iluminacije Firebug plugin za koji vam omogućuje da vidite Yui 3 predmete iza DOM strukture i više.

Vrijeme i Brodu

Mi ćemo biti online od 10 do 11 sati PDT srijedu. 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!

Posao otvaranja na Yahoo! Media Team Foundation

17. ožujak 2011 u 9:35 pm Ricardo Dotta | U razvoj , krajnji inženjerstvo Poslovi u Yahoo | 1 komentar

Mi smo u potrazi za iskusnim Software inženjer za pridruživanje Yahoo! Media Foundation tim prednjem dijelu. Prednji kraj tim je odgovoran za razvoj globalni, dijeljeni softverskih komponenti i platforme za Yahoo! Media stranicama - Yahoo! News, Yahoo! Finance, Yahoo! Sports, Yahoo! Music, Yahoo! Movies, Yahoo! TV, Yahoo Video, OMG! i drugi. Yahoo! medija sučelja su među top destinacija na webu, a vi ćete igrati ključnu ulogu u razvoju jedinstvenih i uzbudljivih proizvoda i usluga koji touch milijuni ljudi svaki dan.

Zahtjevi

• Može raditi u dinamičnom okruženju
• Brzo uči - brzo može doći do brzine s različitim tehnologijama
• Timski igrač - može surađivati ​​s vršnjacima i vodič
• Mora imati snažan osjećaj predanosti i odgovornosti
• Mora imati snažne verbalne i pisane komunikacijske vještine
• Mora imati snažnu znanja i interes za novim alatima i tehnologijama u industriji

Potrebne vještine / iskustvo

• 5 + godina iskustva u industriji
• Mora imati jak znanje objektno-orijentiranog programiranja u PHP (preferirani), Java ili C + + ili slično
• Mora imati iskustvo sa MVC okvire poput Zend i CakePHP ili simfonijskog orkestra ili neki drugi) i strani klijenta AJAX
• Mora imati jak znanje JavaScripta, OOP JS, CSS i DHTML
• Znanje u JSON, XML, XSLT, UNIX administracija, i skriptiranje ljuske
• Regularni izrazi, Unix razvoj iskustvo i Subversion menadžersko iskustvo vrlo želji
• Znanje i iskustvo s HTML5 i CSS3, a predstavljanje tehnologije u nastajanju vrlo želji
• Iskustvo sa jedinica testiranje i / ili test automatizacija plus
• Baza podataka, SQL i MySQL (LAMP stack) iskustvo su pluses
• Iskustvo u razvoju i implementaciji visoko učinkovite, skalabilan strani poslužitelja aplikacija
• Izvrsno za ispravljanje pogrešaka i testiranje vještina
• Izvrsne analitičke i vještine rješavanja problema
• Computer Science stupanj ili ekvivalentno radno iskustvo potrebno

O Yahoo!

Razmislite o tome utječe 1 od svakih 2 ljudi online-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 i primijeniti molimo posjetite http://careers.yahoo.com/jdescription.php?frm=search_results&oid=35901&qs=jcat=8__submit=1~~HEAD=dobj , i traži sve naše otvore posjetite http://careers.yahoo . hr .

Nađi razgovore: Bloglines | technorati

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

YUI: Otvoreni Sati čet ožujak 17.

Ožujak 14, 2011 at 11:56 by Luke Smith | U razvoj , Otvoreni Sati | Komentari Isključeno

Ajax

Ovaj tjedan, želim oteti sat govoriti o Y.io (i prijatelji) i napraviti malo brainstorming na ono što svi mislite da bi Yui 3 je AJAX sučelja najbolje što može biti. Imam neke misli želim podijeliti, a možemo skenirati kroz nekih postojećih bugova i igranih zahtjeva .

Stvarno, iako, želim to čuti od vas ono što vrste obrazaca imaju tendenciju da se provesti u stvarnom svijetu, a kakav API šećera možemo dodati kako bi vaš život lakšim. Budući da ćemo to učiniti. Kunem.

Evo sampler iz galerije danas:

• OSTALO resursima
• IO Multi-odgovor
• AlloyUI IO i IO Upit
• Comet Stream
• JSON-RPC
• IO Poller

Možda su neki od odgovora u tamo? Što želite pečena u, a što ne želite da izgledaju?

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!

YUI 2.9.0 Preview Release je sada dostupan

Ožujak 14, 2011 u 8:10 pm Jenny Donnelly | U razvoju se | 4 Komentari

YUI tim je teško na poslu zatvara se naš zadnji 2.9.0 bugova , a danas smo zadovoljstvom objavljuje dostupnost 2.9.0 preview release za ispitivanja od strane zajednice. Uključeno u ovom izdanju su brojne bug ispravke i poboljšanja ciljani koji će vam pomoći donijeti zatvaranje na Yui 2 codeline , kao i ciljane promjene koda i dokumentacije koje ga čine teže nositelji nenamjerno zanemariti sigurnosti najbolje prakse .

YUI 2.9.0 predstavlja naše posljednje izdanje bug fix na Yui 2 linije koda prije nego ga stavite u održavanje modu, kada su samo kritični bug ispravke i ciljani IE kompatibilnost popravci će se smatrati. Mi uistinu smo uzbuđeni da bi mogli doći do ovog važan korak, koji će nam pomoći da udvostruče svoje napore na Yui 3.

YUI 2.9.0 PR2 je dostupna i putem CDN kao i preuzeti paket za ispitivanje. Nadamo se da možete uzeti trenutak za testiranje današnji preview verziju i dati povratnu informaciju do petka, 18. ožujka na bilo bugova i regresije koje možete naći.

Nađi razgovore: Bloglines | technorati

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

Granični CSS trikovi sa srušenih Kutije

Ožujak 8, 2011 at 3:23 pm by Thierry Koblentz | U CSS-om 101 i Dizajn i razvoj se | 8 Komentari

Ti trikovi pomoći će vam u postizanju dizajna bez pribjegavanja uporabi slike, CSS3 gradijenta ili stranih označni. Do urušavanja polja s nula line-height i height vrijednosti, možete prikazati sadržaj izvan sadržaja okvira, preko granica.

Bi-boja pozadine

Ovaj primjer ne uključuje IE 6/7 radna rješenja (pogledajte izvorni kod ovog demo stranice za IE popravci).

 .parent { display:inline-block; text-align: center; border: 1px solid #cecece; } .child { display:inline-block; line-height: 0; height: 0; border-top: 1em solid #ffc; border-bottom: 1em solid #fdcf46; padding:0 .6em; vertical-align:bottom; } <ul id="menuBar-A"> <li><a href="#">About Us</a></li> <li class="selected"><a href="#">Contact Us</a></li> <li><a href="#">Services</a></li> <li><a href="#">Products</a></li> </ul> 

Točkice i cijevi između stavki popisa

Ovaj primjer prikazuje ispravno preko preglednicima nakon nekoliko jednostavnih IE popravci.

 ul.one, ul.two { margin-left:0; display:inline-block; *display:inline; zoom:1; height:12px; line-height:12px; padding:0; } li { float:left; display:inline; height:2px; line-height:2px; position:relative; top:.3em; } ul.two {border-left:1px solid #333;} ul.one li {border-left:2px solid #333;} ul.two li {border-right:2px solid #333;} ul.one li.first-child, ul.two li.last-child { border:0; } a { color:#000; padding:.4em .9em; *position:relative; } <div id="menuBar-B"> <ul class="us"> <li><a href="#">About Us</a></li> <li class="selected"><a href="#">Contact Us</a></li> </ul> <ul class="ourOffer"> <li class="services"><a href="#">Services</a></li> <li><a href="#">Products</a></li> </ul> </div> 

Lijevi i desnu trokuta

Ovaj primjer ne uključuje IE 6/7 radna rješenja (pogledajte izvorni kod ovog demo stranice za IE popravci).

 #box { line-height: 0; height: 0; border: .4em solid transparent; border-left-color: #333; border-right-color: #333; padding: 0 .3em; display: inline-block; } <ul id="menuBar-C"> <li><a href="#">About Us</a></li> <li class="selected"><a href="#">Contact Us</a></li> <li><a href="#">Services</a></li> <li><a href="#">Products</a></li> </ul> 

IE 6 i granice transparentnost

IE 6 ne podržava ključna riječ " transparent "za granice boji. Kada koristite ovu vrijednost, IE 6 privlači crni obrub.

Fix za to je korištenje kromatsku filter koji prikazuje određenu boju sadržaja od objekta kao transparentni. Na primjer, stvoriti pravu strelicu možete koristiti ovo pravilo:

 #Box { height: 0; width: 0; border: 10px solid transparent; font-size: 0; _border-color: pink; _filter: chroma(color="pink"); border-left-color: #333; } 

Font-size deklaracija je još jedan workaround za IE 6. To je kako bi provjerili da ovaj preglednik ne povećava visinu okvira.

! Stop preše sam naučio novi trik (hvala Chungho Fang):

Čarobna [stvoriti graničnog transparentnost u IE] je postaviti "graničnog stilu 'to bilo isprekidane ili nižu

---

To je to! Ovo je samo još jedan način da koriste granice kako bi se postigla slika manje dizajn.

Daljnje čitanje

• Proučavanje pravilnih poligona
• slantastic
• Kosinama

Nađi razgovore: Bloglines | technorati

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