Blog ng Yahoo! User Interface (YUIBlog)

Yui Ay pagkuha

Abril 29, 2011 sa 12:58 sa pamamagitan ng Jenny Donnelly | Sa Development , Trabaho sa Engineering ng Frontend sa Yahoo | 2 mga Komento

Kami ay naghahanap ng isang senior engineer ng harap-end na sumali sa koponan ng Yui! Kailangan mong maging isang dalubhasa sa JavaScript at mahusay na dalubhasa sa iba't ibang front-end na teknolohiya. Mahilig ka sa paglutas ng mga komplikadong mga problema sa napakalaking sukat, malaman kung ano ang kinakailangan upang mag-disenyo ng malakas at intuitive na API, at yakapin ang mga pinakamahusay na kasanayan ng pagganap, seguridad, pagkarating, at usability. Mayroon ka ding mahusay na mga kasanayan sa komunikasyon, nagtataglay ng malaking pansin sa detalye, at malaya at maparaan.

Minimum Job kwalipikasyon:

• Expert-level na JavaScript, HTML, at CSS kasanayan.
• Ipinapakita karanasan sa pagbuo ng mga magagamit muli bahagi js na modular, performant ang, at maintainable.
• Ang isang simbuyo ng damdamin para sa pagbuo at evangelizing ng mundo-class na harap-end na library na nakakaapekto sa mga milyon-milyong ng mga tao araw-araw.
• Pagpapalagayang-loob sa mga proyekto na bukas-pinagmulan software, lalo Yui.
• Computer Science antas o katumbas na karanasan sa trabaho.

Mga ginustong Job kwalipikasyon:

• Ipinapakita depth ng kadalubhasaan sa isa o higit pang mga front-end na mga domain tulad ng mobile, pagganap, server-side JavaScript, o internationalize.

Kung ito tunog tulad ng sa iyo, mangyaring ipadala ang iyong resume at masakop ang sulat sa Yui-trabaho (sa) yahoo-Inc (tuldok) com.

Tungkol sa Yahoo!

Isipin nakakaapekto 1 out ng bawat 2 tao online - sa makabagong at mapanlikha mga paraan na ang mga natatanging Yahoo!. Gawin lang namin na ang bawat at bawat araw, at maaari mong masyadong. Matapos ang lahat, ito ay malaki thinkers tulad ng sa iyo na lumikha ng susunod na henerasyon ng mga karanasan sa Internet para sa mga mamimili at mga advertiser sa buong mundo. Ngayon ang oras upang ipakita sa mundo kung ano ang iyong na nakuha. Ilagay ang iyong mga ideya na gumana para sa higit sa kalahati ng isang bilyong katao.

Yahoo! Inc ay isang pantay na pagkakataon ng employer. Para sa karagdagang impormasyon o upang hanapin ang lahat ng aming mga openings mangyaring bisitahin http://careers.yahoo.com .

Maghanap ng mga pag-uusap: Bloglines | Technorati

Ibahagi at pahabain: bookmark sa del.icio.us | Digg ito! | reddit!

Hayag ng Yui tagapiga 2.4.6

Abril 26, 2011 sa 10:09 am sa pamamagitan ng sa Stoyan Stefanov | Sa Development , Pagganap | 10 Puna

Kami ay nasisiyahang upang ipahayag ang agarang pagkakaroon ng bersyon 2.4.6 ng Yui tagapiga . Ang bersyon na ito ay naglalaman ng karamihan update na may kaugnayan sa tagapiga ng handling ng ng CSS minification at ang introduces batch processing ng maramihang mga file sa isang solong utos.

CSS minification

Highlight isama ang:

