Agradeço ao Mário Junior e a Gabriela Trindade Perry que por seu comprometimento constante também são moderadores da lista já há algum tempo.

Ou inscreva-se manualmente enviando um e-mail para flexdev-subscribe@googlegroups.com

Em um trabalho recente, nosso cliente fez um pedido de que, todos os errorTip’s apareceçem para o usuário sem a necessidade de passar o mouse por cima do componente, eu aproveitei que estava estudando e resolvi criar uma maneira de obter esse comportamento. Não queria extender os componentes que nós estavamos usando, então fiz uma classe “manager” separada, mas nada impede de extender um TextInput da vida e incluir um objeto desta classe como atributo do componente e deixar toda a lógica dentro do componente. O projeto completo pode ser baixado aqui.

O resultado obtido:

Resultado obtido

Artigo vale a pena ler. Até concordo com certos pontos..

http://www.computerworlduk.com/community/blogs/index.cfm?entryid=1212&blogid=14

Esta novidade apareceu hoje em todos sites renomeados de tecnologia, inclusivel BBC World.

Buscando no Google, achei somente uma noticia escondida.
Droga… queria testar este barulho … bagulho…

Quando eles liberam download, seria provavelmente neste endereço
http://code.google.com/p/chrome/

Verifiquei todas as pistas, mas sem jeito achar download…

Entre as várias funcionalidades disponíveis, gostaria de destacar algumas:

• Faz o parse de dados no protocolo AMF, sendo possível ver os objetos trafegados direto nos relatórios.
• Captura requisições feitas através de Ajax.
• Exibe o que foi e o que não foi feito cache, permitindo que o cache seja inteiramente desativado. (Opção bastante útil para testes de performance em aplicações Web).
• Opção de Bandwidth Throttle, para que você possa simular como sua aplicação ficará em conexões mais lentas do que a sua.
• Versões para Windows, Linux e Mac OS X.

O Charles é uma ferramenta paga, porém acredito que o investimento não será em vão, considerando a grande quantidade de funcionalidades disponíveis. Para saber mais sobre o Charles, acesse o site oficial em: http://www.charlesproxy.com/

Se estiver procurando por uma ferramenta semelhante gratuita, recomendo o uso da extensão Firebug para o Firefox. Porém o Firebug tem menos opções disponíveis em relação ao Charles como, por exemplo, a ausência do parse de AMF. Para baixar o Firebug acesse: http://getfirebug.com/

Como configurar o GMail para links “mailto”:

Sabe aqueles links “mailto:fulano@dominio.com” que abrem o seu leitor de e-mail padrão para o envio da mensagem? Existe uma maneira de direcionar esses links para sua conta do GMail. Faça o seguinte:

1. Acesse sua conta do GMail.
2. Na aba em que sua conta estiver aberta, copie e cole o seguinte código na barra de endereços e pressione enter:
   

   javascript:window.navigator.registerProtocolHandler("mailto","https://mail.google.com/mail/?extsrc=mailto&url=%s","GMail")

3. O Firefox vai pedir permissão para adicionar o GMail na lista de aplicativos “mailto“, clique no botão “Add Application” para confirmar.
4. Agora ao clicar sobre um link “mailto” o Firefox vai mostrar uma lista para que você possa selecionar a aplicação que deseja, basta selecionar o GMail e clicar em “Remember my choice for mailto links” para que ele não pergunte novamente.

Caso você use uma conta do Google Apps para e-mail, basta trocar o código por:

javascript:window.navigator.registerProtocolHandler("mailto","https://mail.google.com/a/example.com/mail/?extsrc=mailto&url=%s","GMail")

(Não esqueça de substituir “example.com” pelo nome do seu próprio domínio)

Melhorar as fotos exibidas no Firefox 3:

Já reparou que as vezes você faz upload de algumas fotos e elas parecem bem mais bonitas no Photoshop do que no Firefox? Isso acontece porque o Firefox 3 vem com a opção de gerenciamento de cores desativada por padrão, para que a performance não seja afetada. Caso tenha uma boa máquina, você poderá seguir os passos abaixo para ter uma qualidade de foto bem superior:

1. Abra uma nova aba e entre no endereço “about:config“.
2. Confirme no botão “I’ll be careful, I promise!“.
3. No campo de filtro digite: gfx.color_management.enabled
4. Ele deverá mostrar uma opção que está marcada como “false“. Basta clicar duas vezes sobre ela para que o valor seja alterado para “true“.
5. Reinicie o Firefox 3.

Fonte: Lifehacker

No meu post anterior eu havia falado sobre o Concurso de Skins da Scalenine/Adobe e sobre o fato de o Brasil não estar incluído entre os países que podiam participar do concurso.

Bem, hoje recebi um e-mail do Juan do ScaleNine avisando que ele atualizou os Termos e Condições e agora sim nós brasileiros podemos participar e concorrer aos prêmios!

Skinners, hora de botar a mão na massa!!!!

Aqui vai um gostinho…

Ubiquity for Firefox from Aza Raskin on Vimeo.

