Yahoo! Blog User Interface (YUIBlog)

Atualizado Bundle TextMate para YUI 2.8.0

Eu recentemente trouxe meu pacote YUI para TextMate -se atualizado com a versão 2.8.0 da biblioteca. Ele fornece coloração de sintaxe e documentação look-up para todos os utilitários e widgets, assim como de conclusão guia para as partes mais utilizadas da biblioteca.

Há duas maneiras de obter o pacote:

1. Usar o Subversion para obter uma cópia do mais recente

    cd ~ / Library / Application Support \ / TextMate / Bundles
    svn co http://svn.textmate.org/trunk/Bundles/JavaScript \ YUI.tmbundle /
   

2. Baixe o pacote , descompactá-lo e colocá-lo no ~ / Library / Application Support \ / TextMate / Bundles diretório

Você pode usar o editor de conjuntos no TextMate para exibir trechos de código e vários comandos e tornar-se mais familiarizado com o pacote. Tal como acontece com todos os pacotes TextMate, tudo pode ser personalizado; gatilhos guia de conclusão, aliases (se você usa YD em vez de YAHOO.util.Dom por exemplo), trechos e até a coloração de sintaxe em si. Se você quiser obter mais informações, há um screencast de alguns anos atrás, que ainda é extremamente atual.

Encontrar conversas: bloglines | technorati

Compartilhar e ampliar: Bookmark com del.icio.us | digg it! | reddit!

In the Wild para 30 de novembro de 2009

Como voltar para o balanço das coisas pós-Ação de Graças nos os EUA, aqui estão alguns dos itens relacionados à YUI Notamos nas últimas semanas. Se perdemos alguma coisa, deixe-nos saber nos comentários, se você gostaria de contribuir com um artigo para YUIBlog sobre o seu trabalho relacionado com YUI própria, nós adoraríamos vê-lo - por favor, consulte as diretrizes de contribuição e enviar o seu artigo sobre.

• YUI Matt Snider do 3/PHP "Amazon Web Utility Services" : um grande projeto novo de Matt Snider, autor do utilitário de armazenamento YUI e frontend chumbo em Mint.com: "Amazon Web Services (AWS) fornece uma ferramenta poderosa para encontrar e avaliar apenas sobre qualquer tipo de bens materiais. Se você está procurando por palavras-chave ou o código UPC, AWS pode fornecer praticamente toda a informação que você precisa saber sobre um produto. No entanto, a Amazon colocou um monte de obstáculos entre você e as informações que você precisa. Primeiro, a partir de 15 de agosto de 2009, AWS agora exige que você se inscrever todos os seus pedidos. Em segundo lugar, eles têm documentação terrível e mensagens de erro confusas que nem sempre explicar como corrigir o problema. Amazon Web Utility Serviços é uma YUI 3 solução JavaScript / PHP, que simplifica a interação com AWS manipulando o pedido de assinatura processo automaticamente e de forma segura, e prevening ou manipulação de erros comuns. Além de retornar o resultado como XML, há um adicional pacote 'galeria aws-json "que adiciona funcionalidade para analisar os dados XML em objetos JSON."
• YUI 2 em uso no PayPal : Nós conhecemos isso por algum tempo, mas eu reunir não ter mencionado isso em YUIBlog no passado: PayPal é um dos locais de consumo muitas financeiras usando YUI. Atualmente, estamos vendo YUI 2.7.0 Yahoo, Dom, Animação de Eventos, e Gerenciador de conexão em algumas páginas no fluxo de trabalho PayPal.
  
• Sítio CutMyPic Usando YUI ImageCropper e mais : Grava Sean : "Eu e um amigo construíram esta pequena ferramenta como nós nos encontramos sempre querendo cortar imagens, arredondar suas curvas, e adicionar uma sombra, mas não queria abrir a CPU CS4 com fome o tempo todo. Neste site, utilizamos YUI reset , YUI ImageCropper e Slider YUI . Embora ainda na sua versão beta, nós sentimos como o ImageCropper YUI foi o mais fácil de modificar, além de não ter que se preocupar com eventuais conflitos de bibliotecas internas. "( fonte original. )
  
• YUI Caridy Patiño Mayea 3 da Guia de Introdução : Caridy tem um grande conjunto de YUI 3 Obtendo-se sugestões começou em seu blog Bubbles aleatória.
  