• Nakatakdang maraming mga bug na basagin ang tagapiga at / o ang nagreresulta minified na file.
• Idinagdag babasahin sa kung ano ang eksaktong minifier ang at din kung saan CSS hacks tolerates.
• Ang May JavaScript port ng CSS min sa kasong ito ay mas angkop para sa iyong bumuo ng proseso. Narito ang din ng isang pagsubok na UI web na gumagamit ng JavaScript port, kung saan maaari mong eksperimento sa ang minifier.
• Ang isang makabuluhang bilang ng mga bagong pagsubok idinagdag (ngunit maaari kang magdagdag ng kahit na higit pa ).
• Safe handling ng ilang mga tampok ng CSS na nakakakuha sa higit adopsyon tulad ng mga query sa media at CSS3 transforms.

Batch processing

Ang isa pang malugod na karagdagan sa tagapiga ay na ito ngayon pangasiwaan ang mga batch ng mga file. Ito ay maaaring makabuluhang bawasan ang oras na iyong bumuo ng proseso tumatagal, lalo na kung mayroon kang isang malaking bilang ng mga file sa magpaliit.

Halimbawa ang mga sumusunod na utos magpaliit lahat .js at .css file at isulat ang mga minified na mga file na may isang "-min.css" na hulapi.

  $ Java-garapon yuicompressor.jar na-o '. Css $:-min.css' * css.
 $ Java-garapon yuicompressor.jar na-o '. Js $:-min.js' * js. 

Salamat pumunta sa Stephen Woods at ang koponan ng Flickr para sa tampok na ito!

Links

Yui tagapiga 2.4.6 ay magagamit para sa agarang pag-download . Huwag mag-atubiling upang makatulong sa amin sa pamamagitan ng pag-file ng isang bug o tampok na kahilingan , sumusulat ang mga higit pang pagsubok , forking ng code o pagsali sa pag-uusap .

Maghanap ng mga pag-uusap: Bloglines | Technorati

Ibahagi at pahabain: bookmark sa del.icio.us | Digg ito! | reddit!

Direksyon-friendly ang Nabigasyon Bar

Abril 25, 2011 sa 09:12 am sa pamamagitan ng ang Thierry Koblentz | Sa sa CSS 101 , Development | 4 Puna

Kamakailan ako ay dumating sa isang pahalang na-navigate menu sa kanang-nakahanay na mga link. Bilang maaari mong asahan, ito ay isang listahan ng elemento sa float:right at ang listahan ng mga item sa float:left . Kahit na may ay walang mali sa mga ito diskarte, inspirasyon sa akin upang kunin ang pagkakataong ito upang talakayin ang directionality para sa layout.

Ang gastos ng mga lumulutang na mga elemento

Sa kamay ay walang konsepto ng directionality; hindi sila gumagana tulad ng mga inline na mga elemento o mga haligi sa table (kung saan ang dir attribute ay isang magic bullet). Sa mga kamay, ang mga may-akda ay dapat na ipatupad ang mekanismo na "magpalitan ng" halaga kapag ang mga pagbabago ng interface ( ltr kumpara rtl ).

Kaya sa halip ng paggamit ng float , ang mga may-akda ay maaaring papabor inline-block . Narito ang isang simpleng halimbawa:

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

Tandaan na ang gamit ang " \ 0 "(na walang puwang) sa halip na" \9 "ay mag-ingat ng Opera, ngunit maaaring hindi bilang hinaharap na katibayan bilang" \9 "(IE lamang).

Bilang ito demo pahina ng palabas, sa Chrome, Safari at Firefox, ang inline-block pamamaraan ay gumagawa layout ang pagsulat-mode na umaasa (sa direksyon ng daloy tumutugma sa ang halaga ng ang dir katangian, o ang unang halaga kung ang walang direksyon ay tinukoy). Para sa iba pang UA s, at dahil sa IE ng kakulangan ng suporta para sa ang katangian ng selector (ie html[dir="rtl"] ), ang mga may-akda kailangan upang magdagdag ng isang hook sa markup sa mangontrata ng pagpapakain sa pagbabago ng direksyon. Halimbawa, para sa buong A-grade pagkakatugma:

Para sa ang Float pamamaraan:

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

Para sa mga inline-block na pamamaraan:

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

text-align: start | end

