Yahoo! User Interface Blog (YUIBlog)

YUI Onko palkkaaminen

29 huhtikuu 2011 at 12:58 by Jenny Donnelly | In Development , Frontend Engineering Työpaikat Yahoo | 2 Comments

Etsimme vanhempi etupään insinööri liittyä YUI joukkue! Sinun täytyy olla asiantuntija JavaScript ja perehtynyt eri front-end-tekniikat. Rakastat ratkaisemaan monimutkaisia ​​ongelmia joukoittain tiedä mitä se tulee suunnitella vankka ja intuitiivinen API ja omaksua parhaat käytännöt ja suorituskyky, turvallisuus, saatavuus ja käytettävyys. Sinulla on myös erinomaiset viestintätaidot, hallussaan suurta huomiota yksityiskohtiin, ja ne ovat riippumattomia ja kekseliäitä.

Minimi ammattitutkintoa:

• Expert-tason JavaScript, HTML ja CSS osaamista.
• Näyttöä rakentaa uudelleen JS komponentit ovat modulaarisia, suorituskykyinen ja huollettaviksi.
• Intohimo rakentamiseen ja evankelioimisen maailmanluokan etupään kirjasto, joka vaikuttaa miljoonien ihmisten päivittäin.
• Perehtyneisyys avoimen lähdekoodin projekteja, etenkin YUI.
• Computer Science tutkinto tai vastaava työkokemus.

Ensisijainen ammattitutkintoa:

• Näyttöä syvyys asiantuntemus yhdellä tai useammalla etupään aloilla kuten mobiili-, suorituskyky-server-side JavaScript-tai kansainvälistymiseen.

Jos tämä kuulostaa sinua, lähetä ansioluettelosi ja saatekirjeessä yui-jobs (at) yahoo-inc (piste) com.

Tietoja Yahoo!

Ajattele vaikuttavat 1 jokaisesta 2 henkilöä verkossa - innovatiivisia ja kekseliäitä tapoja voimme olla Yahoo!. Teemme juuri että jokainen päivä, ja voisit myös. Onhan se iso ajattelijoita kuten te, jotka luodaan seuraavan sukupolven internet-kokemus kuluttajille ja mainostajille ympäri maailmaa. Nyt on aika näyttää maailmalle, mitä sinulla on. Laita ideasi toimimaan yli puoli miljardia ihmistä.

Yahoo! Inc. on tasa-arvoinen työnantaja. Lisätietoja tai etsiä meidän kaikkien aukkojen osoitteessa http://careers.yahoo.com .

Hae keskustelut: Bloglines | technorati

Jaa ja laajentaa: Kirjanmerkki suosikkeihisi Del.icio.us | Digg it! | reddit!

Esittelyssä YUI Compressor 2.4.6

26 huhtikuu 2011 at 10:09 pm Stoyan Stefanov | In Development , Performance | 10 Kommentit

Olemme iloisia voidessamme ilmoittaa välitön saatavuus version 2.4.6 ja YUI Compressor . Tämä versio sisältää lähinnä päivityksiä liittyviä Compressor käsittelyssä CSS minification ja esittelee eräajo useita tiedostoja yhdellä komennolla.

CSS minification

Kohokohtia ovat mm:

• Kiinteä lukuisia virheitä, jotka rikkovat kompressori ja / tai tuloksena minified tiedostot.
• Lisätty asiakirjat siitä, mitä minifier tekee ja mikä on CSS hacks sitä sietää.
• On JavaScript satamaan CSS min, jos se sopii paremmin teidän rakennusprosessia. Tässä on myös testi web-käyttöliittymän , joka käyttää JavaScript-portti, jossa voit kokeilla minifier.
• Huomattava määrä uusia testejä lisätty (mutta voit lisätä vielä enemmän ).
• Turvallinen käsittely jotkut CSS ominaisuudet ovat entistä hyväksymistä, kuten median kyselyihin ja CSS3 muunnoksia.

Eräkäsittely

Toinen lisän kompressori on, että se voi nyt käsitellä erissä kuvaa. Tämä voi merkittävästi vähentää aikaa teidän rakentaa kestää, varsinkin jos sinulla on suuri määrä tiedostoja minify.