• YUI 2 e 3 em uso em ActiveLog.com : Chris de ActiveLog escreveu para nos dizer "sobre um conjunto de saúde e fitness sites que utilizam YUI 2.x (para logo acrescentar alguns 3.x). Nós utilizamos o gerenciador de conexões, TreeView, de diálogo, Slider, e Calendário. ActiveLog é provavelmente o mais popular site de nós utilizá-los, mas temos um punhado de outros sites parceiros que usam as mesmas tecnologias através do nosso site de fitness-partners.com. "( fonte original. )
  
• Melhorar YUI 3 DataSchema-XML : A partir do prolífico Matt Snider: "Tenho vindo a trabalhar na finalização do Amazon Web Utility Serviços , que agora suporta todas as operações carrinho não e quase todos os grupos de resposta possíveis. No curso de desenvolvimento da versão do utilitário JSON, eu tive a oportunidade de trabalhar em estreita colaboração com YUI3 do DataSchema-XML, e percebeu as suas várias deficiências: ele não suporta esquemas aninhados, o resultListLocator não pode ser uma instrução XPath, e todas as pesquisas falhar se a Amazônia namespace XML está incluída. Este artigo irá olhar como eu implementei as duas primeiras melhorias ... "
  
• Base de Dados de Jekyll Powered by YUI Grids CSS : Raphael Bauduin postou seu projeto Base de Dados de Jekyll para GitHub. Grava Raphael: "Eu estava procurando uma maneira rápida e simples de manter a documentação para Dedomenon , o mecanismo de armazenamento de informações por trás MyOwnDB.Com . Eu estava procurando por um sistema hospedado eu não tinha de manter, mas que ainda me dão o controle total do conteúdo para que eu possa movê-lo para um outro sistema mais tarde se eu quiser. " Você pode ler mais sobre o projeto de Rafael blog ("Jekyll, YUI e GitHub: Uma grande combinação") . ( fonte original. )
• KidZui site usando YUI Grids 2 : Nós não fazemos um grande trabalho de chamar a atenção para todos os sites usando um dos 2 YUI 's componentes mais populares: Grades CSS . Aqui está um que chamou a nossa atenção recentemente - o site para KidZui , um navegador para crianças 3-12. Ótima idéia, muito bem implementado.
  
• @ Tríptico, "YUI3 Liga NIMBY em BYBBQ" : Andrew Wooldridge escreve : "Como eu fui fuçar no YUI3, muito a seu aborrecimento você mente, já que ninguém gosta de ser cutucado, eu tenho algo muito diferente aviso sobre isso. Com muitas bibliotecas javascript, você tem a sensação de que os autores gostariam muito de você desistir de todo o trabalho em outras bibliotecas e junte-se a "uma verdadeira fé" desta biblioteca. Em vez de usar o seu próprio código para fazer arrastar e soltar usar NOSSA. Em vez de usar AJAX do jQuery, use NOSSA. Em vez disso, tenho a impressão de que YUI3 é muito mais pragmática em seu propósito. Em vez de encadeamento de você uma maneira de fazer as coisas, ele tem essa idéia de "trazer" as bibliotecas e funções quando você realmente precisa deles, em vez de deixar que outra dumping poucos milissegundos para pageLoad do seu site no início. Isso realmente libera-lo, pois você pode apenas carregar o esqueleto conjunto de código que você precisa para começar as coisas, e pedir as bibliotecas de outros sobre a procura. É quase como LOD para javascript .... "Ele tem mais a dizer ... continue lendo em seu blog .

Encontrar conversas: bloglines | technorati

Compartilhar e ampliar: Bookmark com del.icio.us | digg it! | reddit!

Dezembro BayJax: John Resig, "Teste de JavaScript e Análise de Desempenho"

BayJax retorna ao Yahoo! em 11 de dezembro com uma palestra do jQuery criador John Resig ( @ jeresig ).

JavaScript Testes e Análise de Desempenho

Yahoo! HQ em Sunnyvale. E prédio, salas de aula 9 e 10. Pizza às 5:30 pm, palestras começam em 18:15

Uma conversa em duas partes: Um olhar abrangente o que você precisa saber para testar corretamente seu código JavaScript e uma análise dos JavaScript populares técnicas de teste de desempenho e suas falhas.

Reserve um assento .

