Yahoo! User Interface Blog (YUIBlog)

YUI 2.9.0 Release Candidate er nu tilgængelig

30 Mar 2011 kl 11:02 af Jenny Donnelly | I Udvikling | 4 Kommentarer

Den YUI 2.9.0 release candidate er nu til rådighed for gennemgang af fællesskabet. Holdet vil tage de næste par dage til at gøre en sidste runde af test, så vi vil gerne opfordre vores udvikler-community for at få noget feeback til os ved slutningen af ​​ugen.

Den release candidate, YUI 2.9.0 PR4, fås både via CDN samt en downloades pakke til test. Bedes give tilbagemeldinger fra fredag ​​1 apr om eventuelle fejl og regressioner, du kan finde.

Find samtaler: Bloglines | technorati

Del og udvide: Bookmark med del.icio.us | digg det! | reddit!

Loader forbrug på Quorus

24 marts 2011 kl 9:49 pm by Peter Abrahamsen | I Udvikling og Yui Implementeringer | 2 Kommentarer

I dag vil jeg gerne tale om YUI Loader og hvordan vi på Quorus, Inc. , bruge den til at levere tredjeparts websteder med nye funktioner efter behov.

Koden vi skriver beføjelser funktioner på andre folks sider, så vi er i den lidet misundelsesværdige situation at have ikke blot ingen kontrol over browseren miljøet, men kraftige restriktioner på, hvordan vi bruger selve dokumentet. Vores kunder sætter en Quorus bootstrap script på deres sider, alt andet er nødvendig for vores funktionalitet er indlæst dynamisk og on demand. Vi går til heroiske anstrengelser for at sikre, at vores elementer, stilarter og scripts ikke ændrer adfærd noget, vi er ikke ansvarlig for.

Vi startede vores nuværende kodebase for to år siden, da YUI 3 var lige ved at tage form. Det var en risikabel beslutning på det tidspunkt at forpligte sig til en kodebase, der ikke ville ramme beta i flere måneder. I bakspejlet kan jeg ikke forestille mig, hvordan vi ville have opnået, hvad vi har uden. Jeg har ikke set nogen anden ramme, der har komponenter, der nærmer sig magt Loader, data , og CustomEvent .

Den Quorus bootstrap script vi leverer til vores kunder gør næsten ingenting. Dens opgave er bare at indlæse kernen i vores platform uden at blokere resten af ​​siden belastning, og at stå i kø enhver API-opkald, indtil vi har gjort det. Denne kerne script fil, der kaldes stage2, inlines yui , loader , og oop , samt nok smarts indlæse yderligere biblioteker til at reagere på API-kald, bruger klik, og andre betingelser i driftsmiljøet. De fleste andre ressourcer bliver betjent af en brugerdefineret combo server, der betjener brugerdefinerede Quorus og lager Yui moduler.

Bootstrap køer op API opkald foretaget i værtslandets webstedets kode mellem, når det indlæses, og når vi er klar til at gå i en række af vores globale objekt, 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); }; 

Når vi er klar til at behandle API-kald, stage2 kører dem én efter én i timeouts. Dette sikrer, at vi giver kontrol jævnligt tilbage til browseren, der gør brugeroplevelsen mere lydhør. Den adfærd er en meget gerne Y.AsyncQueue, men enklere og kræver ikke YUI der skal indlæses:

 // 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(); 

Den bootstrap fil er ved dette punkt, for det meste uforanderlige: Det er noget, vi hånden ud til en kunde, der kan kræve en måned eller mere at installere en ny version, vi gav dem, en ufattelig lang tid for en adræt startup-firmaet. Den stage2 -fil, i mellemtiden, er lille, belastninger fra vores egne servere, og har en kort cache levetid. Dette sikrer, at ingen slutbrugeren har en gammel version, i mere end nogle få minutter. Næsten alle de andre ressourcer, vi har brug for er i permanent cache JavaScript-biblioteker og CSS-filer.

