Yahoo! User Interface Blog (YUIBlog)

YUI je pronájem

29. dubna 2011 v 12:58 hod. od Jenny Donnelly | V rozvoji a Práce Frontend inženýrství na Yahoo záložky | 2 Komentáře

Hledáme senior front-end inženýr se připojit k týmu Yui! Musíte být expert na JavaScript a dobře-zběhlý v různých front-end technologií. Miluješ řešení složitých problémů v masovém měřítku, vím, co to znamená navrhnout robustní a intuitivní rozhraní API, a přijmout osvědčené postupy výkon, bezpečnost, dostupnost a použitelnost. Máte také výborné komunikační dovednosti, mají velký smysl pro detail, a jsou nezávislé a vynalézavý.

Minimální Job Kvalifikace:

• Expert na úrovni JavaScript, HTML, CSS a dovednosti.
• Zkušenosti prokázaly opakovaně JS stavební součásti, které jsou modulární, výkonný a udržovatelné.
• Vášeň pro budování a evangelizovat na světové úrovni front-end knihovnu, která má dopad miliony lidí každý den.
• Obeznámenost s open-source software projektů, zejména YUI.
• Informatika diplom nebo rovnocenné pracovní zkušenosti.

Preferované Job Kvalifikace:

• Prokázáno, hloubka odbornosti v jedné či více front-end oblastech, jako je mobil, výkon, server-side JavaScript, nebo internacionalizace.

Pokud to zní jako vy, zašlete prosím svůj životopis a průvodní dopis na Yui-jobs (at) yahoo-inc (tečka) com.

O Yahoo!

Zamyslete se nad dopadem 1 z každých 2 osoby on-line - na inovativních a nápadité způsoby, které jsou jednoznačně Yahoo!. Děláme jen to každý den, a můžete taky. Koneckonců, je to velké myslitele, jako jste vy, kteří vytvářejí novou generaci internetových zkušeností pro spotřebitele a inzerenty po celém světě. Nyní je čas ukázat světu, co máte. Dejte své nápady do práce za více než půl miliardy lidí.

Yahoo! Inc rovné příležitosti. Pro více informací nebo k vyhledávání všem našim otvorů navštivte http://careers.yahoo.com .

Hledat konverzace: Bloglines | technorati

Sdílet a rozšiřovat: Záložka se Del.icio.us | Digg to! | reddit!

Vyhlášení YUI Compressor 2.4.6

26.dubna 2011 v 10:09 am Stoyan Stefanov | V rozvoji a výkonu | 10 Komentáře

Jsme s potěšením oznamuje okamžitou dostupnost verze 2.4.6 na YUI Compressor . Tato verze obsahuje především aktualizace týkající se manipulace kompresoru s minification CSS a zavádí dávkové zpracování více souborů s jediným příkazem.

CSS minification

Mezi hlavní výhody patří:

• Pevné četné chyby, které porušují kompresoru a / nebo následnou minified soubory.
• Přidáno dokumentaci o tom, co přesně dělá a také minifier které CSS hack to snáší.
• Je tu JavaScript port CSS min v případě, že je více vhodná pro vašeho procesu sestavení. Zde je také zkušební webové rozhraní , které používá JavaScript přístav, kde můžete experimentovat s minifier.
• Značný počet nových testů zní (ale můžete přidat ještě více ).
• Bezpečné nakládání s některými funkcemi CSS, které jsou stále přijetí jako dotazy médií a CSS3 transformací.

Dávkové zpracování

Dalším vítaným přírůstkem do kompresoru je, že nyní může zpracovat dávek souborů. To může významně snížit čas, který jste build proces trvá, zvláště pokud máte velké množství souborů minify.

Například následující příkazy minify všechny .js a .css soubory a zapisovat minified soubory s "-min.css" přípona.

  $ Java-jar yuicompressor.jar-o ". Css $:-min.css To * css.
 $ Java-jar yuicompressor.jar-o ". Js $:-min.js To * js. 

Díky jít ven Stephen Woods a tým Flickr pro tuto funkci!

Odkazy

YUI Compressor 2.4.6 je k dispozici pro okamžité stažení . Nebojte se, aby nám pomohli ven vyplněním chyby nebo funkce, žádost , psát další testy , větvení kódu nebo vstupu do konverzace .

Hledat konverzace: Bloglines | technorati

Sdílet a rozšiřovat: Záložka se Del.icio.us | Digg to! | reddit!

Směr příjemný navigační panel

25.dubna 2011 v 9:12 am Thierry Koblentz | V CSS 101 a rozvoj záložky | 4 Komentáře