Esimerkiksi seuraavat komennot minify kaikki .js ja .css -tiedostot ja kirjoittaa minified tiedostot "-min.css"-päätettä.

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

Kiitokset menevät ulos Stephen Woods ja Flickr joukkue tätä ominaisuutta!

Linkit

YUI Compressor 2.4.6 on saatavilla välittömästi ladata . Voit vapaasti auttaa meitä hoitaa jättämällä bugi tai ominaisuudesta , kirjoittaa enemmän testejä , forking koodin tai liittyä keskusteluun .

Hae keskustelut: Bloglines | technorati

Jaa ja laajentaa: Kirjanmerkki suosikkeihisi Del.icio.us | Digg it! | reddit!

Suunta sopiva Navigointipalkin

25 huhtikuu 2011 at 9:12 am Thierry Koblentz | In CSS 101 , kehittäminen | 4 Comments

Olen hiljattain tuli koko vaakasuora navigointi menu on tasattu oikealle linkkejä. Kuten arvata saattaa, se oli listan elementti float:right ja lista kohteita float:left . Vaikka ei ole mitään vikaa tätä lähestymistapaa, se innoitti minua tilaisuutta keskustella suuntavaikutelman ulkoasun.

Kustannukset ovat kelluvia elementtien

Kelluu ole mitään käsitystä suunta, ne eivät toimi niin rivinsisäiselementtien tai taulukon sarakkeet (jonka dir ominaisuus on ihmelääke). Kellukkeilla, kirjoittajat on toteutettava mekanismi "vaihtaa" arvoja aina ulkoisia muutoksia ( ltr vs. rtl ).

Joten sen sijaan käyttää float , kirjoittajat saattavat suosia inline-block . Tässä on yksinkertainen esimerkki:

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

Huomaa, että käyttämällä " \ 0 "(ilman välilyöntiä) eikä" \9 "hoitaisi Opera, mutta ei ehkä niin tulevaisuudessakin, koska" \9 "(IE only).

Koska tämä esittelysivu osoittaa, Chrome, Safari ja Firefox, inline-block tekniikka tekee layout kirjoitus-tilassa riippuvainen (virtaussuunnassa vastaa arvoa dir määritteen tai alkuarvo ellei suunta on määritetty). Muiden UA s, ja koska IE: n tuen puutetta attribuuttivalitsinta (esim. html[dir="rtl"] ), kirjoittajat pitää lisätä koukku markup palvelemaan suunnanmuutosta. Esimerkiksi täysi-luokan yhteensopivuus:

Varten uimurin tekniikkaa:

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

Jotta inline-block tekniikkaa:

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

text-align: start | end

Toisin left ja right , start ja end ovat kirjallisesti-tilassa riippuvainen avainsanoja. In Englanti, start karttoja left ja end karttojen right . Vedoten start ja end kuin left ja right sallii joidenkin selainten tehdä swap ( ltr / rtl ) automaattisesti.

Erot selainten ja tekniikoiden

Tässä selaimet eivät tue " start / end "(IE, Opera)

float tekniikka: vaihtamalla suuntaa ei muuta mitään

inline-block tekniikka: swapping suunta ei muutu yhdenmukaistaminen valikon, mutta linkit näkyvät oikeassa järjestyksessä

Tässä selaimet eivät tue " start / end "(Chrome, Safari, Firefox)

float tekniikka: vaihtamalla suuntaa ei muuta mitään

inline-block tekniikka: swapping suunta riittää vaihtaa suuntaa sekä valikon ja linkit

Siinä kaikki! Seuraavalla kerralla täytyy tyylielementit vaakasuunnassa, muista antaa display:inline-block tai display:table kokeilla.

Hae keskustelut: Bloglines | technorati

Jaa ja laajentaa: Kirjanmerkki suosikkeihisi Del.icio.us | Digg it! | reddit!

YUI 3 "Building Blocks, moduulit ja sovellukset" Workshop Tulossa Portland ja Vapaa!

