Frameworks Javascript são as ferramentas mais novas e mais utilizadas hoje em dia no desenvolvimento web.
Com a vinda da “Web 2.0″ e seus recursos com AJAX tornaram-se essenciais no dia-a-dia.
As Frameworks tem como objetivo tornar o nosso trabalho mais produtivo, visto que são criados com praticamente tudo que necessitamos para criar sites ricos, com diversos efeitos e funções diferentes otimizando o tempo de programação.

Decidi fazer esta lista após ter feito alguns trabalhos em especial com Jquery e Mootools, hoje as minhas favoritas. Porém já testei praticamente todas abaixo (algumas comerciais outras não).
Segue a lista das escolhidas:

Jquery

Jquery é uma biblioteca rápida, simples e concisa que simplifica a maneira de manipular HTML, eventos, realizar animações e interações AJAX para nossas criações.
Hoje o Jquery é usado em sites de grande porte como Google, Digg, Dell, NBC, Mozilla e os conhecidos Wordpress e Drupal.
Já compativel com o novo CSS3 e com todos os browsers e pesando compactado apenas 15kb. Está atualmente na versão 1.2.6 disponivel para download.

MooTools

Mootools é uma framework javascript compacta, modular e orientada a objetos desenvolvida para desenvolvedores Javascript intermediários e avançados.
Permite a criação de sites poderosos e flexiveis, com um código muito bem documentado, organizado e uma API coerente.
Assim como o Jquery também é Cross-Browser e sua versão atual é a 1.2 que pesa 60kb compactada.
De sites conhecidos que utilizam a framework Mootools temos o W3C Validator, Cnet, Vimeo, Gamespot e o poderoso CMS Joomla.

Prototype

Prototype é uma framework javascript que tem como principal finalidade simplificar o desenvolvimento de aplicações web dinâmicas.
Possui uma gama de ferramentas única e fácil de usar, baseada em classes e é uma das mais ricas bibliotecas Ajax atualmente.
Está na versão 1.6 e pesa 120kb.
Foi uma das pioneiras e por isso merece um enorme respeito, e podemos esperar muita qualidade da mesma.
Sites como Feedburner, Cnn.com, Tivo, fotolog e a Microsoft a utilizam como principal framework. De CMS que me recordo no momento apenas o Silverstripe que o utiliza em seu painel administrativo.

Yahoo User Interface Library (YUI)

A Yahoo User Interface Library (YUI) é um kit de controles, escritos em Javascript para criar aplicações web ricamente interativas usando técnicas como Script Dom, DHTML e Ajax.
Possivelmente por ser parte do Yahoo, na minha opinião é o que possui a maior quantidade de recursos diretamente no site do criador, sem intervenções diretas de terceiros, porém também possui diversos desenvolvedores com novidades.
Possui diversas ferramentas, como Cheat-Sheet, testes.
Das aplicações construidas com ele, podemos destacar o LinkedIn, Slashdot,e Newswine.

Dojo Toolkit

Dojo é um kit de ferramentas DHTML escrito em Javascript. Criado com base em diversos bancos de códigos (nWidgets, Burstlib…) e por isso é chamado de “toolkit unificada”.
O Dojo tem como objetivo resolver grandes dos principais e históricos problemas com DHTML que atrapalhavam na sua propagação.
Atualmente está na versão 1.1.1 e pesa 76kb.
Dos sites que me recordo que utilizam o dojo, vale citar o FeedHub.

MochiKit:

MochiKit é uma suite de bibliotecas Javascript muito bem documentada e testada que irá lhe ajudar a realizar o trabalho rapidamente.
Com diversas idéias inspiradas em Phyton, Objetive-C, etc. Depois de testes adaptados ao mundo do Javascript.
Atualmente em sua versão 1.3.1 e pesando 131kb.
De todos os sites que encontrei que utilizam a framework vale destacar: Mochibot e Instant Domain Search.

Ext JS

Para finalizar nossa lista vamos falar sobre o Ext.JS, uma biblioteca Cross-Browser com o intuito de desnvolver aplicações ricas, de alta performance e widgets customizáveis e bem desenhados.
Extremamente bem documentada e extensivel. Possui licenças Comerciais e Open Source disponiveis.

Outras Frameworks Javascript:

Infelizmente não tenho como detalhar muito sobre as frameworks abaixo pois nunca as testei, porém para quem quiser valem como referência e devem ser muito boas também.

