Yahoo! Blog User Interface (YUIBlog)

In the Wild para 19 de novembro de 2010

A equipe de YUI, e cerca de 250 dos nossos amigos mais próximos, passou a semana de 08 de novembro focada em YUIConf 2010 , organizado pelo engenheiro YUI Jenny Donnelly (DataTable de fama). Jenny escreveu um bom resumo do evento , repetindo o que todos aqui sentiram : Foi o melhor YUIConf nunca, ea comunidade YUI está crescendo em tamanho e profundidade a cada ano. Ficamos impressionados com todas as palestras, e nós vamos manter os elfos YUI Theater trabalho duplo tempo para obter vídeos para fora.

Podemos ter começado um pouco atrás na nossa RSS feeds (apesar de ler todos os tweets na prolífica # yuiconf fluxo no Twitter ), para esta semana é In the Wild pode deixar a bola cair em alguns itens, deixe-nos saber nos comentários ou @ yuilibrary se perdemos algo importante.

• YUI 3 no site Estate major australiano real : Mark Rall (codeinfront @) twittou para nos informar sobre um site australiano de propriedade importante verdadeira alimentado por YUI 3. ( fonte original. ) #
  
• C | Net Stephen Shankland Discute a mais recente actualização do GBS : Em nossa mais recente atualização do navegador Suporte Graded , observamos que nós antecipamos o fim da recomendação A-Grade para o IE6 no 1 º trimestre de 2011. Essa previsão gerado muita conversa, inclusive sobre a C | Net, onde Stephen Shankland tinha que dizer isto: "IE6, lançado em 2001, carece de apoio para muitos padrões Web muitos antigos, bem como uma série de importantes novos entes e é fraco no processamento de programas baseados na Web, JavaScript essenciais para a nova era de dinâmicas, locais ricos. É também mais vulneráveis ​​a ameaças de segurança. Embora o uso do IE6 está a diminuir progressivamente, ainda é comum, em parte porque está embutido no Windows XP e difícil desalojar de ambientes de computação corporativos. Representa um revés para o navegador, YUI desenvolvedores Eric Miraglia e Matt Sweeney em um post disse que o Yahoo espera que a 'interromper Uma nota para o Internet Explorer 6, movê-lo para C-Grade "no primeiro trimestre de 2011 para que haja mais tempo para concentrar em navegadores móveis e outros importantes novas áreas. " #
  
• Armazenar trechos de dados em sua Página Via YUI 3 : Andrew Wooldridge continua sua série de tutoriais YUI 3. Andrew escreve: "Toda vez que faço alguma escavação em YUI3, acho que coisas que são realmente interessantes e úteis. Tomemos, por exemplo, Node.getData () e Node.setData (). Estes métodos pequenos permitem armazenar informações associadas a um nó particular, mas você não tem que tentar criar algum atributo personalizado ou acompanhar o seu objeto de armazenamento de dados independente própria para você usar esses métodos. De certa forma, ele permite que você associar qualquer tipo de informação com elementos na sua página e são recuperáveis ​​apenas por encontrar o nó e pedindo os dados. É como ter um banco de dados na página onde os nós são as chaves. " #
  
• YUI 3 Dica rápida: Coloque condicionalmente DataURI'd CSS ou MHTML : Pat Cavit escreveu uma ótima dica ele pegou de engenheiro YUI Adam Moore em YUIConf: "Se você já está usando o YUI 3 Loader para carregar um pouco do seu CSS como Eu não para alguns sites isto pode ser realmente útil. Você também pode fazer isso via comentários condicionais, mas você não pode controlar quando a carga acontece nesse caso. O truque é definir o gatilho para o módulo MHTML para desencadear do módulo regular, e também certificar-se que o módulo MHTML substituirá o regular. Então, é uma questão simples de configurar ou o cheque UA simples ou uma função de teste que retorna verdadeiro / falso. " #
  
• Velocidade Scrabble online Construído com 2,8 YUI : Speed ​​SuperNifty do Scrabble online aproveita YUI 2,8 a coleção utilitários e widgets como TreeView e ProgressBar. ( fonte original. ) #
  
• Inserir (Simples) YUI em qualquer página com Bookmarklet @ tríptico de : Escreve André: "Eu tenho certeza que depois de algum tempo trabalhando com a web, você tende a se acumular alguns bookmarklets úteis. Eu sei que para mim você nunca pode ter o suficiente dessas coisas. Estou certo que nota confluência de circunstâncias surgiu para criá-los, mas eles são extremamente úteis. Se você está trabalhando com YUI e você se depara com um site que você quer mexer com, talvez, para uma demonstração ou um ajudante mais reforçada para Firebug - você pode usar este bookmarklet ... "( fonte original. ) #
• YUI relacionada Tweet da Semana : Um tweet que nos fez sorrir esta semana: #
  

Encontrar conversas: bloglines | technorati

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

In the Wild para 01 de novembro de 2010

YUIConf 2010 está ao virar da esquina, e não podemos esperar. Aqui estão algumas coisas que temos notado, entretanto:

• YUI 3 no Beta Novo Yahoo! Mail : Mike Curtis escreve sobre YUI 3 de uso sobre o novo beta do Yahoo! Mail em seu blog YDN: "Para o JavaScript, decidimos usar YUI3. Yahoo! Mail Beta é construído usando o quadro YUI a partir do zero. Um dos grandes benefícios do YUI é que ele é modular, permitindo-nos pedir as bibliotecas conforme necessário em vez de baixar tudo na frente. Modernizar a marcação e usando JavaScript para YUI3 reduzido tamanho total do download para a aplicação por 35 por cento, um ganho de performance muito grande. "Confira o artigo completo aqui . #
  
• Sam Stephenson Releases Hork : Sam Stephenson da 37signals, autor do Prototype JavaScript biblioteca, lançou um novo projeto chamado Hork. De acordo com Sam ", Hork é um middleware Rack de pouco transparente para comprimir ativos JS e CSS com YUI Compressor." ( fonte original. ) #
  
• Guild Wars 2 site foi lançado com YUI 3.2.0 + Galeria : Pat Cavit ( @ tivac ) escreveu em nos dizer sobre o novo site de Guild Wars. "Nós lançamos http://hom.guildwars2.com que é um local totalmente YUI 3-powered. Ela tira proveito de plugins Eric Ferraiuolo de sobreposição, módulo de Ryan Grove história, alguns plugins custom-built (agora na galeria) Anim, um módulo de animação genérica), [e] todos os tipos de carregador / base / material do evento. Ele também usa pesadamente o módulo nova transição. "( fonte original. ) #
  
• "Aprender YUI pt.3 - SimpleYUI e Explorando a API" (via @ tríptico) : Andrew Wooldridge continua sua série de tutoriais sobre YUI 3, desta vez com um olhar SimpleYUI e Y.log . "SimpleYUI é como ganhar um desses samplers de queijo no e-mail. Você não tem que ir para um grande compromisso, mas você pode experimentar um monte de coisas sem se preocupar com um monte de garantias que você pode depois querem ter. Eu criei uma página de destino para SimpleYUI , mas em resumo é como começar a jogar com YUI sem se preocupar com tudo isso. usar () material, ou funções anônimas, etc É muito parecido como você pode ter jQuery experiente, pela primeira vez . Você ganha um monte de funcionalidades poderosas na frente, e você só precisa de um único js + algumas linhas de código para começar. Para alguns grandes exemplos, veja esta página de Eric Miraglia . SimpleYUI lhe dá DOM, eventos (e eventos personalizados!) Transições e AJAX. É perfeito para pessoas que querem apenas adicionar algumas animações ou efeitos divertidos para o seu site em nenhum momento plana. "O writeup completa está aqui . #
  
• Criador do Montage @ pamelafox portado para YUI 3 : Pamela Fox portado a calma Criador Montage aplicação YUI 3 - e agora, diz ela, é mais rápido e mais estável. ( fonte original. ) #
  
• Gerenciador de lista simples, com YUI 3 em JsFiddle de @ apipkin : Anthony Pipkin compartilhado um gerenciador de lista pouco que ele escreveu - destacando o poder intrínseco de YUI 3 e também a utilidade cada vez maior de jsFiddle. ( fonte original. ) #
  
• TSPlayer-Secure Administração Impulsionada pela YUI 3 e 2-em-3 : Caridy apontou o Secure-TSPlayer Dreamweaver plugin, cujo administrador seção faz uso do YUI 3, bem como 2 YUI componentes como DataTable através do mecanismo 2-em-3. #
  
• YUI Pong 3-base de @ bruciemoose : Andrew Bruce foi brincar com YUI 3 e test-driven development. O resultado: Uma implementação Pong simples. "No caso você é um dos meus clientes, você deve estar se perguntando por que eu fui faltar recentemente. Eis o porquê: Eu tenho me ensinando 'crescido' JavaScript sob a instrução de Douglas Crockford (em livro e vídeo forma, obviamente). Crockford nunca menciona Test Driven Development, provavelmente porque não fazê-lo. Mas eu tenho, então eu fui aprendendo a fazer isso em JavaScript too.So aqui está, HTML5 Canvas Pong . Pong é efetivamente um Olá Mundo! aplicativo para desenvolvedores de jogos. Não é particularmente divertido, e minha versão é cheio de bugs divertidos .... "Você pode ler o post completo aqui , ou pular e dar ao jogo uma tentativa . #
• JsFiddle Adiciona Suporte SimpleYUI : A equipe jsFiddle adicionou suporte para o pacote cumulativo de SimpleYUI para YUI 3, que instancia-se e cria uma instância YUI global ( Y ) com suporte para operações de biblioteca comuns do Ajax. Você encontrará a caixa de seleção SimpleYUI sob o menu de seleção de biblioteca quando você seleciona YUI 3.2.0. (Graças a Andrew Wooldridge para a ponta.) #

Encontrar conversas: bloglines | technorati

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

In the Wild para outubro 15, 2010

YUIConf 2010 é ao virar da esquina , e continuamos a ter as nossas cabeças para baixo trabalhando nesse evento e no próximo YUI 3.3.0 release. Enquanto isso, aqui é o que temos observado na comunidade nas últimas semanas. Deixe-nos saber @ yuilibrary (ou nos comentários abaixo) o que perdeu!

• Andrew Wooldridge, "Learning YUI: Pt. 2 - Comunidade, Log, eo Console " : Andrew Wooldridge (@ tríptico) está de volta com a parte 2 de seu novo "Learning YUI série blog". Eu particularmente gosto (e concordo com) sua opinião sobre a comunidade YUI: "Em uma palavra, a comunidade é realmente o que faz YUI se destacam para mim como uma biblioteca javascript. Se você precisar de ajuda para trabalhar com YUI, há fóruns da comunidade , um canal de IRC , bem como Horas Abertas , que lhe permitem falar diretamente com os desenvolvedores YUI. Eu recomendaria que você se conectar no início da sua experiência de aprendizagem, especialmente com o canal de IRC, porque você vai descobrir um grupo de pessoas inteligentes útil pendurar lá fora, e estão dispostos a responder a qualquer pergunta, não importa quão mundano. Você também deve seguir yuilibrary no twitter como você vai ser aproveitado para as últimas notícias do YUI lá. " Confira o post completo para mais . Cobri uma parte de uma anterior "In the Wild" coluna . #
  
• "Crash Course" Andrew Burgess sobre YUI 2 Grids sobre NETTUTS : "Crash Course" Andrew Burgess sobre YUI 2 Grades, que primeiro observadas em maio do ano passado , foi pego por NETTUTS e está trazendo uma nova onda de atenção ao que tem sido historicamente um dos projetos mais populares do YUI. #
  
• Criar um blogroll com o Google Spreadsheets e YUI3 : Andrew Wooldridge (@ tríptico) continua sua série de YUI 3-focadas artigos com uma nova entrada que une YUI 3 e Google Docs. "Eu admito: Eu fui inspirada por este artigo por Codeinfront.com. A idéia de criar um trecho de código que qualquer pessoa pode compartilhar, atualizar e aprender é apenas extremamente atraente e gratificante. Então, ofereço a você algo que você pode nunca ter pensado. Você pode usar o Google Spreadsheets como fonte de dados JSON. YUI3 do módulo JSONP fala muito bem a esta fonte de dados JSON e permite-lhe, essencialmente, criar sites que podem ser orientados a dados e nunca exigem que você tenha uma configuração complicada myadmin PHP ou banco de dados MYSQL. Você pode fazer tudo através de tecnologias client-side e alguma ajuda do Google Spreadsheets. Se você combinar isso com a capacidade de formulários no G Spreadsheets, você poderia até mesmo criar uma página de relatório legal baseado em algum estudo que você criar. Vamos descer ao código. "Desça para o código com o blog completo aqui #
  
• Vídeo DRAGONtape site Remixing Usando YUI 3 : Vídeo DRAGONtape local remixagem está fazendo uso extensivo de YUI 3. Eis como os autores do site descrever o projeto: "DRAGONtape é uma webapp que permite que você crie mixtapes de seu favorito vídeos on-line, para que você possa assisti-los como uma apresentação contínua. As fitas que você cria são acessados ​​através de uma URL única, assim você pode facilmente compartilhar com os amigos ou incluí-los em uma página web. Os clipes de origem permanecem em seus locais originais, DRAGONtape simplesmente se lembra de onde encontrá-los. " #
  
• Erik Eldridge, "Simple YUI 3 Módulo de Acesso Yahoo!" : evangelista YDN Erik Eldrige escreveu um bom tutorial em seu blog pessoal que mostra como aproveitar YUI 3 e sistema de Yahoo! 's OpenID simples e eficiente. Erik escreve: "Olhando para a página de destino OpenID no site YDN pode dar a impressão de que a exploração madeireira usuários em um site com um ID do Yahoo! é difícil. Dadas as seguintes condições, no entanto, a adição de login do Yahoo! para o seu site pode ser bastante simples:
  1. Porque nós estamos apenas visando contas do Yahoo!, podemos local a predefinição login para https://open.login.yahooapis.com/openid/op/auth
  2. Se nós registramos usuários através de um popup, mas gerenciar tudo via JavaScript na página pai, podemos ignorar a validação da resposta ao voltar do Yahoo! "

  Você pode encontrar o tutorial completo aqui . #
  

• Relega, um novo YUI 3-alimentação Sistema de Apresentação HTML5 por Reid Burke : @ Reid está apenas começando este projeto em andamento, mas ainda há muito a desejar já. Seguindo os passos de uma série de ferramentas baseadas em padrões de apresentação que lançaram nos últimos anos, relega o coloca um YUI 3 torção no gênero. Código é no GitHub - download, garfo, e se divertir. ( fonte original. ) #
  
• Um widget do Twitter simples com YUI 3 e YQL (por @ codeinfront) : @ codeinfront postou um novo tutorial sobre como usar YUI 3 e YQL em um mashup do Twitter. "Enquanto entre projetos que eu fui brincar com JavaScript data, incluindo a conversão de tempo relativo. Este, então, levar-me para testar a função dentro de um contexto widget Twitter. Eu acabei com um widget do Twitter usando YUI 3 e YQL. O código abaixo explora alguns conceitos interessantes ... " Confira o post no blog para mais detalhes . #
  
• "YUI, como você ousa me faz Repensar ..." : tecnólogo Michigan escreve que YUI 3 é projetado para quebrar maus hábitos e desafia-o a encontrar novas e espero que melhores padrões de codificação. "Quando você usa YUI3 você tem um YUI (). Usar () e tudo fica encapsulado dentro desse pedaço de código. Então, se eu fosse apenas para mover o código MyApp no ​​bloco YUI não sou mais capaz de acessá-lo na página de conteúdo, eu quero correr na JS. Então isso é bom, não globals JS, mas é ruim ... não do jeito que eu fui fazer as coisas. "Você pode ver MT epifania completa aqui . #
  
• Jeez.eu Construindo um Mecanismo de pesquisa personalizado com YUI : tutorial Jeez.eu 's na construção de um motor de busca personalizado depende muito YUI 2 widgets e utilitários. #
  
• Node.js Lista de recursos de @ codeinfront Inclui Crockford, Dav Vidro : Blogger Mark Rall (codeinfront @) compilou um conjunto de seus favoritos Node.js recursos relacionados. De entre elas são duas recentes conversações Teatro YUI de Douglas Crockford e Vidro Dav. Para seus outros favoritos, vá ao seu blog . #
• ErisDS actualiza o seu exemplo de navegação personalizado-Carrossel para 2.8.x : Northampton blogger ErisDS actualiza o seu trabalho sobre a navegação personalizada para YUI Carrossel 2 para suportar YUI 2.8.x. "No ano passado, publiquei duas partes de um tutorial em três partes (dó) sobre o Widget do carrossel YUI2 que trabalhou com YUI Carousel 2.7.0. Desde aquela época, um novo casal de novas versões do YUI2: widget Carrossel ter sido lançado (2.8.0 e 2.8.1), e parece que meus exemplos não funcionam com o código atualizado. Este post aborda as questões, as razões por que eles ocorrem e como resolvê-los. " Confira o post completo aqui . #
  
• Tweet da Semana : De @ bartt : "Ser capaz de usar # YUI no cliente e servidor é tão agradável. JavaScript + minha biblioteca favorita em ambos os lados da cerca == mudança de contexto! ". #
  

Encontrar conversas: bloglines | technorati

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

Edifício TipTheWeb com YUI 3

Sobre o autor: Eric Ferraiuolo é um diretor de TipTheWeb e co-fundador do Software Oddnut . Ele escreve em seu blog: 925 HTML , e pode ser encontrado no Twitter: @ ericf . Eric era um apresentador de destaque na YUIConf 2009 .

TipTheWeb é um novo serviço que permite que as pessoas suportam diretamente seus conteúdos favoritos inclinando-lo. Por exemplo, se você encontrar um post grande, você pode inclinar ele 25 centavos.

TipTheWeb é uma organização sem fins lucrativos que promove livremente acessível, o conteúdo da web de alta qualidade através da atribuição de editores que recebem dicas. Se você publicar online, você pode usar sua conta TipTheWeb para reivindicar os lugares que você publicar para receber dicas e ser elegível para receber prêmios de TipTheWeb.

Uso TipTheWeb de YUI 3

A interface de usuário de TipTheWeb é totalmente construída em cima de YUI 3 (que bebeu o Kool-Aid.) A abordagem que adotamos foi usar YUI 3 como a fundação e estrutura para o nosso código JavaScript. Nós construímos 33 personalizados YUI 3 módulos (56 se você incluir sub-módulos, plugins e roll-ups), vários dos quais contribuiu com a YUI 3 Gallery: Component Manager , Markout , Overlay Extras e Recursos REST .

Página nível de Classes

As principais características TipTheWeb são implementados em algumas páginas web altamente funcionais que comunicam com o servidor através do Ajax. Para cada uma dessas páginas, criamos um costume YUI 3 módulo que expõe uma classe em nível de página usado para coordenar as ações entre as partes funcionais da página.

Em uma das páginas principais do nosso aplicativo, a página de dicas, você pode ver como essa abordagem é aplicada com a TipsWindow classe em nível de página. As principais partes funcionais da página são os widgets: CreateTip utilizados para a criação de dicas, e os widgets TipList para a edição, cancelamento e financiamento dicas existentes.

Um lote de sobreposições

Usamos Y.Overlay s extensivamente em todo UI do nosso aplicativo para implementar usuário interações, o que nos permite manter a interface sem bagunça e ainda ter a funcionalidade de recursos avançados disponíveis na página. Precisávamos de recursos que não foram construídas em Y.Overlay , por isso desenvolvemos Overlay Extras , que está no 3 YUI Galeria e sendo usado por um monte de outras YUI 3 sites powered. Aqui estão algum lugar onde usamos superposições em TipTheWeb:

Estado atual do TipTheWeb

Adoraríamos para você experimentar TipTheWeb ; agora estamos em convidar somente beta, então solicitar um convite no nosso site e nós lhe enviaremos um convite código.

Certifique-se de pegar a nossa conversa no YUIConf 2010 onde estaremos apresentando (mais em profundidade) sobre como usamos YUI 3 e YQL em TipTheWeb.

Encontrar conversas: bloglines | technorati

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

In the Wild para 01 de outubro de 2010

Tem havido agitação significativa esta semana sobre Discussão tecnologia Dav de vidro sobre YUI de suporte 3 em Node.js e que permite que, em termos de aumento progressivo, bem como para módulo Matt Taylor Galeria YUI 3 para RaphaelJS . Luke Smith teve uma ponta de bom desenvolvedor no blog esta semana sobre a extensão YUI para "adicionar seu próprio incrível ", desenvolvedor de Stefan Klopp CarRentalExpress.com compartilhou seus pensamentos sobre o uso do YUI 2 para o seu poder local , e Carlo Zottmann compartilhou sua nova linda " Dana tema "burro de carga para YUI documentação, YUI Doc .

Enquanto isso, aqui estão algumas outras peças recentes de notícias da comunidade:

• Andrew Wooldridge - "Learning YUI: Introdução" : Andrew Wooldridge ( @ tríptico ) está embarcando em uma série de artigos YUI em seu blog, ea parte introdutória está online: "eu decidi escrever alguns artigos sobre a obtenção, a partir de YUI , e várias coisas que eu aprender como eu ir junto ... Eu suponho que você tem algum tipo de necessidade de uma biblioteca de javascript, ou talvez você ler sobre YUI e são basicamente curioso sobre isso. Deixe-me dar um pouco de um fundo. YUI foi originalmente criado como um conjunto comum de funções de javascript biblioteca dentro Yahoo anos atrás, com a idéia de permitir que os desenvolvedores web a ter um conjunto básico de funcionalidade para usar dentro de páginas do Yahoo. Isto, naturalmente, cresceu e se expandiu - sair de apenas Yahoo e também caminhando para abrir e conjunto de componentes que você vê hoje. Pessoas Yahoo curador da biblioteca, mas ter mudanças e atualizações de qualquer pessoa, e você é livre para usar este código da maneira que você gosta ... YUI pode parecer como este conjunto gigante das bibliotecas, fazendo tudo a partir de animações para widgets, mas na realidade a equipe YUI tem esforçado para torná-lo muito pequeno, rápido e modular. Você só carregar o tubete vazio quando você inclui o YUI base de js (embora você pode, se quiser mais carga através do configurador) e quando você precisar de mais funcionalidades, você pode buscá-la na hora e evitar longos tempos de download para a sua página inicial . "Confira o post completo para mais. #
  
• Evan Goer (@ evangoer) ", YUI Grids 3 Are Dead Simple" : Evan gosta de Matt Sweeney YUI Grids 3 , que estreou em beta na YUI 3.2.0. Evan escreve: "Não é só esta versão minúscula (1,5 KB), mas é o sistema primeiro layout que já usei, onde eu só posso escrever o que eu quero grade da memória, sem precisar olhar para o docs." Verificar o artigo completo para mais. ( fonte original. ) #
  
• Saurabh Odhyan sobre o Utilitário de Cache YUI 3 : Grava Saurabh: YUI Cache 3 "permite armazenar em cache dados freqüentemente usados ​​em memória cache de javascript (Basic) ou HTML5 objeto localStorage (cache off-line). Embora possamos implementar nosso próprio mecanismo de cache em javascript, o cache YUI é de uso geral e também fornece um conjunto de eventos. Além disso, pode ser facilmente integrado com YUI Datasource que pode ser muito benéfico. Eu vou te mostrar o quão útil YUI utilitário cache pode estar usando um exemplo muito standard, Factorial. "( fonte original. ) #
  
• IHikeWithMeetup.com Construído com 2,8 YUI : IHikeWithMeetup.com é um mashup inteligente de dados Meetup.com de grupos da área da baía de caminhada, juntamente com dados meteorológicos e Yahoo! Maps - e todos hospedados com o Yahoo web hosting. Naturalmente, o site é alimentado por uma ajuda saudável de 2,8 YUI componentes. #
  
• Paisagem da Canonical Ubuntu Gerente de Sistemas Powered by YUI 3 : usos Canonical YUI 3 extensivamente, incluindo em seu produto Paisagem . De acordo com a página do produto, "Paisagem faz a gestão e monitorização de sistemas Ubuntu simples e eficaz através da combinação de suporte de classe mundial com fácil de usar ferramentas de gerenciamento on-line." #
  
• Sidnei da Silva, "Websites ainda mais rápido com YUI" : Grava Sidnei: "Desde que eu tenho a minha cópia do Steve Souders" Mesmo Faster Web Sites que eu tornou-se obcecado com a velocidade. Durante meu trabalho eu estou constantemente à procura de coisas que podem ser melhorados para tornar a experiência do usuário mais suave, especialmente para visitantes de primeira viagem. Estou bastante feliz com o que temos conseguido no ano passado, mas há sempre coisas a serem melhoradas. Hoje vou compartilhar com vocês um dos truques que temos descoberto quase por acaso e que pode ajudar a tornar seu site mais rápido, se YUI é o seu quadro Javascript de escolha. "( fonte original. ) #
  

Encontrar conversas: bloglines | technorati

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

Foco Implementação: Aluguel expresso

Aluguer de carro expresso é a líder independente de carro site de comparação de aluguel na Internet. Ele permite que usuários carros aluguel on-line em mais de 1000 cidades e aeroportos de todo o mundo.

Nossa base de usuários é em grande parte não técnica, o que significa que eles querem comparar preços e aluguel de carros tão facilmente quanto possível. Com o relançamento do nosso site, em junho de 2010, nós implementamos muitos componentes YUI 2 para ajudar a fornecer aos nossos clientes uma experiência intuitiva.

Quais componentes YUI estamos usando?

Os componentes que temos vindo a utilizar incluem Connection Manager , AutoComplete , DataSource , Calendário , Animação , JSON , e Container .

Por que escolheu YUI

Ao analisar as diferentes bibliotecas JavaScript que poderia usar no carro expresso , descobrimos que a YUI foi o mais completo para nossas necessidades. As principais características de venda para nós foi a abordagem muito modular o YUI tomou para implementar diferentes padrões de design, bem como a documentação robusta e exemplos que eles prestados. Do ponto de vista de desenvolvimento que levou a um rápido desenvolvimento da nossa aplicação sem ter que lutar com uma biblioteca.

Como usamos YUI

Nós utilizamos o YUI num certo número de maneiras. Nossos 4 componentes mais utilizados são AutoComplete, Calendário, Container, e Connection Manager. Aqui estão algumas das maneiras que usamos cada um desses componentes.

AutoComplete

O componente AutoComplete é amplamente utilizado em nosso site para ajudar usuários a encontrar uma cidade ou aeroporto em que alugar um carro. Nós realmente gostei de como era fácil implementar este componente, e quão rápido ele responde. Nós cache de resultados de pesquisa do lado do servidor para ajudar a melhorar os resultados da pesquisa, no entanto, com o cache do lado do cliente também ajudou tremendamente a acelerar a resposta do componente. Outra característica que realmente levou para o quão fácil era os resultados foram o estilo. Ao exibir os locais para o usuário isso foi crucial, pois precisávamos identificar quais locais onde encontrados em cidades e que foram encontrados nos aeroportos.

Calendário

O componente Calendar também é usado em todo o site quando um locatário está enchendo de datas para realizar uma pesquisa. Nós estamos usando uma versão personalizada do John Peloquin da Seleção Intervalo Calendário e exibi-lo em um diálogo YUI . Essencialmente o que queríamos fazer era dar o locatário a fim de dois meses ao escolher suas datas, bem como visualmente mostrar-lhes o intervalo de datas que atualmente selecionado. Novamente, isso foi extremamente simples de implementar usando YUI Calendar 2 e, basicamente, desceu para a criação de um diálogo de YUI, definindo o corpo para conter uma div para o Calendário, em seguida, anexar um Calendário Intervalo YUI ao div.

Containers

Nós utilizamos Containers YUI através do nosso site em um número de maneiras diferentes. No exemplo acima que estávamos usando uma caixa de diálogo que nos ajude a mostrar o Calendário Intervalo quando um usuário estava selecionando uma data. Em nossa taxa de página de resultados de pesquisa que fazem uso pesado de Containers para dar o locatário obter mais informações sobre os diferentes aspectos da agência de aluguer de automóveis e do veículo que possam potencialmente alugar. A maioria dos contêineres nesta página são painéis que nós re-uso para cada anúncio diferente. Por exemplo, o mostrador do veículo apresenta Painel:

As coisas ficaram um pouco mais divertido com as classificações das agências locatário nominal. Ao exibir as classificações, nós realmente queríamos focar a atenção do usuário para os escores de uma agência recebidos e para exibir essa informação em um ambiente limpo, maneira fácil visualização. Ao utilizar o Dialog Control fomos capazes de restringir a viewport e centro do diálogo com facilidade para nos ajudar a atingir esse objetivo. Ao definir um cabeçalho e rodapé em branco que fez estilo simples, apenas adicionando os estilos apropriados para o nosso CSS. O resultado final foi um recipiente limpo classificações que oferece ao locatário com a informação que querem.

Connection Manager

Connection Manager é usado em todo o site sempre que precisamos para extrair dados através de um pedido XHR. Em alguns dos exemplos acima, utilizamos este componente para o pedido de cidades e aeroportos para os implementaitons AutoComplete e puxando as informações de classificação para o Cliente nominal de diálogo.

Uma maneira interessante nós utilizamos Connection Manager é com o nosso bloco de centro de aluguer que se sente na maioria das páginas. Para ajudar com o desempenho que fazer um monte de caching de página inteira em muitas de nossas páginas de conteúdo. No entanto, ainda queria exibir o bloco de centro dinâmico aluguer nestas páginas. Este apresentou-nos um problema que foram capazes de resolver com Connection Manager. Ao invés de ter que quebrar a nossa página totalmente em cache e os aspectos de cache somente da página descobrimos que era mais fácil de incluir apenas o bloco de centro de aluguer através de uma solicitação assíncrona simples. Nós descobrimos que isso nos permitiu manter o desempenho de ter uma página totalmente em cache, e ainda exibir o conteúdo dinâmico na nossa caixa de centro de aluguer.

Considerações Finais

No geral, têm sido extremamente satisfeitos com a escolha de usar YUI. Ele nos fornece uma biblioteca modular que está bem documentado, fácil de usar e implementar.

Encontrar conversas: bloglines | technorati

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

In the Wild para 24 de setembro de 2010

Enquanto nos preparamos para YUIConf 2010 e muito mais nos próximos meses, aqui estão algumas das outras coisas que temos tomado conhecimento de no mundo YUI maior:

• YUI Theater Tops NETTUTS lista de must-see Podcasts F2E : Andrew Burgess escreve sobre YUI Theater : "Parece que tão frequentemente como algumas vezes por mês, Yahoo! traz desenvolvedores na vanguarda da tecnologia web para manter os seus empregados até data. Para o benefício do resto de nós, essas conversas são gravadas e publicadas. Você vai encontrar conhecidos devs como Douglas Crockford e Zakas Nicholas, e fala sobre tudo, desde o desempenho ea acessibilidade para JavaScript e DOM. " #
  
• DigitalInsurance.com (um @ Sítio apipkin) Powered by YUI 3 : Prolific galeria contribuinte Anthony Pipkin ajudou a produzir o novo portal DigitalInsurance.com ., alimentado por YUI 3 #
  
• Progressive Enhancement usando nada mas JS (@ codepo8 em davglass @) : Christian Heilmann escreve sobre Ajaxian: "melhoramento progressivo ainda é uma questão confusa para um monte de pessoas que estão muito entusiasmados com as capacidades de JavaScript do navegador em ambientes modernos. Pode-se sentir anacrônico escrever suas soluções para um ambiente não-JS e, em seguida, mais uma vez melhora em JavaScript. Eu cresci assim então para mim é uma simples questão de fazer a coisa certa, mas com o mundo de hoje de bibliotecas JavaScript e out-of-the-box widgets pode parecer uma chatice. Digite Dav vidro da equipe YUI. Ele está transformando o conceito de melhoria progressiva em sua cabeça e como um amante JS e código de backend "endurer", ele partiu para resolver este problema uma vez por todas de uma forma JavaScript puro. " Confira o artigo completo para obter mais detalhes . #
  
• Plugins Mais de sobreposição para YUI 3 de Oliver Andrich : Da página GitHub Oliver: "Overlay Plugins é uma coleção de cinco plugins que eu escrevi, a fim de aprender YUI developement plugin de 3 em geral. Três em cada cinco plugins mais ou menos imitar os Extras de sobreposição criados por Eric Ferraiuolo .... Os cinco plugins são:
  • BaseOverlayPlugin
  • ModalOverlay
  • KeepAligned
  • HideOnEscape
  • ConstrainDimensions "
  ( fonte original. ) #
• Slides Reid Burke YUI para HackU da Carnegie Mellon : YUI engenheiro (e Yeti autor) Reid Burke chicoteado até alguns slides e um YUI motor 3-base slideshow para sua recente palestra na Carnegie Mellon. #
  
• Devcurry em Aprender JS de Crockford e outros gurus em YUI Theater : Suprotim Agarwal escreve em devcurry esta manhã: "Neste post, vou compartilhar links de alguns vídeos muito úteis JavaScript e palestras por Gurus JavaScript, cheios de informações, divertir assistindo e absolutamente grátis! Embora a internet está cheia de vídeos gratuitos, que eu escolhi apenas um par deles, que eu achei o mais útil. Prepare-se para tomar notas como você aprender .. palestras Crockford vídeo em JavaScript - Douglas Crockford é um arquiteto de JavaScript e joga um papel importante na concepção de novos recursos da linguagem. Seus vídeos são um 'must-have "para qualquer desenvolvedor JavaScript. YUI Theater -.. Fornece acesso a palestras gratuitas de gurus de programação em JavaScript e desenvolvimento web "Suprotim continua a listar algumas outras fontes de conteúdo, incluindo títulos Theater YUI #
  

Encontrar conversas: bloglines | technorati

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