Monthly ArchiveAugust 2007



Ajax & Desenvolvimento & Design 31 Aug 2007 09:33 am

Gifs para Ajax

Bom uma sugestão rápida, normalmente quando montamos um site com Ajax, ou essa, carregando conteúdo de forma assíncrona, gostamos de deixar um GIF animado informando que o mesmo está sendo carregado.
Uma bola girando, uma barra que vai e volta, enfim, no Flash já fazia isso, e agora no Ajax.

A sugestão é este site:

ajaxload

Praticamente é um gerador de gifs animados neste estilo que precisamos, em poucos segundos é possível personalizar e montar o seu gif.

Eu usei no script da Galeria de Fotos :D

Design & Avaliação 31 Aug 2007 09:24 am

Globo.com - Novo site da Globo 2.0?

globoO site da Globo está de cara nova, sinceramente, eu quando abri ontem de manhã tive uma impressão ruim dele, pensei, caramba, deu pau no site da Globo, não esta carregando o CSS.
Depois em uma segunda olhada, mais perceptiva embora ainda sim rápida notei que tinham mudado o layout da capa do site.
Como disse de inicio ocorreu uma negação da minha parte, achei que esta muito branco, muito clean, muito.. e pensei, poxa, mas isso é bom!
Realmente olhando melhor e adaptado ao novo layout posso dizer que o objetivo deles de ter um layout mais simples, objetivo e eficiente foi atingido.

Porque 2.0? bom, simples, essa alteração foi efetuada baseada e focada no usuário, e mais agora temos no rodapé inclusive uma nuvem de tags, ainda a disposição, as cores, tudo nos leva a dita “web 2.0″ que nada mais é do que o que toda forma de comércio pensa ou como deveria pensar, cliente satisfeito, é cliente que volta, no caso da internet, quem conseguir juntar muitos recursos em uma interface simples e fácil de acessar já esta meio caminho andado em direção ao sucesso.
Tiraram a logo da Globo, e fizeram uma no estilo divertido que nos remete a web 2.0.

Sinceramente depois do susto, devo dizer que gostei do novo layout, muito mais intuitivo, muito mais humano, muito melhor.

Desenvolvimento & Avaliação & Geral 31 Aug 2007 05:17 am

Estatísticas do site da W3C

Um post light porque o trabalho essa semana está bastante corrido, minha folga está acabando.

Passando somente para escrever sobre as estatísticas disponibilizadas no site da w3c sobre os navegadores mais utilizados ao acessarem seu site mês a mês, porque eu particularmente sou um apaixonados por estatísticas.

Sou péssimo em montar dados estatísticos, mas adoro ver dados, tabelas, gráficos.

No site podemos ver que atualmente como era de se esperar o mais utilizado é o internet explorer, sua versão 6 deteve segundo eles no mês de julho 36.9% de participação, a versão 7 obteve 20.1%, e o IE5 teve ainda 1,5%(quem usa isso ainda?), somando para o Internet Explorer um total de 58,5% dos acessos.
Em segundo lugar vem o firefox com 34,5% dos acessos, seguido de longe por outros navegadores, como o Opera com 1,9%, Safari com 1,5% e Mozilla(Netscape, Gecko), com 1,4%.

w3c stats

Pela tabela apresentada no site deles vide figura abaixo acima, podemos perceber a tendência de queda dos acessos de quem usa IE6 e IE5, obviamente e o aumento de utilizado do IE7 e Firefox, ainda, Safari e Opera, obtiveram um aumento ligeiro.

Ainda no site vemos que 6% dos acessos ao site são realizados com Javascript desativado, ou inexistente no dispositivo, e ainda tem gente que duvida da importância de programar Javascript de forma não obstrutiva, imaginem quando acessos são 6% em um site como esse.

No site ainda mostram estatísticas dos sistemas operacionais, que segue na imagem abaixo:

W3C OS Stats

Vemos que o windows domina plenamente 87,1% dos acessos, seguido pelo Mac com 4% e Linux com 3,4%.

