Seu site está realmente funcional?

A pergunta título desta postagem é a que costumo fazer para pessoas e empresas que tenho contato. A maioria responde: sim, eu fiz um site tem uns 4 anos que está uma maravilha. Pois bem, no momento posterior a resposta costumo acessar o mesmo pelo celular e pelo tablet e sabem o que acontece? Em quase todos os casos o site aparece todo torto, sem possibilidade de navegação utilizando os dedos, dentre outros problemas.

Pequenas, médias e grandes empresas já possuem em sua maioria sites. Alguns interessantes e robustos, mas que foram feitos para serem acessados em um PC desktop ou notebook, e não foram otimizados para o estilo de vida móvel do funcionário e do cliente da atualidade. Essa falta de adaptação cria uma experiência negativa para o usuário, que tenta obter informações e até contratar serviços mas não consegue por barreiras tecnológicas de dispositivos móveis, sejam elas conexão ou mesmo falta de suporte mobile.

O tráfego móvel global já representa 29% de todo o tráfego de internet – e está crescendo a cada ano, sendo que no Brasil já passamos de 47%, sendo que um novo segmento começa a ganhar volume: o de SmartTV. Já passou da hora de pensar no design de conteúdo online para dispositivos diferentes de desktop e notebook.

O design responsivo não é nenhum bicho de sete cabeças, mas você precisa estar atento às necessidades desse segmento em rápida mudança – sem estourar seu orçamento de TI. Diferentes dispositivos têm diferentes resoluções de tela, tamanhos e capacidades de navegação. Um site utilizando design web responsivo adapta o layout de acordo com o ambiente de visualização, seja um dispositivo portátil como um smartphone, monitor de um computador desktop ou mesmo de SmartTV. A navegação no site deve ser ajustada de uma funcionalidade de mouse e teclado para uma que permita ao usuário interagir através da tela de toque do celular, tablet ou TV. Um site que não seja otimizado para dispositivos móveis em breve não terá uso para seus clientes. Sites precisam poder ser vistos em diversas plataformas, sem sacrificar a experiência e sem sobrecarregar os desenvolvedores.

Se você der a seus visitantes uma experiência consistentemente boa em qualquer dispositivo, existe uma grande chance de conseguir retê-los como usuários e possivelmente convertê-los em clientes. Já o contrário… Bom, acho que nem preciso completar a frase.

Então, que tal parar de perder novos usuários e clientes? Entre em contato para contratar a auditoria web, que irá levantar os pontos fracos em seu site, possibilitando assim sucesso total com seus clientes.

GlobalMoneyInput – Plugin de jQuery para digitação de valores monetários

Noticiei aqui no blog em meu primeiro post, em 15/06/2010, que a Microsoft havia realizado uma contribuição para o projeto jQuery com um plugin voltado para internacionalização, permitindo formatar números e datas.

Pois é, passados alguns dias surgiu uma necessidade em um projeto e utilizei o plugin. Porém, ao me deparar com a necessidade de permitir o usuário entrar com dados independente da localidade, não encontrei plugin para tal. Com isso resolvi implementar um plugin que fosse compatível com o Global, para aplicar máscaras em campos input para digitação de valores financeiros. Com isso surgiu o jQueryGlobalMoneyInput.

O jQueryGlobalMoneyInput é um plugin simples e direto. Ele basicamente possui dois métodos: maskMoney (para ativar a máscara) e unmaskMoney (para remover a máscara).


$('#yourMoneyFieldInputId').maskMoney();

Confira o plugin no site do jQuery, no Google Code ou no site que fiz para o projeto.

Você sabe HTML?

Em alguns momentos, quando vou selecionar profissionais para trabalhar em um projeto web, costumo fazer esta pergunta. A resposta é inevitavelmente “sim”. Normalmente após algumas poucas horas de trabalho com o profissional que respondeu a pergunta como sim, me deparo com um código bem aquém de alguém que possui conhecimento de HTML. Muitos acreditam que, se uma página aparece sem distorções no Internet Explorer, o código está correto. Comum engano.

Abaixo enumero alguns dos erros mais comuns:

  • Falta de definição de charset
  • Tags sem fechamento
  • Código CSS misturado com código HTML
  • Código Javascript misturado com código HTML
  • Falta de uso de tags básicas (como por exemplo H1)
  • Excesso de tags DIV
  • Tabelas utilizadas erroneamente para layout
  • Tabelas implementadas sem TBODY, TFOOTER e LEGEND
  • Legenda de campos de formulário sem LABEL
  • Links e imagens sem o atributo TITLE preenchido
  • Nenhuma preocupação com acessibilidade

Para quem trabalha e/ou pretende trabalhar com web, o completo conhecimento da linguagem HTML é um pré-requisito. Conhecer suas tags e saber aplicá-las corretamente é algo que diferencia um projeto de qualidade de algo feito por ditos “profissionais”.

Para ser um bom profissional web você deve, primeiramente, estudar HTML e acompanhar sua evolução.

Sencha Touch – Framework para desenvolvimento de aplicações para Iphone, Ipad e Android

Sencha Touch é um dos primeiros frameworks de desenvolvimento construído especificamente para dispositivos touch utilizando como base as tecnologias HTML5, CSS3 e Javascript. Com alto grau de potência e flexibilidade, a ferramenta permite facilitar o processo de desenvolvimento.

Confira o vídeo abaixo:

Sencha Touch
http://www.sencha.com/products/touch/

Microsoft contribui com plugin de formatação para o jQuery

Grandes mudanças tem ocorrido no mercado de software. Quem imaginaria uma empresa como a Microsoft participando ativamente de iniciativas não comerciais? Pois é, isto tem acontecido. O último exemplo foi o plugin Globalization.

O Globalization tem como objetivo facilitar o suporte JavaScript as características locais de formatação. Formatação de data, número e moeda estão disponíveis neste plugin para mais de 350 localidades. Estes parâmetros foram extraídos das definições da RFC 4646 e RFC 5646.

Efetue o download do plugin aqui.