Yahoo! User Interface Blog (YUIBlog)

Sa Wild para sa Nobyembre 19, 2010

Nobyembre 19, 2010 sa 9:00 pm sa pamamagitan ng Eric Miraglia | Sa Sa Wild | 1 Puna

Ang koponan ng Yui, at tungkol sa 250 sa aming mga pinakamalapit na kaibigan, na ginugol ng linggo ng Nobyembre 8 na nakatuon sa YUIConf 2010, na inayos ayon sa Yui engineer Jenny Donnelly ( ng DataTable karangalan). Jenny sinulat gandang buod ng kaganapan, echoing kung ano ang lahat dito nadama : Ito ay ang pinakamahusay na YUIConf kailanman, at ang Yui komunidad ay lumalaki sa parehong sukat at malalim na sa bawat taon. Kami ay tinatangay ng hangin ang layo sa pamamagitan ng lahat ng mga talks, at kami ay patuloy na ang Yui Teatro elves gumagana ang mga double-time upang makakuha ng mga video out.

Maaaring namin may nakuha isang maliit sa likod sa aming RSS feed (bagaman namin basahin ang bawat tiririt sa ang mabunga # yuiconf stream sa Twitter ), kaya sa linggong ito ang Sa ang Wild maaaring drop ang bola sa isang ilang mga item; ipaalam sa amin kung sa ang mga komento o @ yuilibrary kung nasagot namin ang isang bagay na mahalaga .

• Yui 3 sa Major Australian Real Estate Site : Markahan Rall (@ codeinfront) tweeted upang ipaalam sa amin tungkol sa isang malaking Australian real estate site na pinapatakbo ng Yui 3. ( Orihinal na source. ) #
  
• C | Net ay Stephen Shankland Discusses ang pinakabagong GBS Update : Sa aming pinakabagong gradong update Browser Support , aming nabanggit na namin inaasahan na nagtatapos ang A-Grade rekomendasyon para sa IE6 sa Q1 2011. Forecast ito ay nakabuo ng maraming ng pag-uusap, kasama sa C | Net kung saan Stephen Shankland ay ito sa sabihin: "IE6, ipinakilala noong 2001, walang suporta para sa maraming mga pamantayan ng Web-maraming mga luma pati na rin bilang isang host ng mahalagang mga bago at mahina sa pagproseso ng mga Web-based na mga programa ng JavaScript mahalaga sa bagong panahon ng mga dynamic, rich na mga site. Din mas mahina sa mga banta sa seguridad. Kahit na ang IE6 paggamit ay unti-unti waning, ito pa rin karaniwan, sa bahagi dahil ito ay binuo sa Windows XP at mahirap tungkabin mula sa corporate computing environment. Pakikitungo isang suntok sa browser, Yui developer Eric Miraglia at Matt Sweeney sa isang post blog sinabi Yahoo Inaasahan sa 'ihinto A-grade para sa Internet Explorer 6, gumagalaw ito sa C-Grade' sa ang unang quarter ng 2011 upang doon ay higit pa oras sa pokus sa mga mobile na mga browser at iba pang mahalagang mga bagong lugar . "#
  
• Iimbak ng mga snippet ng Data sa Iyong Pahina Via Yui 3: Andrew Wooldridge patuloy sa kanyang hanay ng mga Yui 3 tutorial. Writes Andrew: "sa bawat oras na ko ilang paghuhukay sa YUI3, hanapin ko ang mga bagay na ang talagang kawili-wili at kapaki-pakinabang. Lumabas, halimbawa, Node.getData () at Node.setData (). Ang mga maliit na paraan na magpapahintulot sa inyo na-imbak ng impormasyon na kaugnay sa isang partikular na node, ngunit wala ka upang subukan upang lumikha ng ilang mga pasadyang katangian o subaybayan ng iyong sariling mga independiyenteng data object imbakan para sa iyo upang gamitin ang mga pamamaraan na ito. Sa isang paraan, ito ay nagpapahintulot sa iyo na iugnay ang impormasyon ng anumang uri ng na may mga elemento sa iyong pahina at maaaring kumpunihin sa pamamagitan lamang ng paghahanap sa node at humihingi para sa data. Ito ay tulad ng pagkakaroon ng isang database sa iyong pahina kung saan ang mga Nodes ay ang mga susi . "#
  
• Yui 3 Quick Tip: nang may pasubali load DataURI'd CSS o MHTML : Pat Cavit sinulat up ng isang mahusay na tip na siya pinili up mula sa Yui engineer Adam Moore sa YUIConf: "Kung ikaw ay gumagamit ng tagapagsakay Yui 3-load ang ilan sa iyong CSS gusto ko para sa ilang mga site na ito ay maaaring dumating sa talagang madaling gamitin. Maaari mo ring gawin ito sa pamamagitan ng kondisyon komento, ngunit hindi mo maaaring control kapag ang load ang mangyayari sa kasong iyon. Linlangin ang ay upang tukuyin ang trigger para sa module MHTML upang ma-trigger off ng regular na module, & ring siguraduhin na ang MHTML module ay sinasapawan ang regular. Pagkatapos, ito ay isang simpleng bagay ng set up ng alinman sa simpleng UA check o pagpapaandar ng isang pagsubok na nagbabalik ng tunay na / maling . "#
  
• Bilis ng pagkakandahirap Online Built sa Yui 2.8 : SuperNifty ang Bilis ng pagkakandahirap Online Pinakikinabangan Yui 2.8 's collection ng utilities at mga widgets tulad ng TreeView at ProgressBar. ( Orihinal na source. ) #
  
• Ipasok ang (Simple) Yui sa anumang Page sa bookmarklet @ triptiko : Writes Andrew: "Ako ba na makalipas ang ilang panahon na nagtatrabaho sa web, may posibilidad upang maipon ang ilang mga madaling -gamiting bookmarklets. Alam ko na para sa akin hindi ka maaaring magkaroon ng sapat ng mga bagay na ito. Ako tandaan sigurado kung ano ang isang daloy ng mga pangyayari lumitaw upang likhain ang mga ito, ngunit ang mga ito ay madalas lubhang kapaki-pakinabang. Kung nakita mo ang iyong sarili nagtatrabaho sa Yui at patakbuhin sa isang site na nais mong dumi sa paligid na may, marahil para sa isang demo o isang mas pinahusay na helper para sa Firebug - maaari mong gamitin ang bookmarklet na ito ... " ( Orihinal na source) #
• Yui na may kaugnayan sa Tweet of the Week : Isang tiririt na ginawa sa amin ngiti na ito linggo : #
  

Maghanap ng mga pag- uusap : Bloglines | Technorati

Ibahagi at i- extend: Bookmark sa del.icio.us | Digg ito ! | reddit!

Sa Wild para sa Nobyembre 1, 2010

Nobyembre 1, 2010 at 9:38 am sa pamamagitan ng Eric Miraglia | Sa Sa ang Wild | 3 Comments

YUIConf 2010 ay lamang sa paligid ng sulok, at hindi namin maaaring maghintay. Narito ang ilang mga bagay Napansin namin sa ngayon:

• Yui 3 sa Bagong Yahoo! Mail Beta : Mike Curtis writes ang tungkol Yui 3 paggamit sa bagong Yahoo! Mail beta sa isang YDN blog post: "Para sa JavaScript, kami ay nagpasyang gumamit ng YUI3. Yahoo! Mail Beta ay binuo gamit ang framework Yui mula sa lupa up. Isa ng mahusay na mga benepisyo ng Yui ay na ito ay modular, na nagpapahintulot sa amin upang kunin sa mga aklatan kung kinakailangan bilang laban sa-download ang lahat ng up harap. Modernizing ang markup at gamit ang YUI3 para sa JavaScript nabawasan kabuuang download sukat para sa mga application sa pamamagitan ng 35 porsyento, isang malaking manalo pagganap . " Tingnan ang buong artikulo dito. #
  
• Sam Stephenson release Hork : Sam Stephenson mula sa mga 37signals, may-akda ng ang JavaScript library tularan, ay inilabas ng isang bagong proyekto na tinatawag na Hork. Ayon kay Sam, "Hork ay isang maliit na suksukan ng middleware para sa halatang pigain js asset & CSS ​​sa Yui tagapiga . "( Orihinal na source .) #
  
• Guild Wars 2 Site inilunsad sa Yui 3.2.0 + Gallery : Pat Cavit ( @ tivac ) sinulat upang sabihin sa amin tungkol sa bagong site ng Guild Wars . "Kami ay inilunsad http://hom.guildwars2.com na kung saan ay isang ganap na Yui 3-pinapatakbo site. Ito ay tumatagal ng bentahe ng Eric Ferraiuolo plugin overlay, kasaysayan Ryan Grove module, ang ilang mga custom-built (na ngayon sa gallery) anim plugin, isang generic na animation ng module), [at] sa lahat ng mga uri ng tagapagsakay / base / kaganapan bagay-bagay. Din ito mabigat gumagamit sa bagong paglipat ng module. " (Orihinal na source . ) #
  
• "Learning Yui Pt.3 - SimpleYUI at paggalugad ng API" (sa pamamagitan @ triptiko) : Andrew Wooldridge patuloy ang kanyang serye ng mga tutorial sa Yui 3, oras na ito na may isang tumingin Y.log SimpleYUI at Y.log. "SimpleYUI ay tulad ng pagkuha ng isa sa mga samplers keso sa koreo. Wala ka upang magpunta para sa isang malaking pangako, ngunit maaari mong subukan ang isang maraming mga bagay na walang worrying tungkol sa maraming ng mga safeguards na maaari mong mamaya nais na magkaroon. Nilikha ko ang isang landing page para sa SimpleYUI, ngunit sa buod nito tulad ng pagkuha upang i-play sa Yui walang worrying tungkol sa lahat na. paggamit () mga bagay-bagay, o mga hindi kilalang function, atbp Ito ay isang maraming tulad ng kung paano mo maaaring naranasan jQuery para sa unang pagkakataon . Kang makakuha ng maraming malakas na pag-andar up harap, at kailangan mo lamang ng isang solong js + ng ilang linya ng code upang makapagsimula. Para sa ilang mga mahusay na mga halimbawa , tingnan ang pahina na ito mula sa Eric Miraglia. SimpleYUI nagbibigay sa iyo ng DOM, Kaganapan (at pasadyang mga kaganapan!) Transition, at AJAX. Ito ay perpekto para sa mga tao na lang na gusto mong idagdag ang ilang mga animation o masaya epekto para sa iyong site sa walang flat oras. " Ang buong writeup ay dito. #
  
• Monteids Maker mula sa pamelafox ng @ na port sa Yui 3: Pamela Fox port ng kanyang cool na monteids Maker application sa Yui 3 - at ngayon, siya sabi, ito ay parehong mas mabilis at mas matatag. ( Orihinal na source. ) #
  
• Simple List Manager sa Yui 3 sa JsFiddle mula sa @ apipkin : Anthony pipkin nagbahagi ng isang maliit na listahan ng manager na siya nagsulat - highlight ang tunay na kapangyarihan ng Yui 3 at pati na rin ang kailanman-pagtaas ng pagiging kapaki-pakinabang ng jsFiddle. ( Orihinal na source. ) #
  
• Secure-TSPlayer Admin na hinimok ng Yui 3 at 2-sa- 3: Caridy tulis Secure-TSPlayer Dreamweaver plugin, na ang admin seksyon gumagawa ng paggamit ng Yui 3 pati na rin Yui 2 mga bahagi tulad ng DataTable sa pamamagitan ng 2 -in-3 mekanismo. #
  
• Yui 3-batay pong mula sa @ bruciemoose : Andrew Bruce ay naglalaro sa paligid na may Yui 3 at test-hinimok development. Ang resulta: isang simpleng pagpapatupad pong. "Sa kaso ikaw ay isa ng aking mga kliyente, maaari ka wondering kung bakit ako ay slacking off kamakailan. Narito kung bakit: ako ay pagtuturo aking sarili 'lumago up' ang JavaScript sa ilalim ng pagtuturo ng Douglas Crockford ( sa libro at video na form , malinaw). Crockford hindi mentions Test hinimok Development, marahil dahil siya ay hindi gawin ito. Subalit ko, kaya ako ay pag-aaral upang gawin na sa JavaScript too.So dito ito ay, HTML5 Canvas pong . Pong ay epektibo ng isang Hello, World! application para sa mga developer ng ​​laro. Ito ay hindi partikular na masaya, at ang aking bersyon ay puno ng mga nakatutuwa bug .... " Maaari mong basahin ang buong post dito , o tumalon sa at ibigay ang laro ng isang subukan . #
• Nagdadagdag ng JsFiddle ang SimpleYUI Support: Ang jsFiddle koponan ay idinagdag na suporta para sa SimpleYUI rollup para Yui 3, na instantiates mismo at lumilikha ng isang pandaigdigang Y Yui (Y) na may suporta para sa mga karaniwang Ajax operasyon library. Makikita ninyo ang SimpleYUI checkbox sa ilalim ng menu ng pagpili ng library kapag pinili mo ang Yui 3.2.0. (Salamat sa Andrew Wooldridge para sa mga tip.) #

Maghanap ng mga pag- uusap : Bloglines | Technorati

Ibahagi at i- extend: Bookmark sa del.icio.us | Digg ito ! | reddit!

Sa Wild para sa Oktubre 15, 2010

Oktubre 15, 2010 at 10:03 am sa pamamagitan ng Eric Miraglia | Sa Sa ang Wild | 2 Comments

YUIConf 2010 ay karapatan sa paligid ng sulok , at patuloy namin ang aming mga ulo down nagtatrabaho sa na kaganapan at ang mga paparating na Yui 3.3.0 release. Sa ngayon, narito ang kung ano ang namin ang nabanggit sa komunidad sa nakalipas na ilang linggo. Ipaalam sa amin kung @ yuilibrary (o sa mga komento sa ibaba) kung ano ang aming nasagot!

• Andrew Wooldridge, "Learning Yui: pt. 2 - Komunidad, logging, at Console " : Andrew Wooldridge (@ triptiko) ay bumalik sa bahagi 2 ng kanyang bagong "Learning Yui" blog serye. Ko lalo na tulad ng (at sumasang-ayon sa) sa kanyang tumagal sa komunidad ang Yui: "Sa isang salita, ang komunidad ay talagang kung bakit Yui stand out sa akin bilang isang library javascript. Kung kailangan mo ng tulong sa nagtatrabaho sa Yui, may mga komunidad forum , isang channel ng Communication, pati na rin Buksan Oras na nagpapahintulot sa inyo na makipag-usap nang direkta sa Yui developer. Gusto ko inirerekumenda na konektado ka makakuha maaga sa iyong pag-aaral karanasan, lalo na sa Communication channel dahil ikaw ay matuklasan ng isang nakakatulong na grupo ng mga smart na tao tambay doon at handang sagutin ang anumang mga katanungan, kahit na kung paano wari pangmundo. Dapat mo ring sundin ang yuilibrary sa kaba bilang ikaw ay tapped sa ang pinakabagong mga balita Yui doon. " Tingnan ang buong post ng blog para sa karagdagang . Sakop ko ang bahagi ng isa sa nakaraang "Sa ang Wild" na haligi . #
  
• Andrew Burgess ng "crash Course" sa Yui 2 Grids sa NetTuts : Andrew Burgess ng "crash Course" sa Yui 2 Grids, na kung saan namin unang nabanggit sa Mayo nakaraang taon , ay ay pinili up sa pamamagitan ng NetTuts at ay nagdadala ng isang bagong alon ng pansin sa kung ano ang kasaysayan ay isa ng Yui ang pinaka-popular na mga proyekto. #
  
• Lumikha ng isang Blogroll sa Google Spreadsheets at YUI3 : Andrew Wooldridge (@ triptiko) ay patuloy sa kanyang serye ng mga Yui 3-pokus na mga artikulo na may bagong entry na kurbatang magkasama Yui 3 at Google Docs. "Aminin ko ito: ako ay inspirasyon sa pamamagitan ng artikulong ito sa pamamagitan ng Codeinfront.com. Ang ideya ng paglikha ng isang snippet ng code na ang sinuman ay maaaring ibahagi, update, at matuto mula sa ay lamang lubos na nakakahimok at gratifying. So, nag-aalok ko sa iyo ang isang bagay na hindi naisip na maaaring mayroon ka ng. Maaari mong gamitin ang Google Spreadsheets bilang isang source ng JSON data. YUI3 ng JSONP module talks masyadong mahusay na ito JSON data source at pinapayagan mahalagang mong lumikha ng mga site na maaaring sa mga data na hinimok at pa hindi kailangan mo na magkaroon ng isang komplikadong setup ng PHP MyAdmin o MySQL database. Maaari mong gawin ang lahat ng ito sa pamamagitan ng client-side na teknolohiya at ilang tulong mula sa Google Spreadsheets. Kung pagsamahin mo ang gamit ang Forms ng kakayahan sa G Spreadsheets, maaari ka ring lumikha ng isang cool na pahina ng ulat batay sa ilang mga survey kang lumikha. Natin makakuha ng down sa code. "Kumuha ng down sa code sa buong blog post dito #
  
• Video Site Dragontape Remixing Paggamit ng Yui 3: Video remixing site Dragontape ay paggawa ng malawak na paggamit ng Yui 3. Narito ang kung paano ang mga may-akda ng site ay ilarawan ang proyekto: "Dragontape ay isang webapp na nagbibigay-daan sa iyo upang lumikha ng mga mixtapes ng iyong mga paboritong online video, kaya maaari mong panoorin ang mga ito bilang isang patuloy na ipakita. Ang mga tape na lumikha ka ng access sa pamamagitan ng isang solong URL, kaya maaari mong madaling ibahagi sa mga kaibigan o embed ang mga ito sa isang webpage. Ang mga source clip ay manatili sa kanilang orihinal na lokasyon, Dragontape lamang remembers kung saan upang mahanap ang mga ito. "#
  
• Erik Eldridge, "Simple Yui 3 Module para sa Yahoo! Login ": YDN ebanghelista Erik Eldrige ay nakasulat up gandang tutorial sa kanyang personal na blog na nagpapakita sa iyo kung paano sa pagkilos Yui 3 at Yahoo! 'OpenID sistema lamang at mahusay. Writes Erik: "Naghahanap sa OpenID landing page sa site YDN ay maaaring magbigay ng impression na pag-log ng mga gumagamit sa isang site sa isang Yahoo! ID ay mahirap. Given mga sumusunod na kondisyon, gayunman, ang pagdaragdag ng Yahoo! login sa iyong site ay maaaring masyadong simple:
  1. Dahil lamang namin tina-target ng mga account Yahoo!, maaari naming preset ang lokasyon ng pag-login sa https://open.login.yahooapis.com/openid/op/auth
  2. Kung log namin ang mga gumagamit sa pamamagitan ng isang popup, ngunit pamahalaan ang lahat sa pamamagitan ng JavaScript sa pahina ng magulang, maaari naming laktawan pagpapatunay ng tugon ang babalik mula sa Yahoo! "

  Maaari mong mahanap ang buong tutorial dito . #
  

• Nasa ilalim ng entablado, ng isang Bagong Yui 3-pinapatakbo HTML5 Pagtatanghal System sa pamamagitan ng Reid Burke : @ Reid ay lamang pagkuha underway sa proyektong ito, ngunit mayroong maraming tulad na. Sumusunod sa mga yapak ng isang serye ng mga mga pamantayan-based tool pagtatanghal na inilunsad sa nakaraang ilang taon, nasa ilalim ng entablado naglalagay ng isang patabingiin Yui 3 sa ang genre. Code ay sa GitHub-download, tinidor, at magsaya. ( Orihinal na source. ) #
  
• A Simple Twitter Widget sa Yui 3 at YQL (sa pamamagitan @ codeinfront) : @ codeinfront ay post ng isang bagong tutorial sa paggamit ng Yui 3 at YQL sa isang Mashup Twitter . "Habang sa pagitan ng mga proyekto ko ay naglalaro sa paligid sa JavaScript petsa kasama ang conversion sa kamag-anak oras. Ito pagkatapos na humantong ako sa pagsubok ang function sa loob ng konteksto ng Twitter widget. Natapos ko na may Twitter widget gamit ang Yui 3 at YQL. Ang code sa ibaba ay explores ng ilang mga kagiliw-giliw na konsepto ... "Tingnan ang blog post para sa mga kumpletong detalye. #
  
• "Yui, Paano maglakas-loob ka Gumawa Ako umisip na muli ..." : Michigan Techie writes na Yui 3 ay dinisenyo upang lumalabag sa masamang gawi at mga hamon sa kanya upang mahanap ang mga bago, sana ay mas mahusay na coding pattern. "Kapag gumamit ka YUI3 mayroon kang isang Yui (). Gamitin ang () at lahat ay makakakuha ng encapsulated sa loob na bit ng code. Kaya kung ako ay lamang na ilipat ang MyApp code sa block Yui ako hindi na ma-access ito mula sa pahina ng nilalaman na nais ko upang patakbuhin ang js sa. Kaya ito ay mabuti, walang js globals, ngunit ito ay masama ... hindi ang paraan ko na ang paggawa ng mga bagay-bagay. "Maaari mong makita ang MT ng buong Epipanya dito . #
  
• Jeez.eu sa Building ng isang Custom Search Engine sa Yui:. Jeez.eu 'tutorial sa pagbuo ng isang pasadyang search engine ay umaasa mabigat sa Yui 2 widgets at utilities #
  
• Node.js Resource List mula sa @ codeinfront Kasama Crockford, Dav Glass: Blogger Markahan Rall (@ codeinfront) ay compiled ng isang hanay ng kanyang mga paboritong Node.js-kaugnay na mga mapagkukunan. Key sa kanila ay dalawang kamakailang Yui Teatro talks mula sa Douglas Crockford at Dav Glass . Para sa kanyang iba pang mga paborito, ulo sa kanyang blog. #
• ErisDS May update Niya Carousel Custom-nabigasyon Halimbawa para sa 2.8.x: Northampton blogger ErisDS-update ang kanyang gawain sa pasadyang nabigasyon para sa Yui 2 Carousel support Yui 2.8.x. "Huling taon ko ay-publish ng dalawang mga bahagi ng isang tatlong bahagi tutorial (DOH) sa YUI2 Widget Carousel na kung saan ay nagtrabaho sa Yui Carousel 2.7.0. Dahil oras na iyon, isang bagong pares ng mga bagong bersyon ng YUI2: Carousel widget ay inilabas (2.8.0 at 2.8.1), at tila gawin ang aking mga halimbawa ay hindi gumagana sa ang na-update na code. Ang post na ito ay sumasaklaw sa mga isyu, ang mga dahilan kung bakit nangyari sila at kung paano upang malutas ang mga ito. " Tingnan ang buong post dito. #
  
• Tweet of the Week : Mula @ bartt : "pagiging magagawang gamitin ang # Yui sa parehong client & server ay kaya ganda . JavaScript + aking paboritong library sa magkabilang panig ng eskrima ==! Konteksto lumipat. " #
  

Maghanap ng mga pag- uusap : Bloglines | Technorati

Ibahagi at i- extend: Bookmark sa del.icio.us | Digg ito ! | reddit!

Building TipTheWeb sa Yui 3

Oktubre 5, 2010 sa 9:35 pm sa pamamagitan ng Eric Ferraiuolo | Sa Development, Sa Wild, Yui pagpapatupad | Comments Off

Tungkol sa Author: Eric Ferraiuolo ay isang Director ng TipTheWeb at Co-Founder ng ​​Oddnut Software . Siya writes sa kanyang blog: 925 HTML , at maaaring matagpuan sa Twitter: @ ericf . Eric ay isang itinampok na nagtatanghal sa YUIConf 2009 .

TipTheWeb ay isang bagong serbisyo na nagbibigay-daan sa taong support ang kanilang mga paboritong nilalaman ng web sa pamamagitan ng tipping ito. Halimbawa, kung nakita mo ang isang mahusay na-post ang blog, maaari mong tip ito 25 cents.

TipTheWeb ay isang non-profit na organisasyon na nagsusulong ng mga malayang-access, mataas na kalidad na nilalaman ng web sa pamamagitan ng awarding sa mga publisher na makatanggap ng mga tip. Kung ikaw-publish online, maaari mong gamitin ang iyong TipTheWeb account upang kunin ang mga lugar na-publish upang makatanggap ng mga tip at maging karapat-dapat makatanggap ng mga parangal mula sa TipTheWeb.

TipTheWeb ng Paggamit ng Yui 3

Ang user interface ng TipTheWeb ay ganap na binuo sa tuktok ng Yui 3 (namin drank ang Kool-Aid.) Ang diskarte na namin kinuha ay upang gamitin ang Yui 3 bilang pundasyon at istraktura para sa aming JavaScript code. Na binuo namin 33 pasadyang Yui 3 module (56 kung isama mo submodules, plugin, at roll-ups), ilan sa kung saan namin iniambag ang Gallery Yui 3: Component Manager , Markout , Overlay Ekstra , at REST Resource .

Klase ng Pahina-Level

Ang mga pangunahing tampok ng TipTheWeb ay ipinatupad sa isang ilang mga highly-functional na mga web page na makipag-ugnayan sa server sa paglipas ng Ajax. Para sa bawat isa ng mga pahina na nilikha namin ang isang pasadyang Yui 3 module na exposes isang pahina sa antas ng class na ginamit upang coordinate ang mga aksyon sa pagitan ng mga functional na mga bahagi ng pahina.

Noong isa sa mga pangunahing mga pahina ng aming application, ang pahina ng Mga Tip, maaari mong makita kung paano ang diskarte na ito ay inilapat sa antas ng pahina TipsWindow class. Ang pangunahing functional na bahagi ng pahina sa mga widgets: CreateTip ginamit para sa paglikha ng mga tip, at ang mga TipList widgets para sa pag-edit, pagkansela, at pagpopondo ng mga umiiral na mga tip.

A Lot ng mga Overlay

Ginagamit namin Y.Overlay ng malawakan sa buong UI ng aming application na ipatupad ang mga user-pakikipag-ugnayan; ito ay nagbibigay-daan sa amin upang panatilihin ang mga interface walang kalat habang ang pag-andar para sa mga advanced na mga tampok na magagamit sa pahina. Namin kailangan ang mga tampok na hindi Y.Overlay Y. Overlay, kaya binuo namin Overlay Ekstra, na kung saan ay sa Gallery Yui 3 at ginagamit sa pamamagitan ng maraming iba pang Yui 3 pinalakas site. Narito ang ilang mga lugar kung saan ginagamit namin ng mga Overlay sa TipTheWeb:

Kasalukuyang Estado ng TipTheWeb

Gusto naming pag-ibig para sa iyo na subukan ang TipTheWeb ; ngayon kami sa mag-imbita ng-lamang beta, kaya humiling ng isang mag-anyaya sa aming site at padadalhan ka namin ng isang mag-imbita ng code .

Maging sigurado sa catch ang aming makipag-usap sa YUIConf 2010 sa kung saan namin ang pagtatanghal (mga mas malalalim na) sa kung paano ginagamit namin ang Yui 3 at YQL sa TipTheWeb.

Maghanap ng mga pag- uusap : Bloglines | Technorati

Ibahagi at i- extend: Bookmark sa del.icio.us | Digg ito ! | reddit!

Sa Wild para sa Oktubre 1, 2010

Oktubre 1, 2010 at 8:55 am sa pamamagitan ng Eric Miraglia | Sa Sa ang Wild | Comments Off

Nagkaroon ng makabuluhang buzz sa linggong ito tungkol sa tech talk Dav Glass sa Yui 3 support sa Node.js at kung ano na nagpapagana sa mga tuntunin ng umuunlad pagpapahusay, pati na rin para sa Matt Taylor Yui 3 Gallery module para sa RaphaelJS. Lucas Smith ay gandang tip developer sa blog na ito linggo sa pagpapalawak Yui sa "idagdag ang iyong sariling kasindak- sindak, "developer Stefan Klopp mula sa CarRentalExpress.com ibinahagi ang kanyang mga saloobin tungkol sa paggamit ng Yui 2 sa kapangyarihan ng kanyang site, at Carlo Zottmann nagbahagi ng kanyang napakarilag bagong " Dana "na tema para sa papeles workhorse Yui, Yui Doc.

Samantala, narito ang ilang mga iba pang kamakailang mga piraso ng balita mula sa komunidad ng:

• Andrew Wooldridge - "Learning Yui: Panimula" : Andrew Wooldridge ( @ triptiko ) ay embarking sa isang serye ng mga artikulo sa Yui sa kanyang blog, at ang pambungad na piraso ay online: "ko na nagpasyang magsulat ng ilang mga artikulo tungkol sa pagkuha nagsisimula sa Yui , at iba't-ibang mga bagay na malaman ko ng pumunta ako kasama ... ako ipalagay mayroon kang ilang mga uri ng mga kailangan para sa isang javascript library, o marahil mong basahin ang tungkol sa Yui at talaga mausisa tungkol dito. Hayaan ako na magbibigay sa iyo ng isang bit ng isang background. Yui ay orihinal na nilikha bilang isang karaniwang set ng javascript library function sa loob ng Yahoo taon na nakalipas, na may ang ideya ng na nagpapahintulot sa mga web developer upang magkaroon ng isang pangunahing hanay ng mga functionality upang gamitin sa loob ng Yahoo pahina. Ito natural lumago at pinalawak na paglabag ng lamang Yahoo at din ang paglipat patungo sa at buksan ang mga set ng mga bahagi na nakikita mo ngayon. Yahoo tao koadhutor library ngunit tumagal ang mga pagbabago at mga update mula sa kahit sino, at ikaw ay malayang gamitin ang code na ito sa anumang paraan na gusto mo ... Yui ay maaaring mukhang tulad ng ito giant set ng mga aklatan, ang paggawa ng lahat mula sa mga animation sa widgets, ngunit sa katotohanan ang Yui koponan ay sinubukan husto upang gawin ito masyadong maliit, mabilis, at modular. Ka lamang load ang hubad core kapag isinama mo ang Yui base js (bagaman maaari mong kung nais mong load nang sa pamamagitan ng configurator) at kapag kailangan mo ng karagdagang pag-andar, maaari mong makuha ito sa lumipad at maiwasan ang pagkakaroon ng mahaba paunang download ulit para sa iyong pahina . "Tingnan ang buong post para sa karagdagang. #
  
• Evan kasapi (@ evangoer), "Yui 3 Grids Sigurado Dead Simple" : Evan paggusto Matt Sweeney Yui 3 Grids , na debuted sa beta sa Yui 3.2.0. Writes Evan: "Hindi lamang ang bersyon na ito maliliit (1.5 KB), ngunit ito ay ang unang sistema ng layout kailanman ginamit ko na kung saan maaari ko lang isulat anumang grid gusto ko mula sa memorya, nang hindi kailanman nangangailangan upang tingnan ang doc." Suriin ang buong artikulo para sa karagdagang. ( Orihinal na source. ) #
  
• Saurabh Odhyan sa Cache Yui 3 utility : Writes Saurabh: Yui 3 Cache "ay nagbibigay-daan sa ang cache ng mga madalas na ginagamit na mga data sa javascript memory (Basic caching) o HTML5 localStorage bagay (Offline caching). Bagaman maaari naming ipatupad ang aming sariling caching mekanismo sa javascript, ang caching ng Yui ang pangkalahatang layunin at din ay nagbibigay ng isang hanay ng mga kaganapan. Bukod dito madaling ito ay isinama sa Yui datasource na maaaring masyadong kapaki-pakinabang. Kukunin ko ipakita sa iyo kung paano kapaki-pakinabang Yui caching utility gamit ang isang karaniwang halimbawa, factorial. "( Orihinal na source . ) #
  
• IHikeWithMeetup.com Built sa Yui 2.8 : IHikeWithMeetup.com ay isang matalino na Mashup ng Meetup.com data mula sa Bay Area Hiking group kasama sa panahon ng mga data at Yahoo! Maps - at lahat ng naka- host sa Yahoo web hosting. Natural, ang site ay pinalakas sa pamamagitan ng isang malusog na pagtulong ng Yui 2.8 bahagi . #
  
• Makanoniko ng Landscape Ubuntu Systems Manager na Pinapatakbo ng Yui 3: makanoniko ay gumagamit ng Yui 3 malawakan , kabilang sa Landscape produkto nito. Ayon sa pahina ng produkto, "Landscape gumagawa sa pamamahala at pagsubaybay sa Ubuntu system simple at epektibong sa pamamagitan ng pinagsasama mundo-class support sa madaling upang gamitin ang online na mga tool ng pamamahala. "#
  
• Sidnei Da Silva, "Kahit Mas mabilis na mga website sa Yui " : Writes Sidnei: "kailanman dahil nakuha ko ang aking kopya ng Steve Souders 'Kahit Mas mabilis Web Site ko na naging nahuhumaling sa bilis. Habang ang aking araw ng trabaho patuloy Naghahanap ako para sa mga bagay na maaaring mapabuti ang karanasan ng gumagamit smoother, lalo na para sa unang-time na mga bisita. Ako ay medyo masaya sa kung ano ang namin ang nakamit sa nakaraang taon, kahit na may ay palaging mga bagay na mapapabuti. Ngayon ako pagpunta sa ibahagi sa iyo ang isa ng mga trick na namin halos natuklasan sa pamamagitan ng aksidente at na maaaring makatulong sa paggawa ng iyong website mas mabilis, kung Yui iyong Javascript framework ng pagpipilian. "(Orihinal na source . ) #
  

Maghanap ng mga pag- uusap : Bloglines | Technorati

Ibahagi at i- extend: Bookmark sa del.icio.us | Digg ito ! | reddit!

Tumutok sa Pagpapatupad: Car renta Express

Setyembre 28, 2010 at 06:01 am sa pamamagitan ng Stefan Klopp | Sa Sa Wild , pagpapatupad Yui | 2 Comments

Car renta Express ay ang nangungunang independiyenteng kotse rental paghahambing website sa Internet. Hinahayaan ang mga gumagamit upa cars sa online sa higit sa 1000 mga lungsod at mga paliparan sa buong mundo.

Ang aming user base ay sa kalakhan non-teknikal, na nangangahulugan na nais nilang upang ihambing ang mga presyo at upa cars bilang madaling hangga't maaari. Gamit ang relaunch ng aming website sa Hunyo ng 2010 namin ipinapatupad ang maraming mga bahagi ng Yui 2 upang makatulong na magbigay sa aming mga customer sa isang intuitive na karanasan.

Aling mga Yui bahagi ay namin ginagamit ?

Ang mga bahagi na ginagamit namin isama Connection Manager , AutoComplete , datasource , Calendar , Animation , JSON, at lalagyan .

Bakit pinili namin ang Yui

Kapag suriin ang iba't ibang mga aklatan ng JavaScript na maaaring potensyal na namin gamitin sa Car renta Express, natagpuan namin na ang Yui ay ang pinaka-kumpletong para sa aming mga pangangailangan. Ang pinakamalaking nagbebenta ng mga tampok para sa amin ang modular diskarte ang Yui kinuha upang ipatupad ang iba't ibang mga pattern ng disenyo, pati na rin ang matatag na papeles at mga halimbawa nila ibinigay. Mula sa isang pananaw ng development na ito na humantong sa mabilis na pagbuo ng aming application nang hindi sa pakikibaka sa isang library.

Paano gamitin namin ang Yui

Gamitin namin ang Yui sa isang bilang ng mga paraan. Aming 4 pinaka ginagamit mga bahagi ay AutoComplete, Calendar, lalagyan, at Connection Manager. Narito ang ilan sa mga paraan na ginagamit namin sa bawat isa sa mga bahagi.

AutoComplete

Ang AutoComplete bahagi ay ginagamit malawakan sa aming site upang matulungan ang mga gumagamit na mahanap ang isang lungsod o paliparan kung saan magrenta ng kotse. Talagang nagustuhan namin kung gaano kadali ito ay upang ipatupad ang bahagi, at kung gaano kabilis ito tumugon. Namin ang mga resulta ng paghahanap ng cache server-side upang makatulong na mapabuti ang ang mga resulta ng paghahanap, gayunpaman, pagkakaroon ng client-side caching din nakatulong tremendously sa pagbaybay up ang sagot ng bahagi. Isa pang tampok na talaga namin kinuha sa ay kung gaano kadali ang mga resulta ay sa estilo. Kapag pagpapakita ng mga lokasyon sa gumagamit na ito ay mahalaga bilang namin na kailangan upang makilala kung aling mga lokasyon kung saan matatagpuan sa mga lungsod at kung saan ay matatagpuan sa paliparan.

Kalendaryo

Ang bahagi ng Calendar ay ginagamit din sa buong site kapag ang isang renter ay pagpuno sa mga petsa upang magsagawa ng isang paghahanap. Kami ay gumagamit ng isang customized na bersyon ng John Peloquin Calendar Palugit Pinili at pagpapakita ang mga ito sa isang Yui Dialog. Mahalaga kung ano ang aming nais na gawin ay magbigay ng renter ng isang dalawang-buwan na tingnan kapag pagpili ang kanilang mga petsa, pati na rin paningin ipakita ang mga ito kung ano ang hanay ng petsa nila kasalukuyang pinili. Muli, ito ay lubos na tapat upang ipatupad ang gamit Yui 2 Calendar, at ito talaga ang dumating down sa paglikha ng isang Yui Dialog, ang pagtatakda ng katawan na naglalaman ng isang div para sa Calendar, pagkatapos ay naglalakip ng isang Yui Palugit Calendar na div.

Lalagyan

Gamitin namin ang lalagyan Yui sa buong aming website sa isang bilang ng mga mga iba't-ibang paraan. Sa halimbawa sa itaas namin ay gumagamit ng isang Dialog upang makatulong sa amin na ipakita ang Palugit Calendar kapag ang isang gumagamit ay pagpili ng isang petsa. Sa aming mga rate ng pahina ng mga resulta ng paghahanap na ginawa namin ang mabigat na paggamit ng mga lalagyan upang bigyan ang renter sa karagdagang impormasyon sa iba't ibang mga aspeto ng car rental ahensiya at ang mga sasakyan na maaaring sila ay maaaring upa. Karamihan ng mga lalagyan sa pahinang ito ang panel na muli naming gamitin para sa bawat ibang listahan. Halimbawa, ang display ng sasakyan tampok Panel:

Bagay nakuha ng kaunti pa masaya sa Renter Rated rating ahensiya. Kapag nagpapakita ang mga rating, Nais namin talagang mag-focus ng pansin ng gumagamit sa iskor na ahensiya ng isang natanggap at upang ipakita ang impormasyon na ito sa isang malinis, madaling-tingnan na paraan. Sa pamamagitan ng paggamit ng Dialog Control namin magagawang upang mapilitan ang viewport at center madali ang dialog para matulungan kami na makamit ang layuning ito. Sa pamamagitan ng pagtatakda ng ng isang blangko na header at footer na ginawa ito ang styling ng simpleng sa pamamagitan ng ng lamang pagdaragdag ng mga naaangkop na mga estilo sa aming CSS. Ang dulo resulta ay isang malinis na lalagyan na rating na nagbibigay ng renter na may impormasyon na gusto nila.

Connection Manager

Connection Manager ay ginagamit sa buong site kapag kailangan namin upang kunin ang data sa pamamagitan ng isang kahilingan XHR. Sa ilang mga halimbawa sa itaas gamitin namin ang bahagi para sa paghiling ng mga lungsod at mga paliparan para sa AutoComplete implementaitons at batak ang rating ng impormasyon para sa Renter Rated Dialog.

Isa kawili-wiling paraan na magamit namin Connection Manager ay sa aming rental center block na sits sa karamihan ng mga pahina. Upang makatulong sa pagganap namin ng maraming full-pahina caching sa marami sa aming mga pahina ng nilalaman. Gayunpaman, gusto pa rin namin upang ipakita ang dynamic rental center block sa mga pahinang ito. Ito ipinakita sa amin gamit ang isang problema na namin magagawang upang malutas sa Connection Manager. Kaysa sa hindi magbuwag ang aming lubos na naka-cache na pahina at cache lamang aspeto ng pahina na nakita namin ito ay mas madali na lang isama ang rental center ng block sa pamamagitan ng isang simpleng kahilingan asynchronous. Natagpuan namin na ito ay pinahihintulutan sa amin upang mapanatili ang pagganap mula sa pagkakaroon ng ganap na naka-cache na pahina, pa pa ring ipakita ang dynamic na nilalaman sa aming rental box center.

Final saloobin

Pangkalahatang kami ay lubos na masaya sa aming mga pagpipilian upang gamitin Yui. Ito ay nagbibigay sa amin ng isang modular library na rin dokumentado, madaling gamitin at ipatupad.

Maghanap ng mga pag- uusap : Bloglines | Technorati

Ibahagi at i- extend: Bookmark sa del.icio.us | Digg ito ! | reddit!

Sa Wild para sa Setyembre 24, 2010

Setyembre 24, 2010 sa 1:00 pm sa pamamagitan ng Eric Miraglia | Sa Sa Wild | Comments Off

Bilang makuha namin handa na para sa YUIConf 2010 at ng maraming higit pa sa mga darating na buwan, narito ang ilang ng iba pang mga bagay na namin kinuha nota ng sa sa mas malaking mundo Yui:

• Yui Teatro tops NetTuts Listahan ng mga Kailangang-makita ang mga F2E Podcast: Andrew Burgess writes tungkol sa Yui Teatro: "Mukhang na nang mas madalas hangga't ng ilang beses sa isang buwan, Yahoo! nagdudulot sa mga developer sa pagputol gilid ng teknolohiya ng web upang panatilihin ang kanilang mga empleyado hanggang sa petsa. Para sa mga pakinabang ng ang natitirang bahagi ng sa amin, ang mga talks na ito ay naitala at publish. Makikita ninyo ang mga kilalang devs tulad ng Douglas Crockford at Nicholas Zakas, at mga talks sa lahat mula sa pagganap at access sa JavaScript at ang DOM. "#
  
• DigitalInsurance.com (isang @ apipkin Site) Pinapatakbo ng Yui 3 : palaanak gallery kontribyutor Anthony pipkin ay nakatulong gumawa ng bagong portal DigitalInsurance.com , na pinapatakbo ng Yui 3 . #
  
• Umuunlad Enhancement Paggamit ng Walang ngunit js (@ codepo8 sa @ davglass ): Christian Heilmann writes sa Ajaxian: "pa rin ang umuunlad pagpapahusay ay isang nakakalito na bagay para sa isang maraming mga tao na ay nasasabik tungkol sa kakayahan ng JavaScript sa mga modernong browser kapaligiran. Maaari itong huwag mag-anachronistic upang isulat ang iyong mga solusyon para sa isang non-js kapaligiran at pagkatapos ay minsan pa enhances sa JavaScript. Lumaki ako tulad na ito para sa akin ito ay isang simpleng bagay ng paggawa ng tamang bagay ngunit sa mundo ngayon ng JavaScript library at sa labas ng-the-box widgets maaari itong tila isang i-drag. Ipasok ang Dav Glass ng koponan Yui. Siya ay nagiging ang konsepto ng umuunlad pagpapahusay sa paligid sa kanyang ulo at bilang isang js magkasintahan at backend code "endurer" siya set out upang malutas ang isyu na ito sa sandaling at para sa lahat ng sa isang purong paraan JavaScript. " Suriin ang ang buong artikulo para sa mga detalye . #
  
• Higit pang mga Overlay plugin para sa Yui 3 mula sa Oliver Andrich: Mula GitHub pahina Oliver: "Overlay plugin ay isang koleksyon ng mga limang mga plugin sinulat ko upang malaman Yui 3 developement ng plugin sa pangkalahatan. Tatlong out ng limang mga plugin higit pa o mas mababa gayahin ang mga Ekstra Overlay na nilikha sa pamamagitan ng Eric Ferraiuolo .... Ang limang plugin ay:
  • BaseOverlayPlugin
  • ModalOverlay
  • KeepAligned
  • HideOnEscape
  • ConstrainDimensions "
  ( Orihinal na source. ) #
• Reid Burke Yui slide para sa HackU sa Carnegie Mellon: Yui engineer ( at Yeti may-akda) Reid Burke whipped up ng ilang mga slide at isang Yui 3-based slideshow engine para sa kanyang mga kamakailang makipag-usap sa Carnegie Mellon. #
  
• Devcurry sa Learning js mula sa Crockford at Iba pang mga Gurus sa Yui Teatro: Suprotim Agarwal writes sa devcurry ito umaga: "Sa ang post na ito, ako ay ibahagi ang mga link ng ilang mga napaka kapaki-pakinabang na mga video ng JavaScript at lectures na naihatid sa pamamagitan ng JavaScript Gurus, puno ng impormasyon, panonood ng masaya at ganap Libre! Kahit na ang internet ay puno ng libreng mga video, pinili ko lamang ng ilang ng mga ito, kung saan ko nahanap ang pinaka-kapaki-pakinabang. Kumuha ng handa sa kumuha ng mga tala bilang malaman mo ... Crockford video lectures sa JavaScript - Douglas Crockford ay isang arkitekto ng JavaScript at gumaganap at mahalagang papel sa pagdisenyo ng mga bagong tampok ng wika. Kanyang mga video ay isang 'ay dapat-may' para sa anumang mga developer JavaScript. Yui Teatro - Nagbibigay ng access sa libreng mga talks programming sa pamamagitan ng mga gurus sa JavaScript at web development "Suprotim ay mapupunta sa sa listahan ng ilang mga iba pang mga mapagkukunan ng nilalaman , kabilang ang mga iba pang Yui pamagat Teatro.. #
  

Maghanap ng mga pag- uusap : Bloglines | Technorati

Ibahagi at i- extend: Bookmark sa del.icio.us | Digg ito ! | reddit!