Hindi tulad ng left at right , ang start at end ay pagsulat-mode umaasa keyword. Sa Ingles, start mga mapa sa left at end mapa sa right . Umasa sa start at end kaysa sa left at right nagbibigay-daan sa ilang mga browser na gawin ang swapping ( ltr / rtl ) awtomatikong.

Mga pagkakaiba sa pagitan ng mga browser at mga pamamaraan

Sa mga browser na hindi sumusuporta sa " start / end "(IE, Opera)

lumutang ang diskarteng: ang swapping direksyon ay hindi baguhin ang anumang

inline-block na pamamaraan: ang swapping direksyon ay hindi baguhin ang pagkakahanay ng menu, ngunit ang mga link ay ipinapakita sa tamang pagkakasunod-sunod

Sa browser na suporta " start / end "(Chrome, Safari, Firefox)

lumutang ang diskarteng: ang swapping direksyon ay hindi baguhin ang anumang

inline-block na pamamaraan:-swapping direksyon ay sapat na upang magpalitan ang direksyon ng parehong menu at ang mga link

Iyan na ang lahat! Susunod na mayroon kang mga sangkap estilo pahalang, tandaan na bigyan ng display:inline-block o display:table ng isang subukan.

Maghanap ng mga pag-uusap: Bloglines | Technorati

Ibahagi at pahabain: bookmark sa del.icio.us | Digg ito! | reddit!

Yui 3 "Building bloke, Modules, at mga Aplikasyon" gawaan Parating sa Portland, at Libreng!

Abril 19, 2011 sa 3:32 ni Lucas Smith | Sa Development , Yui Events | 6 Puna

Yui, kasama ang Yahoo! Developer Network , ay nagaganyak upang isponsor ang isang kaloob Yui 3 "Building bloke, Modules, at mga Aplikasyon" talyer sa Linggo, Mayo 1, 2011 sa Portland, Oregon. Ito ay isang mahusay na paraan upang simula ang iyong oras sa JSConf , ngunit hindi mo kailangan ng JSConf tiket sa dumalo ang pagawaan. Lahat ay iniimbitahan na ang libreng kaganapan na ito!

Ako ay sumali sa pamamagitan ng kapwa Yahoo! Gonzalo Cordero para sa isang buong-araw na ng mga kamay-sa pagsasanay na kung saan ikaw ay malaman kung paano bumuo ng klase ng stateful, plugin, at mga widgets na gamit ang Yui 3 bahagi ng imprastraktura, package ito sa magagamit muli module, at magtipon ang mga ito sa isang simpleng application. Sa umaga klase ay tumutok sa kung ano ang gusali hinaharangan (tulad ng Base at Widget) upang mag-alok at kung kailan at kung paano gamitin ang mga ito. Sa hapon klase ay makakuha ng sa mga mas advance configuration na klase, na-set up ang tagapagsakay upang pagsamahin ang iyong mga host module, at set up ng ang controllers application sa nauugnay ang iyong mga iba't-ibang klase ng module at API sa pamamagitan ng mga pasadyang mga kaganapan.

Space ay limitado, kaya magreserba inyong upuan ngayon sa http://training.bocoup.com/PreJSConf-2011/

Maghanap ng mga pag-uusap: Bloglines | Technorati

Ibahagi at pahabain: bookmark sa del.icio.us | Digg ito! | reddit!

Mabilis na I-edit mode para sa Yui 3 DataTable

Abril 19, 2011 sa 03:20 sa pamamagitan ng John Lindal | Sa Development , Yui 3 Gallery | 1 Puna

Kahit Yui 3 DataTable ay hindi pa inline pag-edit ng mga indibidwal na mga cell, ito ay relatibong simpleng upang ipatupad ang Mabilis na I-edit mode. Ang QuickEdit plugin para sa ang DataTable sa Gallery Yui 3 ay nagpapahintulot sa lahat ng mga makikita halaga sa isang DataTable-edit nang sabay-sabay.

( I-click ang screenshot upang i-play sa halimbawang ito .)

Pangkalahatang-ideya ng