Nedávno jsem narazil na horizontální navigační menu s zarovnán odkazy. Jak se dalo očekávat, byl to prvek seznamu s float:right a seznam položek s float:left . I když není nic špatného s tímto přístupem, to inspirovalo, abych tuto příležitost k diskusi o směrovosti pro rozvržení.

Náklady na plovoucích prvků

Plováky nemají představu o směrovost, nefungují jako inline prvky nebo sloupců tabulky (pro kterého dir atribut je křišťálová koule). Plováky, musí autoři implementovat mechanismus pro "swap" hodnoty, kdykoli rozhraní změn ( ltr vs rtl ).

Takže namísto použití float mohou autoři upřednostňují inline-block . Zde je jednoduchý příklad:

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

Všimněte si, že pomocí " \ 0 "(bez mezery), místo" \9 "a postaral se o opery, ale nemusí být tak pro budoucí vylepšení," \9 "(pouze prohlížeč IE).

Jak tato demo stránky ukazuje, v Chrome, Safari a Firefox, inline-block technika dělá vzhled psací režim závislý (směr toku odpovídá hodnotu dir atributu, nebo počáteční hodnota, pokud není uvedeno směr). Pro ostatní UA s, a kvůli nedostatku IE podpory atributu volič (tj. html[dir="rtl"] ), autoři třeba přidat háček na značky obstarávat ke změně směru. Například pro plnou kompatibilitu kvalitní:

Pro float techniky:

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

Pro inline bloku techniku:

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

text-align: start | end

Na rozdíl od left a right , start a end jsou psací režim závislé na klíčová slova. V angličtině, start mapy left a end mapy pro right . Spoléhat se na start a end spíše než left a right umožňuje některé prohlížeče provést záměnu ( ltr / rtl ) automaticky.

Rozdíly mezi prohlížeči a techniky

V prohlížečích, které nepodporují " start / end "(IE, Opera)

float techniku: swapping směru nic nemění

inline-block technika: swapping směr nezmění zarovnání menu, ale odkazy jsou zobrazeny ve správném pořadí

V prohlížečích, které nepodporují " start / end "(Chrome, Safari, Firefox)

float techniku: swapping směru nic nemění

inline-block technika: swapping směru stačí zaměnit směr jak v menu a odkazy

A je to! Příště, až budete muset stylu prvků vodorovně, nezapomeňte dát display:inline-block , nebo display:table zkusit.

Hledat konverzace: Bloglines | technorati

Sdílet a rozšiřovat: Záložka se Del.icio.us | Digg to! | reddit!

YUI 3 "Stavební kameny, moduly a aplikace" Workshop Příchod do Portlandu a zdarma!

19. dubna 2011 v 3:32 pm Luke Smith | V rozvoji a Yui Události záložky | 6 Komentáře

YUI, spolu s Yahoo! Developer Network , se těší na to sponzorovat bezplatnou Yui 3 "stavebních kamenů, moduly a aplikace" Workshop v neděli, 1. května 2011 v Portlandu ve státě Oregon. Je to skvělý způsob, jak kick-off svůj čas na JSConf , ale nepotřebujete JSConf lístek k účasti na workshopu. Všichni jsou zváni na tuto akci zdarma!

Já se připojí kolegy Yahoo! Gonzalo Cordero pro celodenní rukou, na školení, kde se dozvíte, jak vytvořit stavové třídy, pluginy a widgety pomocí Yui 3 komponent infrastruktury, zabalit do vratných modulů a sestavování do jednoduché aplikace. Ráno třída se zaměří na to, jaké stavební kameny (například databáze a udělátku) nabídnout a kdy a jak je používat. Odpoledne třída dostane do pokročilejší třídy konfigurací, nastavení Loader spojit své hostované modulů a nastavení aplikací řadiče týkat vašich různých modulů tříd a API prostřednictvím vlastních událostí.

Počet míst je omezen, takže Rezervujte si místo dnes v http://training.bocoup.com/PreJSConf-2011/

Hledat konverzace: Bloglines | technorati

Sdílet a rozšiřovat: Záložka se Del.icio.us | Digg to! | reddit!

Quick Edit mód pro Yui 3 DataTable

19.dubna 2011 v 3:20 hod. od Johna Lindal | V rozvoj , YUI 3 Galerie | 1 Comment

I když YUI 3 DataTable ještě nemá inline editaci jednotlivých buněk, to je relativně snadno implementovat Rychlý režim úprav. Rychlých plugin pro DataTable v Galerii Yui 3 umožňuje, aby všechny viditelné hodnoty v DataTable, který chcete upravit současně.

( Klikněte na screenshot hrát v tomto příkladu .)

