Criação dinâmica de formulários com MForm

Postado por Marcus Antonius - 26 abr, 2010. em projetos

Quando comecei a trabalhar com desenvolvimento web, uma das minhas primeiras funções eram a criação de formulários html para vários propósitos, como páginas de contato, formulário de reservas, etc.

Eu sempre achei um saco ter que fazer todos aqueles formulários um por um, além de ter que validá-los na parte client-side por meio de javascript.

De tanto fazer esses formulários, um dia eu prometi a mim mesmo que criaria um script que fizesse todo esse trabalho braçal de criar os campos, estilizar e validar, de uma forma mais dinâmica e automática.

E eis que esse dia chegou, conheça o MForm!

O MForm (M, de Marcus! =P) é um script ainda em fase de desenvolvimento mas ele já consegue ter uma série de features que ajudam muito no dia a dia do desenvolvedor client-side.

Você pode ver um exemplo online do MForm clicando aqui.

Funcionalidades

Criação de um formulário estilizado com css
Criação de campos inputs do tipo text, radio e hidden
Criação de campos textarea
Validação de campos com javascript com jQuery e o plugin FormValidator, com algumas alterações minhas, bem como a tradução para Português (Brasil).

Google Leva em Consideração a Velocidade dos Sites Como Fator de Rankeamento

Postado por Marcus Antonius - 16 abr, 2010. em google

Já faz algum tempo que o Google vem ameaçando incluir a velocidade dos sites como fator de rankeamento no seu algoritmo de buscas. Agora é oficial. A partir de hoje, o Google já está levando em conta a velocidade dos sites como fator para ajudar a oferecer os melhores resultados de busca para seus usuários. O anúncio foi feito em um post de blog em sua central para webmasters e junto a ele, o Google listou algumas ferramentas que podem ajudar webmasters a acelerar suas aplicações.
É sabido que sites mais lentos fazem com que os visitantes fiquem menos tempo no site, mas segundo o Google, sites mais rápidos também reduzem os custos de operação.
Os algoritmos do Google fazem um benchmarking comparativo da velocidade do seu site e de outros sites e o Google oferece dicas de performance e otimização no Webmaster Tools.

google spped wmt

Segue a lista de ferramentas recomendadas pelo Google para otimização de sites:

Page Speed – Um plugin de firefox que mede a performance de sites e dá dicas de otimização;

YSlow – Uma ferramenta do Yahoo! que também dá dicas de otimização;

Webmaster Tools, Labs – O serviço do Google mostra um benchmarking do seu site em comparação com os demais sites do mundo. No blog do serviço e na página do Google Code de velocidade também existem dicas de otimização de performance de sites.

Por enquanto, a inclusão deste fator nos resultados de busca ainda é discreta e afeta menos de 1% das buscas efetuadas no Google hoje. O Google afirma que a mudança foi feita faz algumas semanas e que caso seu site tenha sofrido alguma queda no tráfego de buscadores talvez possa ser uma boa hora para otimizar a velocidade do seus site.

Em breve veremos o efeito real que esta mudança trará para a economia de busca. É um passo importante pois faz com que os usuários tenham uma web mais rápida, mas em breve veremos algumas reclamações de webmasters que tem dificuldades para otimizar seu front end ou mesmo migrar para um servidor melhor gerando mais custos. É esperar para ver.

fonte: ReadWrite Brasil

Tags:google, seo

Ganhos visuais com o CSS3

Postado por Marcus Antonius - 15 abr, 2010. em css

Chris Coyier, web designer que mantém o blog CSS-Tricks, escreveu em seu perfil no Twitter que o “CSS é como o xadrez. Você pode aprender os princípios básicos em um dia, e passar a vida inteira se especializando”. De fato, o CSS é a linguagem mais fácil de ser aprendida, possuindo uma sintaxe bem simples. Porém, criar páginas com layouts bem elaborados usando CSS, assim como conhecer todos os seus macetes, exige tempo e experiência.

A forma mais correta de desenvolvermos páginas para Web é dividindo a estrutura em três camadas: conteúdo (HTML), comportamento (Javascript) e apresentação (CSS). Trabalhando o CSS em uma camada separada do restante da estrutura, conseguimos uma melhor consistência visual, uma vez que os layouts de todas as páginas estarão baseados em uma mesma folha de estilos. Também ganhamos tempo e facilidade na hora de fazer um redesign ou manutenções visuais, pois a alteração de um único arquivo terá impacto em todo o site. Com o CSS em um arquivo separado, também conseguimos fornecer maior acessibilidade ao criar folhas de estilo específicas para diferentes dispositivos como sintetizadores de fala e som, aparelhos e impressoras em Braille, celulares e outros dispositivos móveis etc. O carregamento das páginas também será mais rápido, já que após o primeiro acesso ao site, o arquivo CSS estará carregado em cache.

camadas

Um bom exemplo de como o CSS pode ser poderoso quando bem usado é o CSS Zen Garden. O site fornece um modelo de página HTML para download, e diversos designers criam folhas de estilos para essa mesma página. O resultado pode ser visto na galeria: alterando apenas a folha de estilo, diferentes layouts são aplicados na mesma página HTML.