Existem algumas maneiras para que essa compressão seja utilizada, porém a que escolhemos foi com o uso de um Servlet Filter que fica ativo entre o cliente e o servidor, fazendo a compressão dos dados trafegados. Essa solução nos pareceu ser a mais adequada, pois com ela não é necessário fazer nenhuma configuração especial diretamente no servidor, o que seria um problema para a maioria dos clientes.

Apesar de estarmos utilizando uma solução desenvolvida por nós mesmos, cheguei a fazer testes com o projeto open source PJL Compressing Filter e ele trouxe resultados bastante satisfatórios, considerando velocidade de resposta, integridade dos dados e taxa de compactação. Fiz alguns testes com a resposta de uma aplicação demo antiga que trafegava 450kb de XML e o tamanho dos dados compactados caiu para 70kb. O resultado com as resposta do AMF também foram impressionantes.

Para utilizar o filtro em seu projeto, faça o seguinte:

1. Baixe os arquivos do filtro em: http://sourceforge.net/projects/pjl-comp-filter/
2. Copie os JARs para o diretório WEB-INF/lib do seu projeto
3. Adicione os parâmetros abaixo no arquivo web.xml

Não se esqueça de manter o blocos <filter> e os blocos <filter-mapping> agrupados com outros blocos semelhantes no seu arquivo web.xml, para não ter problemas de deploy.

Recomendo também que você utilize os parâmetros excludeContentTypes ou excludePathPatterns para excluir arquivos de tipos: JPG, SWF, FLV, etc. Como esses arquivos já são compactados, você só estaria aumentando o processamento do servidor e, alguma vezes, fazendo com que o resultado seja maior ou até corrompido. Para saber mais sobre os parâmetros de configuração do filtro, leia a documentação do filtro em: http://pjl-comp-filter.sourceforge.net/

Conheça o Dear Adobe. Neste site você também pode dar sua opinião sobre os produtos e serviços da Adobe. No entanto, este site inova ao tornar as opiniões publicas. Não é mais algo que você envia para a empresa e um estagiário ou sistema automatizado responde. Você fala para o mundo inteiro ouvir. Você vê que os outros tem as mesmas reclamações que você. Você se diverte com as pessoas que postam algo apenas ser engraçado. E tudo isto trás audiência para o site. Tudo isto estimula muito mais do que um link "fale conosco". Logo este site estará bem classificado no Google e a Adobe não poderia mesmo tapar os ouvidos (e de fato não taparam). A única coisa ruim disso é que já posso até ver os Tech Gurus incorporando esta idéia na Web 3.0.

Recentemente eu estava desenvolvendo um índice, como aqueles de livros, onde tem um título do lado esquerdo e uma linha pontilhada que leva até o número da página, no lado direito...mas...como implementar a linha pontilhada?

Ao invés de tentar tratar strings, calculando tamanho para colocar os pontos, etc., o que seria outra possível - e mais difícil - solução, acabei fazendo, com uma grande ajuda do Marcelo Savioli, um componente bem simples para preencher esse espaço. E como estendemos do Spacer para criar este, o chamamos de DottedSpacer.

Veja a classe e resultado a seguir:

Exemplo:

Fonte:

Abraço.

Web developer extension

Qunando instalado, vai aparecer dentro de Tools menu...

Durante um trabalho recente utilizando Flex e o framework PureMVC, enfrentei um problema para registrar alguns mediators com as referências de componentes visuais que ainda não haviam sido criados durante o startup da aplicação.

Usando como exemplo um ViewStack ou um TabNavigator, onde embora vários filhos estejam definidos dentro do MXML, apenas o filho que estará visível inicialmente será instanciado, uma vez que você tenha setado o creationPolicy=”auto”
(ou não tenha setado nada, já que esse é o valor default da propriedade). Os demais filhos, portanto, serão instanciados somente à partir do momento que você navegar por eles.

Do ponto de vista da performance, isso seria excelente, já que o usuário poderia não navegar por todos os filhos e você estaria então poupando tempo e memória.

Infelizmente, esse é um cenário simplista de uma aplicação e pode não ser suficiente para atender suas necessidades, já que no momento do startup nós não temos as referências de todos os componentes visuais, uma vez que eles ainda não foram criados.

Embora nós possamos registrar todos mediators e mais tarde dar as referências dos seus respectivos componentes visuais, ou mesmo setar creationPolicy=”all” (que diminuiria a performance e aumentaria o consumo de memória), isso vai de encontro com o comportamento de uma poderosa característica do Flex, chamada deferred instantiation.

Seu uso traz benefícios de performance durante a inicialização da aplicação, se comparado com os exemplos anteriores, mas traz também um pouco mais de complicação para seu código. Dessa forma, é estritamente recomendado que todo desenvolvedor Flex conheça muito bem seu comportamento, não importando se está utilizando ou não o PureMVC.

Em suma, ao invés de registrarmos todos os mediators no ApplicationMediator.as, nós o fazemos parcialmente, após a criação dos componentes visuais, com o auxílio de eventos. Ao navegar num ViewStack, por exemplo, um evento deve ser disparado informando que o filho (componente visual) foi criado, e tal evento deve ser então escutado no mediator correspondente do ViewStack. O método que será disparado por esse evento deverá registrar o mediator do filho (já que agora possuimos uma referência para o view), caso ele ainda não o esteja.

