MDM Studio | Responsive Design
Compartilhe esta notícia no Facebook

HTML5 e SVG Novidades

Novidades da Web: HTML5 - validação de campos sem javascript e imagens em SVG (Scalable Vector Graphics)

Scalable Vector Graphics (SVG)

O núcleo da biblioteca jQuery foi desenvolvido para trabalhar com documentos client-side, incluindo SVG (que permite manipulação DOM) mas o jQuery não oferece suporte direto a estes objetos porque é necessário usar métodos como createElementNS e getAttributeNS. Isso pode ser feito com diversos plugins disponíveis, mas é mais eficiente desenvolver seu próprio código ou usar uma biblioteca SVG especializada como a " Raphaël " ou " svg.js "

Formulários HTML5

Até a mais básica aplicação Web vai possuir um ou dois formulários. Você precisa sempre validar o preenchimento dos campos no servidor mas, o ideal é que o formulário capture erros antes de ser enviado (também).

Validação do lado do cliente:

Você roda uma função quando o formulário é enviado. Se acontece algum problema você interrompe o processamento e retorna um erro ao usuário. Para tanto você pode usar jQuery ou Javascript, mas qual deles escolher? Nenhum.

O HTML5 possui suporte nativo a vários tipos comuns de validação como: E-mails, telefones, URLS, números, horários, datas, cores e campos customizados baseados em expressões regulares. Por exemplo: Se você quer forçar o usuário a preencher determinado campo, use:

<input type="email" name="email" required="required" />

Não há necessidade de nenhum Javascript adicional ou jQuery a não ser que você precise de um pouco mais de sofisticação (comparar dois ou mais campos ou mostrar mensagens de erro customizadas).

Navegadores antigos (inclundo IE9 e versões anteriores) não entendem esses novos tipos e vão renderizar os campos de texto como sendo comuns (sem apresentar erros). Para os usuários destes navegadores será necessário também uma validação a nível de servidor.



Artigo adaptado e traduzido de SitePoint.com

13 de Junho de 2013 [12:04:46]

CEO da MDM Studio, Marcelo Motta participa ativamente do processo de produção de websites, tendo em seu portfólio mais de 130 trabalhos finalizados, entre marcas, websites e sistemas web. Os projetos mais recentes contam com a estrutura do HTML 5, combinados com CSS3 e versões mobile através de media queries.
 

TechNews

Informativos MDM Studio, Games e Tecnologia

Assine nosso Feed RSS