19 huhtikuu 2011 klo 15:32 Luke Smith | In Development , YUI Tapahtumat | 6 Kommentit

YUI yhdessä Yahoo! Developer Network , on innoissaan sponsoroimaan ilmainen YUI 3 "Building Blocks, moduulit ja sovellukset" Workshop on sunnuntai 01 toukokuu 2011 Portlandissa, Oregonissa. Tämä on loistava tapa kick-off your aikaa JSConf , mutta et tarvitse JSConf lipun osallistua työpajan. Kaikki kehotetaan tämän ilmaisen tapahtumaan!

En saa seurakseen muiden Yahoo! Gonzalo Cordero varten koko päivän käytännön koulutus, jossa opit rakentamaan tilallista luokkiin, plugins ja widgetejä YUI 3 infrastruktuurin osia, pakkaa ne uudelleen moduuleihin, ja koota ne tulee yksinkertainen sovellus. Aamulla luokka keskittyy siihen, mitä rakennuspalikoita (kuten Base ja widget) on tarjota ja milloin ja miten niitä käytetään. Iltapäivällä luokka pääse kehittyneempiä luokkaan kokoonpanoissa perustamalla Loader yhdistää oman isännöi moduulit, ja perustamalla sovelluksen valvojien suhteuttamaan oman eri moduulin luokkia ja rajapintoja kautta omia tapahtumia.

Tilaa on rajoitetusti, joten varaa paikkasi tänään http://training.bocoup.com/PreJSConf-2011/

Hae keskustelut: Bloglines | technorati

Jaa ja laajentaa: Kirjanmerkki suosikkeihisi Del.icio.us | Digg it! | reddit!

Nopea muokkaustilan YUI 3 DataTable

19 huhtikuu 2011 kello 15:20 John Lindal | In Development , YUI 3 Galleria | 1 Comment

Vaikka YUI 3 DataTable ei ole vielä muokkaa heti yksittäisiä soluja, se on suhteellisen helppo toteuttaa nopeasti muokkaustilassa. QuickEdit liitännäinen DataTable vuonna YUI 3 Gallery mahdollistaa kaikki näkyvät arvot DataTable muokkaamisen samanaikaisesti.

( Klikkaa kuvakaappaus pelata tätä esimerkkiä .)

Yleiskatsaus

Kuten YUI 2-versiota , perusidea Quick muokkaustilaan on vaihtaa kaikki solun muotoilijat uusilla jonka kansoittavat solut lomake-elementtejä, esimerkiksi syöttökentissä tai dropdowns. Tämä tapahtuu, kun start() on nimeltään, perustuu konfiguraatio on kuvattu alla. Kun käyttäjä on valmis, voit soittaa getChanges() saada muuttuneet arvot ja edelleen niitä. Poistu Nopea muokkaustilassa, soita cancel() . (Se on nimetty peruuttaa eikä lopeta muistuttaa, että se hylkää kaikki muutokset.)

Koska Pika Edit galleria moduuli on plugin DataTable, sinun täytyy kytkeä se omaan datatable ennen kuin voit käyttää sitä:

 my_table.plug (Y.Plugin.DataTableQuickEdit);

Tämä tallentaa plugin qe jäsen datatable, joten sinun täytyy soittaa plugin toiminnot näin:

 my_table.qe.start ();

Kokoonpano

Pika Edit lisätään kaksi uutta kokoonpanon määritteitä kaikille sarakkeet: quickEdit ja qeFormatter .

Jos sarakkeen quickEdit omaisuus on määritetty, sarake voi muokata Quick muokkaustilassa. Hyväksy oletusarvot, voit asettaa quickEdit:true . Saat enemmän valvontaa, voit siirtää objektin seuraavat ominaisuudet:

formatter

Soluformatoijalta jotka tekevät asianmukaisen lomakkeen kenttään: <input type="text">, <textarea> tai <select>. Oletuksena soluformatoijalta Y.Plugin.DataTableQuickEdit.textFormatter käytetään kaikissa soluissa tuottaa syöttää elementtejä. Saadaksesi textarea elementti, määritä sarake käyttämään Y.Plugin.DataTableQuickEdit.textareaFormatter sijaan.