Abaixo podemos observar um código que descreve o comportamento descrito acima:

ApplicationMediator.as

MainDisplay.mxml

MainDisplayMediator.as

Referências:

http://puremvc.org/pages/demos/AS3/Demo_AS3_Flex_Slacker/srcview/index.html

Não é preciso ser historiador das ciências da computação ou profundo conhecedor da Interação Homem-Computador para perceber como o computador está em todo lugar atualmente. A revolução digital (clichê) já aconteceu e a computação ubíqua (o computador em todo lugar) se mostra cada vez mais próxima. Mas ao mesmo tempo, cada vez mais, o computador (tanto o hardware quanto o software) têm ficado mais invisivel para o usuário. Se o computador tem sido cada vez mais usado, ele também tem cada vez mais desaparecido.

Se no início, apenas os programadores mais cabeçudos conseguiam mexer nos enormes mainframes, atualmente existe um grande segmento do mercado (desde os miguxos que não param de enviar SMS até executivos de meia-idade interessados em monitorar o preço das ações) esperando pelo iPhone chegar no Brasil. E não se trata apenas de diferenças de tamanho da máquina que realiza as computações, mas principalmente do modelo de interação entre esses paradigmas e do que está no centro (foco) dessas interfaces. Enquanto nas CUIs, o usuário era obrigado a aprender a escrever uma nova linguagem arbitrária, no iPhone, até um bebê consegue brincar. Ao invés de obrigar o usuário a aprender uma nova linguagem, é de se esperar (regra básica de usabilidade) que o desempenho da tarefa seja muito mais natural, se utilizarmos uma linguagem que ele já domine.

Nesse sentido, a história das tecnologias de informação e comunicação tem demonstrado que quanto menos interface, mais livre o usuário estará para alcançar seus objetivos. A interface, vista por esse ângulo, é algo extremamente negativo, funcionando como uma corrente que prende e atrasa o usuário. Quanto mais visível for as informações ou as funcionalidades (o motivo do usuário usar o software, no final das contas), mais escondida será a interface. Quanto mais invisível a interface, mais natural será o modelo de interação, melhores níveis de desempenho (eficácia e eficiência) serão alcançados na tarefa, e mais satisfatório será o uso do software. Sendo assim, o objetivo de qualquer user experience designer (arquitetos da informação, designers de interação, designers de interface etc.), deveria ser o de sumir, de fazer o seu trabalho ficar invisível para o usuário. Sabe aquelas interfaces que mais chamam a atenção? São exatamente elas que na grande maioria das vezes, são apenas decoração e depois de pouco tempo, revelam ter graves problemas de usabilidade. Um dos fatores de destaques dos aplicativos web 2.0 (ou RIAs ou seja lá como vamos chamá-los) em comparação aos antigos aplicativos que se utilizavam do modelo de hipertexto é justamente a forma mais natural do usuário interagir com a interface e dela ir sumindo aos poucos.

Tufte, um dos gurus da área de design de informação, em seu livro The Visual Display of Quantitative Information, criou o conceito de taxa de tinta de dados (data-ink rate), que significa a proporção da tinta de um gráfico empregada para exibição de informação. Esse conceito pode ser demonstrado matematicamente nas fórmulas:

• 1.0 - proporção do gráfico que pode ser apagado sem perda de informações (redundância e elementos gráficos que não representam nenhum dado)
• Tinta de dados / total de tinta para imprimir o gráfico

Tufte fala para maximizar a taxa de tinta de dados dentro do possível, com o objetivo de aumentar a expressividade e a efetividade destas visualizações. Para ele, todo pedaço de tinta requer uma razão, e na grande maioria das vezes, esta razão deve ser a de apresentar informação. Gráficos devem direcionar a atenção do observador para o significado daquela representação. Um gráfico, acima de tudo, deve mostrar os dados.

Indo da mídia impressa para a mídia digital, Stephen Few traduz a afirmação do Tufte para o design de dashboards, criando o conceito de data-pixel ratio, ou seja, taxa de pixels de dados.

O conceito pode ser emprestado e utilizado na área de User Experience Design. Quanto maior a taxa de informação (conteúdo ou funcionalidade, dependendo do objetivo do aplicativo, site etc.), mais invisível a interface, e mais natural o tipo de interação e o desempenho da tarefa pelo usuário. Nosso objetivo então não é o de ganhar o Cannes ou virar case de originalidade, mas justamente o contrário, o de desaparecer.

Vai para FF preferences -> Security e deseleciona segundo e terceiro checkbox,
"Tell me if ..."

Fecha preferencias e firefox.

Vai para settings do seu usuario onde FF guarda-los. No Windows deve ser num lugar dentro de "Dados de Aplicativos", não tenho certeza. No Linux, abre terminal e digita
#> cd .mozilla/firefox
e entra no diretorio da sua conta. (tem nome estranho, tipo "of6wel65.default")

deleta arquivos: urlclassif*.sqlite
Starta firefox.

Isso ai.. cache vai ser recriado e reindexado e não vai influir a velocidade.