Přehled

Stejně jako u YUI 2 verze , základní myšlenka rychlého režimu úprav je vyměnit veškeré buněčné formátovačů za nové, které obývají buňky s formulářovými prvky, např. vstupních polí a rozbalovacích nabídkách. To se děje, když start() je volána na základě konfigurace je popsáno níže. Poté, co uživatel skončí, můžete volat getChanges() získat změněné hodnoty a potom je přetrvávají. Pro ukončení rychlého režimu úprav, volejte cancel() . (To je pojmenované zrušit místo zastavení připomenout, že zruší všechny změny.)

Vzhledem k tomu, Quick Edit galerie modul je plugin pro DataTable, musíte jej připojte do DataTable, než budete moci použít:

 my_table.plug (Y.Plugin.DataTableQuickEdit);

To ukládá plugin v qe člen DataTable, tak musíte zavolat plugin jeho funkce takto:

 my_table.qe.start ();

Konfigurace

Quick Edit přidá dvě nové konfigurační atributy na všechny sloupce: quickEdit a qeFormatter .

Pokud sloupec v quickEdit majetek je definován, bude sloupec možné upravovat v rychlém režimu úprav. Chcete-li přijmout všechny výchozí nastavení, můžete si jednoduše nastavit quickEdit:true . Pro větší kontrolu, můžete předat objekt s následujícími vlastnostmi:

formatter

Buňky, které budou poskytovat formátovací vhodnou formou pole: <input type="text"> a <textarea> nebo <Zvolit>. Ve výchozím nastavení buněk formátovací Y.Plugin.DataTableQuickEdit.textFormatter se používá pro všechny buňky k produkci vstupní prvky. Chcete-li získat textarea prvku, konfigurovat sloupec, který použijete Y.Plugin.DataTableQuickEdit.textareaFormatter místo.

validation

Ověření konfigurace pro každé pole ve sloupci.

css

CSS třídy kódující základní ověřování pravidel:

yiv-required

Hodnota nesmí být prázdná.

yiv-length:[x,y]

Řetězec musí být alespoň x znaků a na většině y znaků. Alespoň jeden z X a Y musí být určen.

yiv-integer:[x,y]

Celočíselná hodnota musí být alespoň x a na většině y . x a y jsou oba volitelné.

yiv-decimal:[x,y]

Desítková hodnota musí být alespoň x a na většině y . Exponenty jsou zakázána. x a y jsou oba volitelné.

fn

Funkce, která bude volána s DataTable jako jeho rozsahu a buňky tvoří prvek jako argument. Vrátí true, pokud je hodnota platná. V opačném případě volejte this.displayMessage(...) se zobrazí chybu a pak se vrátit false.

msg

Mapa typů zpráv, které se zobrazí při základní nebo regex ověřovací pravidlo selže. Platné typy jsou: required , min_length , max_length , integer , decimal a regex . Neexistuje žádný výchozí pro typ regex , takže musíte zadat zprávu, pokud se konfigurovat regex ověření. Zprávy standardní chyby pro ostatní typy jsou uloženy v Y.FormManager.Strings (poskytuje výstavní formmgr-CSS-validace ) a může být přepsána a / nebo lokalizované.

regex

Regulární výraz, že hodnota musí splňovat, aby mohla být považována za platnou.

Někdy musí neupravitelné sloupec být vyjádřen rozdílně při rychlém režimu úprav. Nejlepším příkladem je sloupec obsahující odkaz, protože navigace od stránky, zatímco v režimu Quick Edit mohou být katastrofální. Chcete-li odstranit odkaz v Quick Edit, konfiguraci qeFormatter pro sloupci být Y.Plugin.DataTableQuickEdit.readonlyLinkFormatter . U e-mailových adres, použijte Y.Plugin.DataTableQuickEdit.readonlyEmailFormatter . Můžete také napsat vám vlastní, permanentní formátovače. Jednoduše postupujte podle běžných pravidel pro výstavbu buněk DataTable formátovače.

Chybějící funkce

Vzhledem k chybě v YUI 3.3.0 DataTable , td prvek předán sloupce formátoru je ve skutečnosti z předchozího sloupce. Z tohoto důvodu bylo příliš problematické podpořit kopii dolů, kde tlačítko v první řadě umožňuje kopírovat hodnotu dolů na všechny ostatní řádky.

Chyba také vyžádala kompletní přepracování základních buněčných formátovačů Quick Edit pro návrat textu místo manipulaci s DOM. To je důvod, proč jsou vlastní buňky formátovačů není oficiálně podporován v této první verzi. Pokud jste dobrodružné povahy, můžete nadále vytvářet je, ale mějte na paměti, že budete muset přepsat je, včetně přidání podporu pro kopírování dolů, jednou chyba v DataTable vyřešen.