Plugin para tradução automática no Wordpress

Postado por Marcus Antonius - 14 abr, 2010. em wordpress

Global Translator é um plugin para Wordpress que é capaz de traduzir automaticamente o seu blog em 48 idiomas diferentes:
Italiano, coreano, chinês (simplificado e tradicional), Português, Inglês, alemão, francês, espanhol, japonês, árabe, russo, grego, holandês, búlgaro, checo, croata, dinamarquês, finlandês, hindi, polaco, romeno, sueco, norueguês , catalão, filipinos, hebraico, indonésio, letão, lituano, sérvio, eslovaco, esloveno, ucraniano, vietnamita, albanês, estoniano, galego, maltês, tailandês, turco, húngaro, Bielorrússia, Irlanda, Islândia, Macedónia, Malásia, persa.
O número de traduções disponíveis vai depender do seu blog e língua o motor de tradução que você escolheu para usar.

Os poderosos recursos que a maioria Global Translator oferece são:

Quatro diferentes motores de tradução: ele tem a capacidade de fornecer as traduções usando o Google Translation Engine, Babel Fish, Promt, FreeTranslations.com
Search Engine Optimized: ele usa os permalinks, adicionando o código do idioma no início de todos os seus URI. Por exemplo, a versão em Português www.dominio.com/minha_categoria/meu_post , traduzida para inglês, será automaticamente transformado em www.dominio.com/en/minha_categoria/meu_post
Fast Caching System: novo rápido, esperto, otimizado, auto-limpeza e built-in sistema de cache. Redução drástica do risco de interdição temporária de motores de tradução.
Layout totalmente configurável: você pode facilmente personalizar a aparência da barra de tradução, escolhendo entre uma tabela, DIV ou image map para a barra de bandeiras e selecionando o número de traduções para disponibilizar aos seus visitantes
Nenhuma modificação de banco de dados: Global Translator é não intrusiva.

fonte: www.n2h.it

Tags:tradução, wordpress

Estatísticas do uso dos Navegadores mais usados

Postado por Marcus Antonius - 13 abr, 2010. em browser

Confira aqui as estatísticas dos navegadores mais usados de março de 2009 até março deste ano:

Confira também as estatísticas para a internet móvel:

fonte: StatCounter Global Stats

Tags:browser, internet móvel

Levantamento do Opera mostra padrão de uso da Internet Móvel

Postado por Marcus Antonius - 12 abr, 2010. em browser, mobile

A fabricante do browser Opera, um dos mais utilizados em plataformas de telefonia celular, divulgou nesta segunda, 29, o mais recente levantamento State of the Mobile Web Report, que analisa o perfil de uso da Internet móvel por meio dos browsers Opera em todo o mundo. São cerca de 50,5 milhões de usuários ativos, segundo a empresa, cujo perfil de uso é a base para o levantamento.

Segundo dados coletados pelo browser Opera, no Brasil houve um aumento no tráfego web por meio de celulares de 322,5% entre outubro de 2008 e outubro de 2009. O dado é relevante porque ele inclui não apenas smartphones, mas todos os tipos de handsets que utilizam browser Opera. E plataformas que geram grande tráfego, mas que podem distorcer a estatística, como o iPhone (cuja base de usuários é muito pequena no Brasil) não são contabilizadas, pois o browser Opera não está disponível nessa plataforma.

No Brasil, os sites mais acessados pela plataforma Opera móvel foram google.com, orkut.com, terra.com.br, youtube.com, live.com, my.opera.com, globo.com, twitter.com, uol.com.br e gmail.com, nessa ordem. Em termos de handsets mais populares com browser Opera estão, na ordem constatada, o Sony Ericsson W800, seguido pelos handsets da Nokia modelos 5000d, 5310, 5130, N95, E71, 5610d, 2680s, 3120c, 3600. O levantamento feito pela Opera permite a comparação destes mesmos dados em todos os países. A íntegra está disponível em www.opera.com/smw .

Um dos objetivos do Opera com essa pesquisa é mostrar que a sua plataforma, por compactar o acesso aos dados e processar previamente as páginas exibidas, economiza bits e torna a navegação pela web móvel mais simples para os usuários e amigável às redes das operadoras. A empresa estima que a taxa de compressão seja da ordem de 90%. Sem isso, apenas em fevereiro, cerca de 3 petabytes de tráfego de dados teriam sido trafegados em todo o mundo para acessos à web móvel pelo browser Opera, o que é 164% a mais do que no mesmo mês de 2008.

Opera no Brasil

Um dos principais executivos do Opera virá ao Brasil em maio para participar do 9º Tela Viva Móvel. Trata-se de Charles McCathieNevile, chief standards officer da empresa, que falará sobre a evolução do uso da Internet móvel e o impacto que isso tem provocado sobre o perfil de uso da web como um todo e sobre as operadoras de telefonia celular. O Tela Viva Móvel é o principal evento brasileiro voltado aos novos conteúdos para mobilidade, serviços de valor adicionado e Internet móvel, e é organizado pelas revistas TELETIME e Tela Viva desde 2003. O evento acontece em São Paulo nos dias 19 e 20 de maio. Mais informações pelo site www.telavivamovel.com.br.