BayJax eventos Yahoo! está livre para o público, e nós adoraríamos vê-lo lá. Vá ao site BayJax para registrar .

Mal posso esperar para ver palestra de João? Aqui está ele a partir de sua última visita ao Yahoo! (janeiro de 2009) oferecendo uma palestra intitulada "O DOM é uma bagunça":

Encontrar conversas: bloglines | technorati

Compartilhar e ampliar: Bookmark com del.icio.us | digg it! | reddit!

YUI Theater - Todd Kloots: "Construindo Widgets acessíveis com YUI 3"

Nós envolvemos acima YUI Theater cobertura de YUICONF 2009 com uma palestra de Todd Kloots ( @ toddkloots ) sobre os recursos de acessibilidade do YUI 3 : " Construindo Widgets acessíveis com YUI 3 . "Todd abrange o apoio YUI para manipulação de teclado, o foco de estilo e de gestão, ARIA papéis e estados, e muito mais. (Não perca palestra de Todd YUICONF outro ", YUI Açúcar 3, "que é uma cartilha grande em outras gemas escondidas na biblioteca.)

Se o vídeo incorporar abaixo não aparecer correctamente no seu leitor RSS de escolha, não se esqueça de clicar para assistir a versão de alta resolução do vídeo em YUI Theater ; a versão para download é muito menor, pois é otimizado para iPods , iPhones e outros dispositivos portáteis.

• Download video (m4v)
• Download slides

A lista completa de YUICONF 2009 Vídeos sobre YUI Theater:

• Douglas Crockford: O Estado eo futuro do JavaScript - Yahoo! JavaScript Arquiteto Douglas Crockford discute o processo de desenvolvimento recente ECMA5 e esforços para melhorar a linguagem no futuro.
• Brendan Eich: ECMA Harmonia eo Futuro de JavaScript - Brendan Eich, o criador da linguagem do mundo de programação mais popular, fala sobre a luta sobre a proposta ES4 e como isso resultou em um conjunto específico de propostas para ES5.
• Luke Smith: Eventos Evolved - engenheiro YUI Luke Smith fornece uma introdução aprofundada ao sistema de eventos YUI 3, incluindo o seu apoio a eventos DOM, delegação de eventos, eventos sintéticos e eventos personalizados.
• Todd Kloots: YUI Açúcar 3 - engenheiro YUI Todd Kloots apresenta uma introdução indispensável à poderosa suíte YUI 3 de ferramentas.
• Isaac Schlueter: Resolvendo Problemas com YUI 3 - engenheiro Isaac YUI Schlueter funciona através de um caso de uso do mundo real do widget próxima edifício YUI 3 de AutoCompletar.
• Dav Vidro: Contribuir para a YUI - YUI engenheiro Dav vidro apresenta a Galeria YUI e os passos através do processo de fazer contribuições para o projeto YUI.
• Allen Rabinovich: YUI 3 Infografia - Engenheiro YUI Allen Rabinovich discute a implementação YUI 3 gráficos, atualmente em desenvolvimento.
• Reid Burke: Aplicações YAP construção com YUI - YUI engenheiro Reid Burke discute a plataforma de aplicativos Yahoo! e como você pode usá-lo, juntamente com YUI, para chegar a Yahoo! 's grande público.
• Matt Sweeney: YUI Desempenho 3 - YUI arquiteto Matt Sweeney revisa princípios de alto desempenho desenvolvimento web e olha para a melhor forma de aplicar esses princípios em YUI 3-base de projetos.
• Satyen Desai: um passo a passo Widget - engenheiro YUI Satyen Desai oferece um tour detalhado do subsistema widget YUI 3.
• Kloots Todd: Construindo Widgets acessíveis com YUI 3 - Engenheiro YUI Todd Kloots demonstra o kit de ferramentas de acessibilidade construído em YUI 3.
• Chad Auld: Introdução ao PHP Carregadeira - Chad Auld do Yahoo! introduz o YUI PHP Loader, uma ferramenta flexível para o carregamento de JavaScript modular e projetos de CSS.
• Eric Ferraiuolo: Web App Desenvolvimento com YUI 3 - Eric Ferraiuolo de palestras sobre Software Oddnut as nuances de implantação de aplicativos do mundo real web usando YUI 3.
• Ron Adams: Testes de Integração automatizada com YUI Test, Selenium e Hudson - engenheiro Yahoo! Ron Adams discute a criação de fluxos de trabalho automatizados de controle de qualidade que combinam YUI Test, Selenium e Hudson para automatizar testes de unidade de JavaScript.
• Stephen Woods: Criando documentação bonita com YUI Doc - Yahoo! frontend engenheiro Stephen Woods, oferece uma visita guiada ao motor YUI documentação, YUI Doc. YUI Doc é idioma agnóstico e pode ser usado para documentar uma variedade de estilos de projecto.
• Matt Snider: Apresentando o YUI Storage Utility 2.8.0 - Matt Snider, o engenheiro frontend chumbo para Mint.com (recentemente adquirida pela Intuit), contribuiu com o utilitário de armazenamento YUI na versão 2.8.0. Nesta sessão, ele fornece uma visão geral das características do utilitário de armazenamento e as nuances dos backends de armazenamento diferentes.
• Luke Smith: Depuração no YUI 3 - engenheiro YUI Luke Smith discute a arte de depurar aplicações web, olhando para as ferramentas e técnicas gerais e fornecer algumas dicas específicas sobre a depuração no YUI 3.