Tulad ng sa bersyon Yui 2 , ang pangunahing ideya ng Mabilisang I-edit ang mode ay upang magpalitan ang lahat ng mga formatters ng cell na may mga bago na punan ang mga cell sa mga sangkap ng form na, hal, mga patlang sa input o dropdowns. Ito ay ginagawa kapag ang start() ay tinatawag na, batay sa pagsasaayos na inilarawan sa ibaba. Matapos ang gumagamit ay natapos na, maaari mong tawagin ang getChanges() upang makuha ang mga nabago na halaga at pagkatapos ay magpumilit sila. Upang lumabas sa Quick edit mode, tumawag sa cancel() . (Ito ay pinangalanan kanselahin halip ng itigil upang ipaalala sa iyo na ito Tinatapon ang lahat ng mga pagbabago.)

Dahil ang Mabilis na I-edit ang gallery module ay isang plugin para sa DataTable, kailangan mong plug ito sa sa iyong datatable bago maaari mong gamitin ang mga ito:

 my_table.plug (Y.Plugin.DataTableQuickEdit);

Ito nag-iimbak ang plugin sa ang qe miyembro ng ang datatable, kaya dapat mong tawagan ang mga function ang plugin tulad nito:

 my_table.qe.start ();

Configuration

Mabilis na I-edit ang nagdadagdag ng dalawang bagong mga katangian ng configuration sa lahat ng mga hanay: quickEdit at qeFormatter .

Kung ang isang haligi quickEdit ari-arian ay tinukoy, ang haligi ay mae-edit sa Mabilis na I-edit mode. Upang tanggapin ang lahat ng mga default, maaari mo lamang itakda ang quickEdit:true . Para sa higit na kontrol, maaari mong pumasa sa isang bagay na may mga sumusunod na katangian:

formatter

Ang cell formatter na magbibigay ng isang naaangkop na patlang form: <input type="text">, <textarea>, o <select>. Sa pamamagitan ng default, ang formatter ng Y.Plugin.DataTableQuickEdit.textFormatter cell ay ginagamit para sa lahat ng mga cell upang makagawa ng mga elemento ng input. Upang makakuha ng isang textarea sangkap, i-configure ang isang hanay upang gamitin ang Y.Plugin.DataTableQuickEdit.textareaFormatter sa halip.

validation

Configuration ng pagpapatunay para sa bawat patlang sa haligi.

css

CSS klase sa pag-encode ng mga pangunahing mga tuntunin ng pagpapatunay:

yiv-required

Ang halaga ay hindi dapat walang laman.

yiv-length:[x,y]

String ay dapat sa hindi bababa sa x character at sa karamihan ng mga y character. Hindi bababa sa isa ng x at y dapat na tinukoy.

yiv-integer:[x,y]

Ang integer value ay dapat sa hindi bababa sa x at sa pinaka- y . x at y ay parehong opsyonal.

yiv-decimal:[x,y]

Ang halaga ng desimal ay dapat sa hindi bababa sa x at sa pinaka- y . Mga Exponents ay hindi pinahihintulutan. x at y ay parehong opsyonal.

fn

Isang pagpapaandar na ay tinatawag sa DataTable bilang nito saklaw at form na elemento ang cell bilang ang argumento. Bumalik tunay na kung ang halaga ay may-bisa. Kung hindi, tawagan this.displayMessage(...) upang ipakita ang isang error at pagkatapos ay bumalik maling.

msg

Isang mapa ng mga uri sa mga mensahe na ipapakita kapag nabigo ang isang pangunahing o regex patakaran na ng pagpapatunay. Ang mga wastong uri ay: required , min_length , max_length , integer , decimal , at regex . May ay walang default para sa uri ng regex , kaya dapat mong tukuyin ang isang mensahe kung i-configure sa iyo ng isang regex pagpapatunay. Ang default na error na mensahe para sa iba pang mga uri ay naka-imbak sa Y.FormManager.Strings (na ibinigay sa pamamagitan ng gallery-formmgr-css-pagpapatunay ) at maaaring maging overridden at / o naisalokal.