• veGUI
• qooxdoo
• MockMe
• SproutCore
• Spry
• JavaScriptMVC
• midori
• Archetype Javascript Framework
• June Framework
• UIZE
• SimpleJS
• Fleegix.js

Compre os melhores produtos de informática, celulares, eletrônicos entre muitas outras categorias

Notem que no meio dos coelhos há uma raposa

Compre os melhores produtos de informática, celulares, eletrônicos entre muitas outras categorias

Ganhe muito $$$!!!

Compre itens de: Informática , Câmeras e Foto, Eletrônicos, Aúdio e Video, Brinquedos, Telefonia Celular, Eletrodomésticos entre outros. Tudo isso você encontra na Loja Dk Design.

Parece comercial das Casas Bahia não? Porém vou explicar melhor:

Sei que atualmente todos estão falando sobre a tal Loja Virtual do Secumdum, porém devo dar os parabéns.

A um tempo atrás fui contactado pelo Jobson a respeito de outro script que gerava os anúncios na lateral do site. E ganhei uma boa quantia até.

Desta vez ele informou que estava atualizando o script que gerava uma loja virtual. Decidi testar e achei bem interessante, pena que ainda peca em quesitos de customização. Vou deixar a mesma Loja Virtual online por uns tempos e acompanhar a evolução do script. Foi ótimo poder experimentar a ferramenta, tanto que criei um menu para facilitar um acesso as categorias e produtos disponiveis. A barra de busca também ficou em uma posição mais visivel, veremos agora as conversões.

Jobson é um mestre na arte de monetização aqui no Brasil recentemente então podemos confiar totalmente.

Quem precisar de ajuda no script basta entrar em contato.

Compre os melhores produtos de informática, celulares, eletrônicos entre muitas outras categorias

Os trabalhos do Tiago Santana me agradam muito pelo conjunto. Passando por design gráfico, publicitário e ilustração.
Faz isso com uma excelente qualidade e com um estilo muito bem definido em toda as obras.

Fora a criatividade do nome de seu site : Sem Sono. Nada melhor para representar um designer.

Compre os melhores produtos de informática, celulares, eletrônicos entre muitas outras categorias

O anúncio abaixo foi criado pela Danza Comunicação (ES) para o Hospital Metropolitano.

É um anúncio em página frente e verso que mostra um briefing (rascunho) na frente - sim os caras usaram o briefing (melhorado, é claro) da peça como prévia - e aí sim mostram a peça finalizada com o texto e as informações sobre a economia de energia realizada pelo Hospital Metropolitano.

Você folheando uma revista, dá de cara com um rascunhão desses…
…E do outro lado um anúncio finalizado, bonitinho e com o texto: “Para falar com você sobre consumo consciente, a gente aproveita o outro lado do papel”.

Linguagem próxima do cliente, direta e de acordo com a proposta.

E vocês, o que acharam?!

Ficha técnica do anúncio.
Fonte: CCSP

Compre os melhores produtos de informática, celulares, eletrônicos entre muitas outras categorias

Espero que estes animaizinhos possam servir de inspiração a todos.

Compre os melhores produtos de informática, celulares, eletrônicos entre muitas outras categorias

Como é o caso da “Punch Coffee Mug”, uma caneca que encontrei no site do designer chileno J.C. Karich. Ao vê-la, primeiramente me veio à cabeça que ela era o objeto que mais se enquadrava na frase “só mesmo um café forte para o dia começar bem”.

Porém resolvi analisar um pouco, entrar no quesito cor/forma/textura, e achei que a intenção do designer era brincar com a questão do forte x fraco. O Forte representado pela alça que é semelhante a um soco inglês usado pelos Hooligans e, o fraco representado pelo corpo branco da caneca com curvas bem definidas que remete á uma peça cerâmica.

Mas definitivamente cheguei à conclusão que esta caneca foi criada para se ter em um ambiente de trabalho afinal, essa é a forma mais propícia para convidar o chefe a tomar uma caneca de café. Principalmente em um dia de stress. rs

Compre os melhores produtos de informática, celulares, eletrônicos entre muitas outras categorias

É mais um outdoor para galeria dos criativos.

Compre os melhores produtos de informática, celulares, eletrônicos entre muitas outras categorias