Når vi frigive en ny version af vores kode, stage2 automatisk dirigerer browsere til at begynde at downloade fra en ny placering, sikrer, at de kun bruger den nyeste kode. Dette setup giver os mulighed for at implementere ændringer hurtigt uden at tjene op aktiver oftere end nødvendigt. Dette er ikke blot at holde vores båndbredde omkostningerne nede, men det giver en bedre brugeroplevelse: de cachelagrede ressourcer indlæses meget hurtigt, mens siden indlæses.

Hvis vi starter vores kodebase i dag, med gavn for YUI Gallery , der er en række komponenter, vi kunne bruge til at gøre vores liv lettere. En af dem er Eric Ferraiuolo s Base Component manager , som hjælper med ledninger op komponenter (typisk Widgets) på efterspørgslen. En anden kunne være Opbevaring Lite , at hjælpe os med fastholde ansøgningen tilstand på tværs side belastninger.

Mange tak til YUI holdet for deres store arbejde og til samfundet for deres bidrag. Hvis du ønsker at læse om vores tilgang til sandboxing eller koordinere asynkront lastet komponenter, så lad mig det vide i kommentarerne!

Om forfatteren: Peter Abrahamsen skriver Ruby og JavaScript, forvalter server infrastruktur, og undersøgelser brugercentreret design i Seattle, Washington, USA. Han kan findes på IRC som Rainhead.

Find samtaler: Bloglines | technorati

Del og udvide: Bookmark med del.icio.us | digg det! | reddit!

YUI: Åbne Timer Ons 23 mar

21 marts 2011 kl 10:15 af Luke Smith | I Udvikling og åbningstider | 4 Kommentarer

YUI 3 Kogebog første kig

Det har ikke været godt offentliggjort, men vi har en YUI 3 Cookbook i værker og Evan goer er manden, der har ansvaret. Evan har været en teknisk skribent for næsten 15 år, hvilket betyder, at vi stoler på ham til at gøre et bedre stykke arbejde at skrive det, end vi ville have (vi vil holde os til kodning). Så i denne uge vil vi præsentere dig for Evan, og giver dig en chance for at se og give feedback på nogle af bogens oprindelige indhold og struktur.

Også i denne uge, Steven Roussey vil være på opkaldet, demoing Illuminationer plugin for Firebug der giver dig mulighed for at se de Yui 3 genstande bag DOM struktur og mere.

Tid & Detaljer

Vi vil være online fra 10:00 til 11:00 PDT onsdag. De tilslutning detaljer er de samme som sædvanlig.

1. Ringe til 1-888-371-8922 (Skype fungerer fint for ikke-amerikanske deltagere *)
2. Indtast deltageren koden 47188953 #
3. Deltag i skærmdelingssession (dette vil bede dig om at installere Adobe Connect plugin, hvis det er første gang du bruger det)

* - Hvis Skype ikke er en mulighed, email mig eller fange mig (ls_n) i # Yui IRC kanal på freenode til et lokalt nummer.

Find samtaler: Bloglines | technorati

Del og udvide: Bookmark med del.icio.us | digg det! | reddit!

Job Åbning på Yahoo! Media Foundation Team

17 Marts 2011 kl 9:35 am af Ricardo Dotta | I Udvikling , Frontend Engineering Jobs hos Yahoo | 1 Kommentar

Vi søger en erfaren Software Engineer til at deltage i Yahoo! Media Foundation Front End team. Front End team er ansvarlig for at udvikle globale, fælles software-komponenter og platforme til Yahoo! Media websteder - Yahoo! Nyheder, Yahoo! Finans, Yahoo! Sport, Yahoo! Music, Yahoo! Movies, Yahoo! TV, Yahoo! Video, OMG! og andre. Yahoo! Media steder er blandt de største destinationer på internettet, og du kommer til at spille en central rolle i udviklingen af ​​unikke og spændende produkter og tjenester, som touch-millioner af mennesker hver dag.