regex

Regular na expression na ang halaga ay dapat masiyahan upang isaalang-alang wasto.

Minsan, ang isang hindi-e-edit na hanay ay dapat na nai-render naiiba habang Quick edit mode. Ang pinakamahusay na halimbawa ay ang isang hanay na naglalaman ng isang link, dahil navigate ang layo mula sa pahina habang sa Mabilis na I-edit ang mode ay maaaring maging nakapipinsala. Upang alisin ang link sa panahon ng mga Quick edit, i-configure ang qeFormatter para sa mga hanay na ang Y.Plugin.DataTableQuickEdit.readonlyLinkFormatter . Para sa mga email address, gamitin ang Y.Plugin.DataTableQuickEdit.readonlyEmailFormatter . Maaari ka ring sumulat ka ng sariling pasadyang, read-only formatter. Sundin lamang ang mga normal na mga patakaran para sa constructing ng isang DataTable cell formatter.

Walang Tampok

Dahil sa isang bug sa Yui 3.3.0 DataTable , ang mga elemento ng td ang pumasa sa isang formatter haligi ay talagang mula sa nakaraang haligi. Ito ginawa ito masyadong mahirap upang suportahan ang kopya pababa, kung saan ang isang button sa unang hilera ay nagbibigay-daan sa kopyahin mo ang halaga sa lahat ng iba pang mga hilera.

Bug ang kinakailangan ding isang kumpletong reworking ng ang pangunahing Mabilis na I-edit ang Mga formatters cell upang bumalik ng teksto sa halip ng pagmamanipula ng DOM. Ito ay kung bakit ang mga pasadyang mga cell formatters ay hindi opisyal na suportado sa unang release na ito. Kung ikaw ay malakas ang loob, maaari mo pa ring bumuo ng mga ito, ngunit tandaan na kakailanganin mo upang isulat na muli ang mga ito, kabilang ang pagdaragdag sa suporta para sa kopya pababa, sa sandaling ang bug sa DataTable ay naayos na.

Tungkol sa may-akda: John Lindal ( @ jafl5272 sa Twitter) ay isa sa mga nangunguna inhinyero constructing ang pundasyon sa kung saan Yahoo! Apt ay binuo. Dati, nagtrabaho siya sa Yahoo! Publisher Network.

Maghanap ng mga pag-uusap: Bloglines | Technorati

Ibahagi at pahabain: bookmark sa del.icio.us | Digg ito! | reddit!

Yui: Buksan ang Oras HU Abr ika-21

Abril 19, 2011 sa 01:39 ng umaga sa pamamagitan ng Lucas Smith | Sa Development , Buksan ang Oras | Walang Puna

Sa Yui Remote tagapagsakay Serbisyo

Para sa isang habang ngayon, Reid Burke ay nagtatrabaho sa isang Node.js based na serbisyong upang mapabilis ang proseso ng pagkalkula at humihiling ng mga dependencies ng module sa Yui 3. Siya ay nakuha ito medyo isara sa buttoned hanggang sa puntong ito, at nais na ibahagi ang kung ano siya ay nakuha at makuha ang iyong mga ideya para sa kung ano ang gagawing kahit awesomer.

Ang problema

Para sa isang habang na ngayon namin na kilala na, habang ang tunay na maginhawa para sa mga developer, ang Y.use( modules ,...) paraan introduces ng isang hindi kailangang pagkaantala sa iikot ang oras ng iyong code ng pagpapatupad. Ito ay lumiliko out na ito ng maraming trabaho sa pagkalkula ng mga puno dependency, at metadata nag-iisa ay maaaring maging mabigat sa pangkalahatang memorya ng bakas ng paa ng iyong pahina. Ang tradisyunal na paraan ng kabilang Yui buto file ( yui-min.js ), na pagkatapos bootstrapping sa YUI().use(...) unang nagsasabi Yui sa load ang tagapagsakay na module-na ay saddled na may ang dependency metadata para sa buong library sa nito pinagmulan-pagkatapos ay mayroon tagapagsakay makalkula ang kumpletong listahan ng mga kailangang mga module na batay sa iyong use(...) pahayag sa ang client makina.