Inscrevendo-se na YUI Theater:

• YUI Theater RSS feed
• YUI Theater no iTunes

Encontrar conversas: bloglines | technorati

Compartilhar e ampliar: Bookmark com del.icio.us | digg it! | reddit!

# Followfriday: YUI desenvolvedores no Twitter

O @ YUILibrary conta no Twitter é uma fonte de boa informação para aqueles de nós que seguem o projeto. Muitos dos desenvolvedores individuais que escrevem código YUI todos os dias já estão no serviço, bem como, e eu queria reunir todas essas contas juntos em um único post por uma questão de conveniência.

Aqui está a lista oficial , que você pode seguir como um grupo, e aqui estão as contas individuais:

• @ Admo : Adam Moore é um dos originais YUI engenheiros, entre muitas outras coisas, que ele tenha escrito o Utilitário de evento YUI , YUI Doc , ea versão original do PHP YUI carregador .
• @ Allenr : Allen Rabinovich construído YUI 2 de Controle Uploader e Utilitário de SWF , ele está atualmente trabalhando com Tripp Pontes sobre o novo projeto YUI gráficos 3 .
• @ Caridy : Caridy é o nosso chefe do escritório de Miami e mais conhecido como o autor da Biblioteca Bubbling para YUI 2 ; nós olhamos a sua contribuição mais recente galeria de ontem .
• @ Chadauld : Chad Auld é o autor do Yahoo! 's Sideline app AIR para o Twitter ( construído com YUI ), e ele é conduzido a libertação open-source do PHP YUI carregador .
• @ Davglass : Dav faz muitas coisas para enumerar aqui, mas seu foco 2009 tem sido o YUILibrary.com site e do YUI 3 Galeria .
• @ Dezziness : Satyen Desai está trabalhando duro para construir o YUI 3 widget fundação , ele possui calendário e Container na 2 YUI mundo.
• @ Drdrace : Andres Narvaez trabalha no controle do carrossel YUI .
• @ G13n : Gopal Venkatesan é Bangalore YUI chefe do escritório e leva desenvolvimento no controle do carrossel YUI .
• @ Goonieiam : Gonzalo Cordero é um engenheiro de frontend no Yahoo! que tem vindo a organizar a nossa participação no BayJax meetups e tem contribuído de trabalho para o projeto DataTable YUI .
• @ IZS : Isaac Schlueter está desenvolvendo o novo YUI 3 Controle de AutoCompletar e assumiu desenvolvimento em YUI Compressor .
• @ Ls_n : Luke Smith é um programador, estudioso e professor que possui, entre muitas outras coisas, o YUI Utility JSON .
• @ Msweeney : Matt Sweeney é um arquiteto do projeto YUI e autor de numerosos componentes, tanto YUI 2 e 3, incluindo o componente Nó YUI 3 . ( Ele falou YUICONF 2009 sobre o desempenho em YUI 3 .)
• @ Slicknet : Nicholas Zakas funciona em YUI teste , Profiler , e Cookie utilitários.
• @ Standardpixel : Eric Gelinas contribuiu trabalho no DataTable YUI controle .
• @ Toddkloots : Todd Kloots é o autor do Controle de Menu YUI 2 ; estes dias, ele está pensando muito sobre acessibilidade e ARIA e certificando-se que YUI 3 é o mais acessível possível . [É importante notar que Victor Tsaran ( @ vick08 ) é o nosso consultor especial em questões de acessibilidade.]