validation

Varmistus kokoonpanon kutakin kenttää sarakkeessa.

css

CSS luokat koodaus perus validointisäännöt:

yiv-required

Arvo ei saa olla tyhjä.

yiv-length:[x,y]

Arvon tulee olla vähintään x merkin ja enintään y merkkiä. Ainakin yksi x ja y on määritettävä.

yiv-integer:[x,y]

Kokonaisluku arvon on oltava vähintään x ja enintään y . x ja y ovat molemmat valinnaisia.

yiv-decimal:[x,y]

Desimaaliarvo tulee olla vähintään x ja enintään y . Eksponenteilla ei sallita. x ja y ovat molemmat valinnaisia.

fn

Toiminto, joka kutsutaan kanssa DataTable sen laajuudesta ja solun muodon elementin väitettä. Return true jos arvo on kelvollinen. Muuten, soita this.displayMessage(...) näyttää virheilmoituksen ja palaa sitten vääriä.

msg

Kartta tyypit viestejä tulee näkyviin, kun perus-tai regex Kelpoisuussäännön epäonnistuu. Voimassa tyypit ovat: required , min_length , max_length , integer , decimal , ja regex . Ei ole oletusarvoisesti tyyppiä regex , joten sinun täytyy määrittää viestin jos määrittelet regex validointi. Oletuksena virheilmoituksia muiden tallennetaan Y.FormManager.Strings (antamat galleria-formmgr-CSS-validointi ) ja voidaan ohittaa ja / tai paikallisia.

regex

Säännöllinen lauseke, joka arvo on täytettävä, jotta voidaan katsoa kelpoiseksi.

Joskus ei-muokattavat sarake on sulatettava eri tavalla Nopea muokkaustilassa. Paras esimerkki on sarake, joka sisältää linkin, koska navigoinnin pois sivulta, kun pika-Edit-tilassa voi olla tuhoisaa. Voit poistaa linkin aikana pika Muokkaa, määritä qeFormatter varten sarake Y.Plugin.DataTableQuickEdit.readonlyLinkFormatter . Sähköpostiosoitteita, käytä Y.Plugin.DataTableQuickEdit.readonlyEmailFormatter . Voit myös kirjoittaa sinulle omia, vain luku-ohjainkortti. Noudata normaaleja sääntöjä rakentaa DataTable soluformatoijalta.

Puuttuvat ominaisuudet

Koska vian YUI 3.3.0 DataTable , td elementti välitetään sarakkeeseen formatter todella edellisestä sarakkeesta. Näin se oli liian hankala tukea kopioida alas, kun painiketta ensimmäisellä rivillä voit kopioida arvo alas kaikki muut rivit.

Bug vaaditaan myös täydellinen muotoiltuna perus pika Muokkaa solun muotoilijat palauttaa tekstin sijaan manipuloida DOM. Siksi mukautettuja solu muotoilijat eivät ole virallisesti tuettuja tässä ensimmäisessä versiossa. Jos olet seikkailunhaluinen, voit silti rakentaa niitä, mutta muista, että sinun täytyy kirjoittaa niitä, mukaan lukien lisäämällä tukemisessa kopioi alas, kun viasta DataTable on kiinteä.

Author: John Lindal ( @ jafl5272 hermona) on yksi johtava insinöörien rakentaa perusta, jonka Yahoo! APT on rakennettu. Aiemmin hän työskenteli Yahoo! Publisher Network.

Hae keskustelut: Bloglines | technorati

Jaa ja laajentaa: Kirjanmerkki suosikkeihisi Del.icio.us | Digg it! | reddit!

YUI: Aukioloajat to 21 huhtikuu

19 huhtikuu 2011 at 1:39 am Luke Smith | In Development , Aukioloajat | Comments Off

YUI Remote Loader Service

Sillä aikaa, Reid Burke on työskennellyt Node.js palvelu nopeuttaa prosessia laskemista ja pyytää moduulin riippuvuussuhteet YUI 3. Hänellä on melko lähellä napit jopa tässä vaiheessa, ja haluaa jakaa mitä hän sai ja ideat mitä tekisi siitä vieläkin awesomer.