Ang solusyon

Ang Remote Serbisyo tagapagsakay gumagalaw ang kalkulasyon na ito sa sa server, ang iyong code na pagsisimula ng mas mabilis at pagbabawas ng client memorya ng iyong site sa profile dahil ang metadata at tagapagsakay na ay hindi na kinakailangan sa ang client makina. Ito rin ay nagsisilbi bilang ang humahawak ng Combo, ibinabalik ang lahat ng mga code direkta sa halip routing sa pamamagitan ng yahooapis Combo serbisyo (mas trapiko sa network), at kaya ng deployed sa isang Node.js na server sa iyong domain.

Ang plano ay upang magkaroon ng ang Reid demo ano ay nagtatrabaho ngayon, kabilang ang ilang mga medyo kahanga-hanga stats mula sa paggamit nito sa yuilibrary.com , pagkatapos ay buksan ang tawag sa feedback at kahilingan. Halika at tingnan kung ano ang hinaharap ng Yui tagapagsakay ay naghahanap tulad!

Oras & Detalye

Kami ay magiging online na mula sa 10 ng umaga hanggang 11am PDT Huwebes. Ang mga detalye ng koneksyon ay ang parehong tulad ng dati.

1. I-dial in sa 1-888-371-8922 (Skype ay gumagana ng mahusay para sa mga di-US na kalahok *)
2. Ipasok ang dadalo code 47188953 #
3. Sumali sa screen session ng pagbabahagi (ito ay sesenyasan mong i-install ang plugin ng Adobe Connect kung ito ay iyong unang beses na gamitin ito)

* - Kung Skype ay hindi isang opsyon, mag-email sa akin o mahuli akin (ls_n) sa # Yui Communication channel sa freenode para sa isang lokal na numero.

Maghanap ng mga pag-uusap: Bloglines | Technorati

Ibahagi at pahabain: bookmark sa del.icio.us | Digg ito! | reddit!

Hayag Yui 2.9.0

Abril 13, 2011 sa 17:28 sa pamamagitan ng Jenny Donnelly | Sa Development | 11 Puna

Ang Yui koponan ay nanginginig upang ipahayag ang release ng Yui bersyon 2.9.0. Yui 2.9.0 ay ang huling release ng pag-aayos ng bug sa code Yui 2 linya pagmamarka ang paglipat nito sa maintenance mode. Paglipat ng pasulong, inaasahan upang makita ang mga release na binubuo ng mga lamang ang kritikal na mga pag-aayos ng bug o pag-aayos para sa mga isyu browser pagkakatugma na nagreresulta mula sa mga update sa browser sa ang GBS . Kami ay talagang nagaganyak upang mas mahusay na ituon ang aming pansin sa ang paparating na 3.4.0 release ng mga Yui.

Upang makakuha ng isang ideya ng mga pagbabago na kasama sa Yui 2.9.0, maaari mong suriin ang Readme Digest na summarizes ang lahat ng mga karagdagan na ginawa sa pamamagitan ng mga developer ng ​​bahagi sa kani-kanilang mga file Readme para sa ito release. Maaari mo ring tingnan ang listahan ng mga tiket na naayos sa Yui 2.9.0 para sa isang buod ng mga pag-aayos sa bug at mga kahilingan ng pagpapahusay na nakumpleto sa release na ito.

Nais naming ipaalala sa lahat na bilang namin simulan ang proseso ng deprecating Yui 2.x, lahat ng mga inilabas na bersyon ay patuloy na naka-host sa Yahoo ng CDN at ang code base ay patuloy na maging forkable sa GitHub.com .

Maghanap ng mga pag-uusap: Bloglines | Technorati

Ibahagi at pahabain: bookmark sa del.icio.us | Digg ito! | reddit!