Foi pensando nisso, em reinventar essa experiência de comer com as mãos, que o grupo espanhol de designers Kawamura and Ganjavian desenvolveu o “Eat With Your Fingers” um conjunto um tanto quanto bizarro que contém três mini-peças de cutelaria (faca, garfo e colher) que se encaixam perfeitamente no final dos dedos, para que você possa comer tranquilamente na rua ou em qualquer lugar sem se preocupar com higiene ou etiqueta

Compre os melhores produtos de informática, celulares, eletrônicos entre muitas outras categorias

Nesta ação, um enorme cubo de gelo no formato de uma garrafa de ponta cabeça, foi colocado nas ruas e dentro havia as garrafas de cerveja da Jupiler. Imagine então a reação das pessoas vendo uma “obra” como esta, fascinante!

Compre os melhores produtos de informática, celulares, eletrônicos entre muitas outras categorias

Compre os melhores produtos de informática, celulares, eletrônicos entre muitas outras categorias

Infelizmente não tive a oportunidade de postar quando foi realizado em São Paulo o Ossário, porém desta vez mais que merecido:

Graffiti Reverso em São Francisco

O Túnel São Francisco Broadway é um tunel de altissima movimentação no centro da cidade.

Mais de 20 mil carros passam diariamente. Assim como fez a um tempo atrás em São Paulo,  Alexandre Orion realizou mais um de seus Graffitis Reversos.

Uma pena não podermos estar lá para ver e tomara que não apaguem como fizeram aqui.

Trabalho Realizado Limpando ao contrário do Graffiti Tradicional

Compre os melhores produtos de informática, celulares, eletrônicos entre muitas outras categorias

Nunca fiquei tanto tempo admirando auto-retratos como no site de Kimiko Yoshida.
Nascida em 1963 e com diversas formações em artes no Japão e França, possui diversas exposições ao longo destes anos.
De todas as séries que pude ver em seu site, as que mais agradaram, como citei acima foram os auto-retratos.

Compre os melhores produtos de informática, celulares, eletrônicos entre muitas outras categorias

Mas será que o nosso objetivo termina ai? Acredito que não. Uma das grandes vantagens da internet é permitir a medição de quase todas as etapas do processo de venda de um produto ou serviço. As inúmeras ferramentas de webanalytics nos mostra desde os dados mais amplos - como número de acessos, pageviews e tempo médio no site - até detalhes que podem parecer meramente ilustrativos, mas que se bem analisados, podem fazer uma grande diferença na hora de tomar uma decisão.

Isso demonstra que nosso trabalho não termina no acesso do usuário e sim quando ele concretiza o objetivo final do site (venda, contato, interação, etc.) e nele está incluido todas as etapas do processo. Não adianta o potencial cliente chegar ao site e não encontrar as informações organizadas, por exemplo, ou descobrir que seu navegador não exibe todos os elementos da página. Então também é nosso papel identificar esses obstáculos e eliminá-los, sempre tentando melhorar a experiência do usuário.

Uma boa alternativa para isso é o funil de vendas disponibilizado pelo Google Analytics. Se você tem as metas configuradas na ferramenta, é possível acompanhar todo o caminho feito pelo usuário desde a entrada no site até o fim do processo, identificando também os abandonos. Se verificamos um índice de saída muito alto entre uma etapa e outra, é sinal de que algo naquela página está dificultando a continuidade do processo. Basta então analisar a página e aplicar padrões de usabilidade.

E também se engana quem pensa que só fatores técnicos podem impedir um usuário de chegar ao objetivo final. Os motivos podem ser inúmeros e cada vez que mergulhamos mais nos dados apresentados pela ferramenta de webanalytics podemos descobrir coisas incríveis. Uma vez, filtrando por regiões de acesso, cheguei à conclusão de que os internautas de um determinado estado do Brasil tinham dificuldade de avançar em um ponto por uma simples barreira idiomática, resolvida em poucos minutos.

Então a lição que tiramos disso é a de que, assim como num time de futebol, nosso trabalho vai além da nossa posição. É preciso pensar na tática por completo para alcançar o gol. Não adianta driblar três, fazer um bom passe se não sabemos finalizar uma jogada quando necessário.

Compre os melhores produtos de informática, celulares, eletrônicos entre muitas outras categorias

Livro "Viver de Design" de Gilberto Strunck