Krav

• Stand til at arbejde i et dynamisk miljø
• Hurtigt lærende - kan hurtigt komme op til hastighed med forskellige teknologier
• Team-afspiller - kan samarbejde med og vejledning jævnaldrende
• Skal have en stærk følelse af engagement og ansvar
• Skal have stærke mundtlige og skriftlige kommunikationsevner
• Skal have en stærk viden om og stor interesse i nye værktøjer og teknologier i industrien

Nødvendige færdigheder / opleve

• 5 + års brancheerfaring
• Skal have solid viden om objektorienteret programmering i PHP (foretrukket), Java eller C + + eller lignende
• Skal have erfaring med MVC rammer som Zend, CakePHP eller Symphony (eller andet) og client-side AJAX
• Skal have solid viden om JavaScript, OOP JS, CSS og DHTML
• Færdigheder i JSON, XML, XSLT, Unix administration, og shell scripting
• Regulære udtryk, Unix udvikling erfaring og Subversion ledelseserfaring højt ønskede
• Viden og erfaring med HTML5, CSS3 og nye præsentation teknologier er særdeles ønskeligt
• Erfaring med enheder test og / eller test automatisering et plus
• Database, SQL og MySQL (LAMP stak) erfaring er plusser
• Erfaring med udvikling og implementering af yderst effektive, skalerbare server-side applikationer
• Fremragende debugging og afprøvning færdigheder
• Gode ​​analytiske og problemløsning færdigheder
• Computer Science grad eller tilsvarende arbejde, der kræves erfaring

Om Yahoo!

Tænk at påvirke 1 ud af hver 2 personer online-i innovative og opfindsomme måder, der er unikt Yahoo!. Vi gør bare, at hver eneste dag, og du kan også. Efter alt, er det store tænkere som dig, der vil skabe den næste generation af Internet oplevelser for forbrugere og annoncører over hele verden. Nu er det tid til at vise verden, hvad du har. Sæt dine ideer til at arbejde for over en halv milliard mennesker.

Yahoo! Inc. er en arbejdsgiver lige muligheder. For mere information og til at anvende besøg venligst http://careers.yahoo.com/jdescription.php?frm=search_results&oid=35901&qs=jcat=8__submit=1 , og for at søge i alle vores åbninger kan du besøge http://careers.yahoo . com .

Find samtaler: Bloglines | technorati

Del og udvide: Bookmark med del.icio.us | digg det! | reddit!

YUI: åbningstider tor 17. marts

Marts 14, 2011 kl 11:56 af Luke Smith | I Udvikling , åbningstider | Comments Off

Ajax

I denne uge, jeg ønsker at kapre timer at tale om Y.io (og venner), og gøre en lille brainstorming om, hvad du tror alle ville gøre YUI 3 har ajax interfaces de bedste, de kan være. Jeg har nogle tanker, jeg gerne vil dele, og vi kan scanne gennem nogle af de eksisterende fejl og ønsker om funktioner .

Virkelig, selvom, jeg vil gerne høre fra dig, hvad slags mønstre, du har tendens til at implementere i den virkelige verden, og hvilken slags API sukker vi kunne føje til at gøre dit liv lettere. Fordi vi vil gøre det. Jeg sværger.

Her er en sampler fra galleriet i dag:

• REST Resource
• IO Multi-respons
• AlloyUI IO og IO Request
• Comet Stream
• JSON-RPC
• IO Poller

Måske nogle af svarene er derinde? Hvad vil du bagt i, og hvad ønsker du det til at ligne?

Tid & Detaljer

Vi vil være online fra 10:00 til 11:00 PDT torsdag. De tilslutning detaljer er de samme som sædvanlig.

1. Ringe til 1-888-371-8922 (Skype fungerer fint for ikke-amerikanske deltagere *)
2. Indtast deltageren koden 47188953 #
3. Deltag i skærmdelingssession (dette vil bede dig om at installere Adobe Connect plugin, hvis det er første gang du bruger det)