fonte: teletime.com.br

Tags:internet móvel, opera

Google Demonstra QuakeII no browser apenas com HTML5 e WebGl

Postado por Marcus Antonius - 11 abr, 2010. em google

Para tentar evitar um pouco o IPad, que foi lançado no sábado, vamos falar de algo surpreendente que o time do Google fez. Com os 20% do tempo livre que o Google disponibiliza para os seus funcionários nerds, alguns engenheiros portaram o jogo Quake II para o HTML5, usando o Google Web Toolkit.

Para rodar no browser, o Quake II utiliza a tecnologia WebGl em conjunto com a API Canvas, elementos de áudio HTML5, API de armazenamento local e WebSockets. Os navegadores modernos, como Chrome e o Safari, são capazes de roda-lo, atingindo até mesmo 60 quadros por segundo.

Não acredita? Veja o vídeo:

fonte: TreinaWeb

Tags:google, html5, webGl

Novo recurso do Photoshop CS5 está no GIMP há anos

Postado por Marcus Antonius - 10 abr, 2010. em software livre

Detalhes a respeito da nova versão do Photoshop só devem ser revelados publicamente no dia 12 de abril, mas vídeos têm aparecido na internet com novos recursos do Adobe Creative Suite 5.

Entre as novas ferramentas, há a denominada “Content-Aware Fill”, que permite adicionar, remover, mover ou reparar itens em imagens em poucos cliques.

O recurso é, obviamente, interessante, e novo no software da Adobe, mas pode ser encontrado no gratuito GIMP há anos. O serviço é feito pelo plugin Resynthesizer, criado por Paul Harrison.

Ainda não é possível saber o diferencial do recurso do Photoshop CS5. Mas, segundo o Guia do PC, o GIMP não deixa nada a desejar em relação ao que vem sendo demonstrado pelo Photoshop e se mostra uma excelente solução para quem não precisa de todos os recursos do Photoshop ou não está em condições de pagar pelo software da Adobe.

fonte: imasters

Tags:gimp, photoshop

Google Maps ganha exibição de anúncios de imóveis

Postado por Marcus Antonius - 9 abr, 2010. em google

O Google adicionou uma nova funcionalidade ao Google Maps.

Da mesma forma que, hoje, você pesquisa por um endereço ou empresa, poderá pesquisar por imóveis para comprar ou alugar, diretamente no Maps.

Atualmente, o serviço permite a filtragem por imóveis para venda e aluguel, valor mínimo e máximo, pelo número de quartos e pelo número de banheiros. A opção pode ser ativada clicando em Mais… e, depois, marcando a opção Imóveis…. Assim, a opção Imobiliário aparecerá na frente do campo de pesquisa.

Clicando no imóvel desejado, o famoso balão de informações do Maps será carregado, exibindo um resumo sobre o mesmo. Além disso, você poderá traçar uma rota até ele ou fazer uma pesquisa sobre as padarias, pizzarias ou farmácias nas proximidades.

google maps

Em um teste rápido, a opção encontrou imóveis no Rio de Janeiro, São Paulo e Campinas. A inserção dos imóveis no Maps poderá ser feita gratuitamente através do Google para profissionais do setor imobiliário.

fonte: googlediscovery.com

Tags:google, google maps

Internet Explorer 9: um novo começo, com HTML5

Postado por Marcus Antonius - 8 abr, 2010. em browser

Às vezes as coisas não dão certo na primeira vez, nem na terceira. Quem sabe na nona! Pelo menos é isso que a Microsoft espera conseguir com o Internet Explorer 9, que eles anunciaram na feira Mix 2010. Ele tem suporte a HTML5 (com vídeo em HTML5!), renderização acelerada por hardware para imagens e texto, e uma engine de JavaScript totalmente nova.

A Microsoft fez uma demonstração do último build do IE9, a versão final de algo que parece ainda não ter data para ser lançado, e para algo chatinho como um navegador, esse é bem legal. O que há de novo no IE9?

HTML5

html 5

O HTML5 é basicamente o assunto na boca de todo mundo agora, assumindo que “todo mundo” são só desenvolvedores web e viciados em Apple, dizendo que não precisam de Flash. O HTML5 vai salvar a internet! Etc. Mas, na verdade, ele é algo mais sutil que isso: ele é a próxima versão de toda a linguagem que está por trás da web – o HTML – e ele tem suporte a diversas coisas interessantes, que farão os websites se comportarem mais como apps. O Firefox, Safari, Chrome e Opera praticamente deixaram a Microsoft comendo poeira em termos de suporte a HTML5. Até agora! Estas são as funções HTML5 que o IE9 terá, segundo a Microsoft:

Vídeo H.264: Quando as pessoas falam que o HTML5 vai matar o Flash, é disso que elas estão falando. Alguns sites de vídeos, como o YouTube e o Vimeo, vêm experimentando com reprodução de vídeo que não requer um plugin. O H.264 é o formato padrão que os grandes sites decidiram escolher, e agora o Internet Explorer vai suportá-lo.

Marcus Antonius