Quando eu comecei a trabalhar com webdesign oferecendo os meus serviços aqui e ali, percebi que mesmo trabalhando das 09 às 18h num emprego de designer gráfico de segunda à sexta eu dava conta das demandas que surgiam semanalmente fora do horário do expediente nos websites em que eu mantinha dos meus clientes. Foi nessa época que eu comprei o livro “Viver de Design” do Gilberto Strunck (professor da Escola de Belas Artes da UFRJ), um grande livro para quem quer começar a carreira de Designer de uma maneira organizada e profissional. De posse desse livro, pude perceber as falhas que eu cometia em relação ao meu trabalho, a postura diante do mercado e principalmente aprendi a mostrar o meu trabalho de uma forma mais coerente e potencializei a minha prospecção.

Vale a leitura e serve também como guia para futuras consultas, tirando dúvidas sobre questões administrativas como “notas fiscais” ou “impostos a serem pagos”, enfim, uma grande referência para quem quer começar com o pé direito nessa carreira e depois que li esse livro eu passei a atuar com uma metodologia mais clara de trabalho. Busquei na internet modelos de profissionais conceituados e criei a minha própria metodologia baseado nas soluções já consolidadas pelo mercado e fiz dessa minha metodologia o meu argumento comercial.

Porém quando no fim do ano passado eu comecei a trabalhar em regime de Home-office em tempo integral fazendo a criação e manutenção de sites bem maiores com muitas demandas e de olho na montagem futura de um escritório propriamente dito e por conta da rotina doméstica com dois filhos, eu precisei de uma força extra para dar conta de tudo que estava acontecendo. Eu sentia a necessidade de sistematizar a minha metodologia de trabalho. Eu precisava ter uma visão mais abrangente sob o meu negócio em busca da produtividade máxima. E mais uma vez e a solução veio pela internet mesmo. Fiquei sabendo de uma metodologia chamada GTD - Getting Things Done, que segundo a comunidade Wikipédia “consiste no princípio de que uma pessoa precisa tirar as tarefas de sua mente e registrá-las em algum lugar“. Desta forma, a mente fica livre do trabalho de lembrar de tudo o que necessita ser feito e pode se concentrar em realmente executar essas tarefas.

Inicialmente, não me adaptei muito bem com a metodologia, mas de tanto ler em vários blogs sobre o assunto, me permiti mais a tentar, mesmo porque, reconheço que o processo não é muito fácil. É difícil você que normalmente não precisava de nenhum tipo de metodologia para trabalhar, baseando-se apenas no intuitivo termo “eu acho que vou começar por aqui” e passar a ter que “protocolar” cada etapa do processo, realmente não é fácil! Mas é possível sim. Mesmo porque, cada um de nós possui um entendimento muito próprio para a forma de trabalhar.

A metodologia pode ser dividida em cinco macro-etapas:

• Coletar
• Processar
• Organizar
• Revisar
• Executar

Segundo essa metodologia, se organizarmos tudo num sistema confiável e deixarmos a nossa mente livre para concentrar apenas no trabalho daquele momento, toda a sua produtividade será potencializada. Eu testei essa técnica inicialmente em papel mesmo, até entender a mecânica do processo. Coletava e listava todas as demandas que eu tinha e suas especificações como data de início e entrega, tempo necessário entre outros. Somente depois de um tempo é que migrei para e o sistema on-line do site “Remember the Milk” e gostei tanto que estou até hoje. Com essa ferramenta organizo todas as minhas ações diárias, podendo ter uma visão bem macro do meu trabalho. Com o “RTM” eu prevejo possíveis “gargalos” e consigo tomar decisões com ações de remanejamento de demandas para amenizar a produção e prevenir possíveis atrasos.

Claro que hoje eu utilizo vários outros diferentes sistemas de apoio a minha produção, como: Google Calendar, Netvibes, Ta-da list e outros. Em breve farei um post falando sobre esses outros sistemas por aqui, eu prometo.

Bem galera, acho que agora alguns de vocês vão sair correndo para o browser mais próximo abrindo uma nova janela ou aba em busca das referências que citei aqui para uma organização maior e melhor dos seus trabalhos. Acredito que existam outras infinitas opções diferentes no mercado e talvez até melhores do que as desse artigo. O importante é que cada um de vocês encontre uma forma própria e que as ajudem com suas próprias metodologias de trabalho. No próximo artigo vou falar como eu organizo o meu Remember the Milk e como inicio uma demanda. Até lá!

Abraços!

Compre os melhores produtos de informática, celulares, eletrônicos entre muitas outras categorias