Yahoo User Interface Library 2.3.0 August 1, 2007
Posted by Saddi in : Web 2.0, Yahoo , add a commentJá está disponível para download a nova versão da YUI Library. São seis novos componentes na biblioteca, nova arquitetura para skinning, novo layout para quase todos os componentes além de mais de 250 melhorias e correções de bugs.
A principal adição à biblioteca é, sem dúvida, o novo Rich Text Editor (beta). Com suporte cross-browser, facilidade para instanciar com poucas linhas de código e possibilidade de criar novos botões personalizados para a sua toolbar.
Além do RTE, também foram adicionados: base CSS, YUILoader, ImageLoader, ColorPicker Control e YUI Test Utility. Saiba mais sobre a nova versão neste post do YUI Blog.
Mugg: um digg brazuca sobre música July 25, 2007
Posted by Saddi in : Web 2.0 , 1 comment so farEntrou no ar esta semana o Mugg, idéia e layout do amigo Guilherme Neumann.
O Mugg é um canal de notícias sobre música feito por você. O nosso objetivo é reunir em um só lugar informações e novidades sobre artistas interessantes, que muitas vezes encontramos salpicadas na grande mídia e escondidas em blogs e sites mais alternativos. (..) No Mugg, é assim: você é o repórter, revisor e editor. Qualquer um pode enviar notícias sobre seu artista favorito, indicar posts legais de blogs especializados, publicar artigos, reviews de shows, críticas de CDs e divulgar a sua banda!
O site foi construído utilizando como base o Pligg, uma ferramenta de gerenciamento de conteúdo/comunidade open-source, no estilo digg. Funciona basicamente assim: os usuários entram com links para notícias publicadas em qualquer site da internet (ou escreve a sua própria) e estas passam a receber votos, chamados de “muggs” no site. As notícias com mais votos passam a fazer parte da home do produto, ordenadas por um algoritmo que também leva em consideração a data da notícia.
Seguindo a tendência da maior parte dos produtos Web 2.0 bem sucedidos, foi criado o Mugg Blog. Um blog de suporte ao produto que é o principal canal de comunicação dos responsáveis pelo site com os usuários. Neste espaço serão divulgadas novas funcionalidades, soluções de problemas, tutoriais etc.
Resumindo, o projeto está apenas começando e vem muito mais por aí, como por exemplo o Mugg Cast, podcast que, além de tocar o que está rolando de melhor, vai falar sobre as notícias mais “muggadas”. Não deixe de se cadastrar e participar!
Cores: bem mais fácil com a Web 2.0 July 20, 2007
Posted by Saddi in : Design , 4commentsO propósito deste post é reunir alguns sites e softwares interessantes que ajudam bastante na hora de escolher uma paleta de cores para um layout. Se você usa algum outro que não foi listado, fique à vontade para deixar o link nos comentários que eu acrescentarei na lista.
1. COLOURlovers
Este é um dos que eu mais gosto. Dentro do conceito de web 2.0, os usuários se registram e criam paletas que ficam disponíveis para os outros usuários. As mesmas têm rating, tags, comentários e posição no ranking. Você pode ver as paletas por ordem no ranking, pelas mais recentes e ainda randomicamente, além de a qualquer momento poder adiconá-las às suas favoritas. O download pode ser feito, entre outros, no formato do photoshop, illustrator e css. O site tem um blog e recentemente fez uma compilação de mais de 40 esquemas cromáticos inspirados no verão. Alguns bem legais, alguns nem tanto e outros que não tem nada a ver com verão. Mas vale a pena conferir.
2. Kuler
Site desenvolvido pelo Adobe Labs. O conceito é bem parecido com o do COLOURlovers, sendo que o site também serve de apoio ao software Creative Suite versões 2 e 3 da própria Adobe. Feito todo em flash e actionscript 3.0. Conheça mais sobre o projeto no página do Kuler no Adobe Labs.
3. Color Hunter e Color Palette Generator
Os dois sites têm a mesma mecânica. Você entra com a URL de uma imagem e recebe como resposta uma paleta de cores baseada nas cores da imagem. Bem interessante. Esta funcionalidade também pode ser encontrada no software Color Schemer.
4. ColorBlender
Aqui você define uma cor principal e o site gera uma paleta de 6 cores baseadas nela. O download da paleta gerada está disponível em formatos para Photoshop e Illustrator. Você pode salvar seu “blend” e navegar pelos que foram gerados por outros usuários.
Este software, com versão para Mac e para PC, permite que você crie paletas utilizando uma color wheel, escolhendo o tipo de harmonia entre as cores, gradientes e até analizando o contraste e leitura. O programa tem integração online com a galeria de esquemas cromáticos que o site disponibiliza (também geradas por usuários). Existe um widget para o dashboard que é gratuito e que também se conecta com essa galeria.
InviteShare: convites para todos July 13, 2007
Posted by Saddi in : Web 2.0 , add a commentÉ bem normal hoje em dia que novos aplicativos e serviços online tenham uma fase beta de testes fechada para um grupo de seletos convidados. Estes tem direito a convidar alguns amigos e assim vai. Infelizmente às vezes não é tão fácil arrumar um convite e temos que esperar até o lançamento para poder testar o produto.
Pensando nisso, o InviteShare criou um esquema onde você pode oferecer seus convites que estão sobrando de determinado site para pessoas que estão numa lista de espera querendo um convite. Quanto mais convites você repassar, maior sua prioridade na hora de receber um convite.
Very nice. I likes! :)
Novo Google Analytics May 8, 2007
Posted by Saddi in : Ajax, Google, Usabilidade, Web 2.0 , 2commentsHoje o Google Analytics estréia seu novo layout. A migração dos usuários será aos poucos e ocorrerá durane as próximas semanas. Os relatórios foram totalemnte redesenhados e ficaram bem mais amigáveis e customizáveis, assim como o novo Dashboard. Veja algumas fotos abaixo, mais informações e um tour da nova versão.
Novo Dashboard:
Estatísticas de browsers utilizados:
História dos logos March 28, 2007
Posted by Saddi in : Design , 1 comment so farA LogoOrange disponibiliza uma listagem de A a Z de várias marcas famosas com sua história e evolução desde que foram criadas, como a da Ford abaixo.
Redesign da Time Magazine March 16, 2007
Posted by Saddi in : Design , add a commentA edição de hoje da Time marca uma nova fase da revista, com um novo layout e estrutura.
O redesign foi desenvolvido por Luke Hayman, da Pentagram, em conjunto com a equipe interna da Time. Conheça mais sobre o projeto neste post no site da Pentagram.
MindMeister: ferramenta online de mind mapping March 15, 2007
Posted by Saddi in : Ajax, Web 2.0 , 1 comment so farAqui na globo, muitas vezes utilizamos o MindManager durante o processo de desenvolvimento de um novo site/aplicativo.
Hoje consegui um convite para testar o MindMeister, uma ferramenta colaborativa online de mind mapping. Desenvolvida em Rails e utilizando a biblioteca de javascript Prototype, permite que você organize rapidamente suas idéias e compartilhe com outras pessoas, inclusive simultaneamente, funcionando como um brainstorm online.
É possível, ainda, falar via skype com alguém que esteja editando o documento junto com você, apenas clicando no nome da pessoa no rodapé.
Apesar de estar em beta fechado, dá pra brincar com o mapa que está embedded na home. Quem se empolgar e quiser testar mais a fundo, tenho alguns convites para enviar. Basta me pedir.
Globoesporte.com com opção de resolução March 2, 2007
Posted by Saddi in : Globo.com, Usabilidade , 2commentsA home do Globoesporte.com estreou hoje sua versão para 1024, seguindo uma tendência da Globo.com.
A diferença está num pequeno botão (detalhe na imagem animada) que, seguindo os passos do Yahoo, oferece uma versão para os usuários que ainda utilizam 800×600 como resolução de suas telas. A mudança na interface é feita com javascript e CSS e, portanto, instantânea e sem refresh.
Na versão mais estreita, alguns conteúdos são reposicionados na tela (repare abaixo no box de plantão) e outros são ocultados.
MiniAjax: biblioteca de soluções em Ajax March 1, 2007
Posted by Saddi in : Ajax, Web 2.0 , 2commentsMiniAjax é um site que reúne exemplos simples, criativos e interessantes de soluções de interação desenvolvidas em Ajax e que estão disponíveis para download na web.
Entre eles: modelos de alertas, tooltips, envio de formulário, edição inline, tabs, drag and drop, rollovers e por aí vai. Vale a pena dar um pulo lá pra ver.