Nota: Como é o caso de redes sociais em geral, o que as pessoas colocam no Twitter representa o seu próprio capricho momentâneo ou convicção profunda, e não do Yahoo! ou o projeto YUI.

Encontrar conversas: bloglines | technorati

Compartilhar e ampliar: Bookmark com del.icio.us | digg it! | reddit!

YUI Theater - Isaac Schlueter: "Resolução de problemas com YUI 3"

Isaac Schlueter ( @ IZS ) está desenvolvendo o YUI 3 versão do AutoCompletar . Neste 2009 YUICONF sessão, " Resolvendo Problemas com YUI 3 ", ele mostra como ele está trabalhando com o YUI core 3 kit de ferramentas para enfrentar os vários desafios inerentes ao desenvolvimento de um widget complexo.

Se o vídeo incorporar abaixo não aparecer correctamente no seu leitor RSS de escolha, não se esqueça de clicar para assistir a versão de alta resolução do vídeo em YUI Theater ; a versão para download é muito menor, pois é otimizado para iPods , iPhones e outros dispositivos portáteis.

• Download video (m4v)
• Download slides

Outros vídeos Theater recentes YUI:

• Luke Smith: Eventos Evolved
• Todd Kloots: YUI 3 Açúcar
• Dav Vidro: Contribuir para a YUI
• Allen Rabinovich: YUI 3 Infografia

Inscrevendo-se na YUI Theater:

• YUI Theater RSS feed
• YUI Theater no iTunes

Mais de Isaac

Tech Talk Isaac com Matt Hackett do evento Bayjax setembro, " Server-side JavaScript ", está disponível com uma transcrição completa sobre YUI Theater .

Encontrar conversas: bloglines | technorati

Compartilhar e ampliar: Bookmark com del.icio.us | digg it! | reddit!

Usando YUI YUI 2 e 3 juntos: ainda mais fácil com o Utilitário de Caridy Wrapper

O YUI 3 Galeria tem uma adição interessante novo hoje: YUI Caridy Patino Mayea Utility da Wrapper 2 . Wrapper permite puxar YUI 2 módulos de 3 YUI use() declarações. Confira a documentação Caridy para o Wrapper aqui .

Como é fácil? Aqui está um exemplo completo . Tudo o que nós começamos com o 6.2KB (gzip) YUI arquivo semente 3; Wrapper Caridy eo built-in YUI Carregador 3 cuidar do resto:

 <script type="text/javascript" src="http://yui.yahooapis.com/combo?3.0.0/build/yui/yui-min.js"> </ script>

 <div id="demo" class="yui-navset">
     <ul class="yui-nav">
         <li> <a href="#tab1"> Tab <em> Uma etiqueta </ ​​em> </ a> </ li>
         <li class="selected"> <a href="#tab2"> <em> Tab Dois etiqueta </ ​​em> </ a> </ li>
         <li> <a href="#tab3"> <em> Tab Três Selo </ em> </ a> </ li>
     </ Ul>            
     <div class="yui-content">
         <div Tab <p> id="tab1"> Um conteúdo </ p> </ div>
         <div Tab <p> id="tab2"> Dois conteúdo </ p> </ div>
         <div Tab <p> id="tab3"> Três conteúdo </ p> </ div>
     </ Div>
 </ Div>

 <script language="javascript">

 YUI ({
     módulos: {
         "Galeria yui2 ': {
             fullpath: 'http://yui.yahooapis.com/gallery-2009.11.19-20/build/gallery-yui2/gallery-yui2-min.js',
             requer: ['nó-base', 'get', 'async-fila'],
             opcional: [],
             Substitui: []
       }
 
     }
 }). Uso ('galeria yui2', function (Y) {
 
     Y.yui2 (). Usar ("tabview", function () {
 
         var myTabs = new YAHOO.widget.TabView ("demo");
 
     });
 
 });

 </ Script> 

Confira o YUI 2 Wrapper e muitos outros na Galeria 3 YUI .

Encontrar conversas: bloglines | technorati

Compartilhar e ampliar: Bookmark com del.icio.us | digg it! | reddit!