O autorovi: John Lindal ( @ jafl5272 na Twitteru) je jedním z hlavních inženýrů budovat základ, na kterém Yahoo! APT je postaven. Předtím pracoval na síti Yahoo! Publisher.

Hledat konverzace: Bloglines | technorati

Sdílet a rozšiřovat: Záložka se Del.icio.us | Digg to! | reddit!

YUI: Otevírací doba čt. 21. dubna

19.dubna 2011 v 1:39 Luke Smith | V rozvoji a Otevírací doba | Komentáře Vypnuto

YUI Dálkové Loader Service

Na chvíli teď, Reid Burke pracuje na bázi Node.js služby urychlení procesu výpočtu a požaduje modul závislostí Yui 3. Má to dost blízko, aby zapnul v tomto bodě, a chce sdílet to, co on má a dostat své nápady, co by bylo ještě awesomer.

Problém

Na chvíli teď jsme věděli, že při opravdu výhodné pro vývojáře, Y.use( modules ,...) metoda zavádí zbytečným průtahům v roztočení čas svého provádění kódu. Ukazuje se, že je to hodně práce výpočet závislosti stromy a metadata sám může být náročný na celkovou paměťovou stopu své stránky. Tradiční způsob včetně semen Yui souboru odst. yui-min.js ), pak bootstrapping s YUI().use(...) první říká, Yui načíst Loader modulu, který je tíží závislost metadat pro celé knihovny jeho zdroj, pak musí počítat Loader kompletní seznam požadovaných modulů na základě vašeho use(...) prohlášení na klientském počítači.

Řešení

Dálkové Loader služba přesune tento výpočet na server, takže váš kód inicializaci rychleji a snížení vašich stránek klienta paměti profil, protože metadata a nakladače již nejsou nutné na klientském počítači. To také slouží jako combo psovoda, vrací celý kód přímo spíše než směrování až po služby combo yahooapis (menší zatížení sítě), a je schopen být nasazen na Node.js server v doméně.

Plán má mít Reid demo co funguje dnes, včetně některé docela působivé statistiky z jeho použití na yuilibrary.com , otevřete volání zpětné vazby a požadavky. Přijďte zjistit, co budoucnost Yui Loader hledá jako!

Čas a detaily

Budeme on-line od 10 do 11 hodin PDT čtvrtek. Připojovací údaje jsou stejné jako obvykle.

1. Dial do 1-888-371-8922 (Skype funguje skvěle pro neamerické účastníků *)
2. Zadejte kód účastníka 47188953 #
3. Přidejte se k relaci sdílení obrazovky (to vás vyzve k instalaci zásuvného modulu Adobe Connect, pokud je to vaše první používat to)

* - Pokud Skype není možnost, napište mi, nebo mě chytit odst. ls_n) v Č. Yui IRC kanál na freenode pro místní číslo.

Hledat konverzace: Bloglines | technorati

Sdílet a rozšiřovat: Záložka se Del.icio.us | Digg to! | reddit!

Vyhlášení YUI 2.9.0

13. dubna 2011 v 5:28 hod. od Jenny Donnelly | V rozvoji záložky | 11 Komentáře

Tým YUI je nadšená oznamuje uvolnění verze YUI 2.9.0. YUI 2.9.0 je poslední verze oprava na Yui 2 řádky kódu značení jeho přechod do režimu údržby. Do budoucna očekáváme, že zprávy se skládá pouze z kritických oprav nebo opravy k řešení problémů s kompatibilitou prohlížeče vyplývajících z aktualizace prohlížečů v GBS . Jsme skutečně nadšeni, že lépe zaměřit svou pozornost na blížící se vydání 3.4.0 YUI.

Chcete-li získat představu o změnách uvedených v YUI 2.9.0, můžete si prohlédnout ReadMe Digest , který shrnuje všechny dodatky provedené dílčí vývojáři na jejich soubory README pro tuto verzi. Můžete také zobrazit seznam vstupenek stanovených v YUI 2.9.0 pro shrnutí oprav chyb a vylepšení žádostí vyplněných v této verzi.

Rádi bychom všem připomenout, že začneme proces kritizovat Yui 2.x, všechny vydané verze i nadále umístěn na CDN Yahoo a základní kód bude i nadále forkable na GitHub.com .

Hledat konverzace: Bloglines | technorati

Sdílet a rozšiřovat: Záložka se Del.icio.us | Digg to! | reddit!