* - Hvis Skype ikke er en mulighed, email mig eller fange mig (ls_n) i # Yui IRC kanal på freenode til et lokalt nummer.

Find samtaler: Bloglines | technorati

Del og udvide: Bookmark med del.icio.us | digg det! | reddit!

YUI 2.9.0 Eksempel Release er nu tilgængelig

Marts 14, 2011 kl 20:10 af Jenny Donnelly | I Udvikling | 4 Kommentarer

Den YUI holdet har været hårdt arbejde at lukke den sidste af vores 2.9.0 bugs , og i dag er vi glade for at annoncere tilgængeligheden af en 2.9.0 forhåndsvisning frigivelse til test af fællesskabet. Inkluderet i denne udgivelse er mange fejlrettelser og målrettede forbedringer , som vil hjælpe med at bringe lukning til YUI 2 codeline samt målrettede kodeændringer og dokumentation opdateringer, der gør det vanskeligere for iværksætterne at utilsigtet forsømme sikkerheden bedste praksis .

YUI 2.9.0 repræsenterer vores sidste bug fix release på YUI 2-kode linje, før du lægger det i vedligeholdelse tilstand, når kun kritiske fejlrettelser og målrettede browser kompatibilitet rettelser vil blive overvejet. Vi er virkelig glade for at være i stand til at nå denne vigtige milepæl, som vil hjælpe os med at fordoble vores indsats på YUI 3.

YUI 2.9.0 PR2 fås både via CDN samt en hentes pakke til testning. Vi håber du kan tage et øjeblik at teste dagens forhåndsvisning frigivelse og give tilbagemeldinger fra fredag ​​18 marts på eventuelle fejl og regressioner, du kan finde.

Find samtaler: Bloglines | technorati

Del og udvide: Bookmark med del.icio.us | digg det! | reddit!

CSS Border Tricks med Skjulte Boxes

Marts 8, 2011 kl 3:23 af Thierry Koblentz | I CSS 101 og Design og udvikling | 8 Kommentarer

Disse tricks vil hjælpe dig med at opnå designs uden at ty til brug af billeder, CSS3 gradient eller uvedkommende markup. Ved at bryde sammen kasser med nul line-height og height værdier, kan vi vise indhold uden for indhold kassen, over grænser.

Bi-farve baggrund

Dette eksempel omfatter ikke IE 6/7 omgåelser (se kildekoden for denne demo side for IE rettelser).

 .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> 

Prikker og rør mellem listeelementer

Dette eksempel viser korrekt på tværs af browsere efter nogle enkle IE rettelser.

 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> 

Venstre og højre peger trekanter

Dette eksempel omfatter ikke IE 6/7 omgåelser (se kildekoden for denne demo side for IE rettelser).

 #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 og grænsekontrol gennemsigtighed

IE 6 ikke understøtter søgeordet " transparent "for rammefarve. Når du bruger denne værdi, IE 6 trækker en sort kant.

Den rettelse til dette er at bruge chroma filter , der viser en bestemt farve af indholdet af objektet så gennemsigtigt. For eksempel, du kan skabe en ret pil kunne bruge denne regel:

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

Den font-size erklæring er en anden løsning for IE 6. Det er at sørge for denne browser ikke øger højden af ​​kassen.

! Stop presser Jeg har lige lært et nyt trick (tak Chungho Fang):

Det magiske [at skabe grænsen gennemsigtighed i IE], er at sætte 'border-style' til enten stiplet eller prikket

---

Det er det! Dette er blot endnu en måde at bruge grænser for at opnå en image-mindre design.

Yderligere læsning

• En undersøgelse af regulære polygoner
• slantastic
• Skråner

Find samtaler: Bloglines | technorati

Del og udvide: Bookmark med del.icio.us | digg det! | reddit!