Existem ainda outras informações interessantes para quem quiser ver mais acesse o site clicando no link abaixo:

W3C Stats [EN]

Lembrem-se porém que o site da W3C é normalmente acessado por desenvolvedores, portanto é comum que navegadores alternativos ao Internet Explorer tenham uma audiência acima da média das pessoas “normais” :D

O post foi meio que um gancho com o próximo que farei onde vou mostrar algumas estatísticas aqui do blog, pra quem gosta, aguarde :D

Bom final de semana.

Javascript 28 Aug 2007 07:57 am

FS Preloader 1.2.0

Seguindo sugestões e corrigindo alguns bugs apontados estou atualizando o script para pré carregamento de paginas, que no final,
acabou ganhando uma nova função de exibir também banners na ultima versão.

O que foi corrigido?

  • Bug que fazia arquivos Flashs no site sobreporem a tela de carregamento
  • Limitação de inserir pequenas imagens apenas

Bom na realidade ambos não são bugs de programação, o primeiro do Flash é um padrão dos navegadores que não consideram o flash parte da árvore DOM, é como a tag define, um objeto externo a ser carregado dentro desse HTML, logo, vai sobrepor sempre.

O que fiz foi um modo de desviar disso, a famosa gambiarra!
Para que os seus flash não apareçam por cima da tela de carregando vocês obrigatoriamente deverão definir que cada flash por css que ter a propriedade display="none".Ou seja, teoricamente ele esta escondido e não ira aparecer, mas aparecera pois no javascript eu mandei ele varrer todos os flashs depois da pagina carregada e exibi-los, alterando sua propriedade display.

Existem casos que precisamos de um flash escondido, e neste caso, ele seria mostrado, pois o script mostra todos, caso não queira que algum flash seja exibido, insira dentro da tag object deste flash especifico o atributo rel, da seguinte forma e valor <object rel="escondido" ... , isto indica ao script para não mostrar este flash, permanecendo escondido.

Sobre a imagem, eu havia limitado a altura pois imagem mais altas teoricamente seriam pesadas, e iria contra o objetivo do script, mas enfim, liberado qualquer altura.
O que acrescentei?

Lembram da função adicionarEvento, pois é, agora estou usando ela no script, o motivo é simples, tentem usar esse preloader, com a galeria de fotos, vai travar, justamente porque como dito em outro post o window.onload nao trabalha bem com mais de um arquivo o utilizando e trava o código.
Irei logo lançar uma correção também para a galeria de fotos usando essa função adicionarEvento e acabar com esses problemas.

Agora também é possível além de imagens, exibir um arquivo flash, no formato .swf, para tanto existem no começo do script 3 variáveis, onde devem inserir o nome e caminho do arquivo, a altura e largura do mesmo.

E também dei uma melhorada na forma de centralizar o texto de carregando, coisa pouca.

Chega de conversa fiada, para baixar o código clique no link abaixo:

FS Preloader 1.2.0

Abraço a todos!

Javascript 27 Aug 2007 12:50 pm

FS Galeria de Fotos 2.3.0

Bom aquela versão anterior não dava pra deixar muito tempo sem atualizar, isso é fato, cheia de bugs, impossível de usar.
Logo, bugs corrigidos(pelo menos aqui no meu pc :P), e testados nos browsers de sempre, ie, ff, opera, safari, netscape:

  • Bug que ao desativar slideshow na ultima foto travava
  • Fechar janela com slideshow ativo não desativava o mesmo, e reabria a janela
  • Barra de rolagem horizontal
  • Erro em variáveis mal tratadas

Pra não ficar chato e dizerem que estou enrolando apenas, inseri uma detalhe pequeno, enquanto faz o pré-carregamento das imagens da galeria, agora no canto direito inferior verão um quadro de status.

:D

Bom por enquanto é isso, para baixarem o script cliquem no link abaixo:

FS Galeria de Fotos 2.3.0

Next Page »