Ongelma

Jonkin aikaa olemme tienneet, että vaikka todella kätevä kehittäjille, Y.use( modules ,...) menetelmä tuo tarpeetonta viivytystä spin up time oman täytäntöönpanon koodin. Osoittautuu, että se on paljon työtä laskettaessa riippuvuuden puita, ja metatietojen yksin voi olla työlästä yleisestä muistia sivusi. Perinteinen menetelmä myös YUI siemenet tiedosto ( yui-min.js ), sitten bootstrapping ja YUI().use(...) ensimmäinen kertoo YUI ladata Loader moduulin, joka on taakkanaan riippuvuutta metatiedot koko kirjaston sen source-sitten Loader laskea täydellisen listan moduulit perustuu omaan use(...) lausunto työasemaan.

Liuos

Remote Loader Service siirtyy tämän laskelman palvelimelle, jolloin koodi alustaa nopeammin ja vähentää sivustosi asiakas muistiin profiilia, koska metatiedon ja Loader ei enää tarvita työasemaan. Se toimii myös combo-ohjaaja, palauttaa kaikki koodin suoraan eikä reititys läpi yahooapis combo palvelu (vähemmän verkkoliikennettä), ja on omiaan jäämään käyttöön on Node.js palvelimeen verkkotunnuksesi.

Suunnitelman on oltava Reid demo mikä toimii tänään myös joitakin melko vaikuttava tilastot sen käytöstä yuilibrary.com , avaa puhelun palautetta ja pyyntöjä. Tule tarkistaa, mitä tulevaisuus YUI Loader on näköisenä!

Aika & Details

Meillä tulee olemaan verkossa klo 10 klo 11 PDT torstaina. Yhteyden yksityiskohdat ovat samat kuin tavallisesti.

1. Dial sisään 1-888-371-8922 (Skype toimii hyvin Yhdysvaltojen ulkopuolisille osallistujille *)
2. Kirjoita osallistuja koodi 47188953 #
3. Liity näytön jakamisen (tämä kehottaa asentamaan Adobe Connect-plugin, jos tämä on ensimmäinen kerta käytät sitä)

* - Jos Skype ei ole vaihtoehto, lähetä minulle sähköpostia tai minua kiinni (ls_n) ja # yui IRC kanava freenode paikallisen numeron.

Hae keskustelut: Bloglines | technorati

Jaa ja laajentaa: Kirjanmerkki suosikkeihisi Del.icio.us | Digg it! | reddit!

Esittelyssä YUI 2.9.0

13 huhtikuu 2011 at 17:28 by Jenny Donnelly | In kehittäminen | 11 Kommentit

YUI joukkue on innoissaan ilmoittaa vapauttaa YUI version 2.9.0. YUI 2.9.0 on viimeinen bug fix julkistus YUI 2 koodirivi merkintä sen siirtymistä ylläpitotilassa. Eteenpäin, odottavat päästöt koostuvat vain kriittisten virheiden korjauksista tai korjaukset selaimen yhteensopivuusongelmista johtuvat päivitykset selaimia GBS . Olemme todella innoissamme paremmin keskittää huomiomme tulevaan 3.4.0 vapautumista YUI.

Saadaksesi käsityksen muutosten mukana YUI 2.9.0, voit tarkistaa ReadMe Digestin jossa esitetään yhteenveto lisäyksiä komponenteittain kehittäjät omille ReadMe tiedostoja tässä julkaisussa. Voit myös tarkastella luetteloa lippujen vahvistettu vuonna YUI 2.9.0 Yhteenveto korjauksia ja parannuspyyntöjä valmistunut tässä julkaisussa.

Haluamme muistuttaa, että aloitamme prosessin deprecating YUI 2.x, kaikki julkaistut versiot jatkossakin sijaita Yahoon CDN ja koodareiden jatkossakin forkable on GitHub.com .

Hae keskustelut: Bloglines | technorati

Jaa ja laajentaa: Kirjanmerkki suosikkeihisi Del.icio.us | Digg it! | reddit!