Os princípios do HTML5
A mais recente evolução do HTML é HTML5, que leva aos trancos e barrancos de web design para a frente. Esta geração oferece um amplo conjunto de elementos e propriedades - que permitem novas possibilidades legais de design e interação. Porque HTML5 também suporta dispositivos de web móvel, tornou-se rapidamente o novo padrão e é agora suportado por todos os principais navegadores (embora o Internet Explorer exige que a página web incluem um código
Menu
A solução móvel e favorável ao dispositivo para sites
Com a introdução do HTML5, uma questão particularmente espinhosa pode ter sido finalmente colocado para descansar: alcançar efeitos de animação frescos em dispositivos da Apple sem o uso de flash. A plataforma de dispositivo da Apple nunca apoiou o Flash. Esta recusa foi mais sobre o Flash monopolizando recursos da bateria e largura de banda do que cerca rivalidade empresa com Adobe (os criadores do Flash). Seja qual for o caso, os sites que costumavam Flash para qualquer coisa que seja - digamos, navegação, interação, ou efeitos de animação - simplesmente não iria funcionar em iPhones ou iPads. HTML5 veio para o resgate.
Uma alternativa de animação
Com a introdução do novo elemento em HTML5, há agora um recipiente (similar ao elemento CSS div) que pode conter animações javascript frescos e funções interactivas. Como o javascript é uma linguagem de script poderosa e pode fazer um monte de que o Flash pode fazer, essa combinação tela-plus-javascript apresenta uma abordagem alternativa real à animação da Web suportado em computadores e navegadores móveis.
A desvantagem, claro, é que você terá de domar javascript para fazer todo este material puro acontecer - e javascript é uma linguagem bastante robusto! A vantagem é que o céu é o limite. Com javascript, você pode criar interfaces de usuário sofisticados, desenhar diagramas com elementos de forma básicos, escala e girar itens, e carregar imagens externas dentro e para fora. Para usar a tag, você tomar duas ações: Você incluir uma tag em seu HTML e criar um javascript que tem como alvo a tela.
suporte touchscreen
Nos últimos anos, o advento de dispositivos touchscreen tem forçado os designers a repensar a forma como eles projetam interfaces. Os designers podem fazer uso de vários eventos de toque: Dedo em algo, dedo movendo-se através de um elemento, eo dedo removido - ou (em termos mais técnicos) touchstart, touchmove, touchend e touchcancel. Estes eventos nativas HTML5 trabalhar em WebKit (que são os navegadores Chrome e Safari) e permitir que praticamente qualquer tipo de interação dedo tais como arrastar, apertar e fazer zoom e girar.
Geolocation para sites
No passado, obter a localização geográfica de um usuário, você teria que usar um script de detecção de IP que acessou um banco de dados e fazer uma suposição razoável sobre o paradeiro gerais do usuário e precisas para um nível regional. HTML5 agora suporta recuperar geolocations mais específicos: Usando javascript, você pode encontrar a longitude e latitude informações através de GPS (para dispositivos móveis) e Wi-Fi Informação roteador (para computadores portáteis e de secretária). Você pode até obter altitude e um carimbo de tempo no local. Claro, o usuário deve concordar em liberar essa informação de localização.
Agora, os pontos de longitude e latitude de um usuário só são úteis para recuperar no contexto de um mapa - então você tem que integrar esses dados com API Static Map do Google.
A outra coisa a notar é que uma vez que o navegador sabe sua posição, é possível acompanhar a sua posição tão bem! Isso pode soar Big Brother-ish, mas imagine uma aplicação móvel que sabe onde você está em um shopping center e serve-se cupons para lojas que estão em ou perto como você se mover.
manipulação de conteúdo poderoso
Diversos melhoramentos em HTML5 permitem que os designers mais controle sobre vários elementos de conteúdo na página. Por exemplo, o novo atributo contenteditable pode ser atribuído a qualquer elemento que você deseja que o usuário seja capaz de editar - por exemplo, um campo de texto que tem exemplo de texto que o usuário pode substituir com texto de propósito específico.
Outra atualização que HTML5 fornece é uma expansão para o kit de ferramentas form-design. Agora você pode adicionar controles deslizantes de gama, um campo de pesquisa, uma opção para inserir texto padrão para os campos de entrada, como encontrar livros, um calendário pop-up para a seleção de data, e até mesmo um seletor de cores que abre seletor de cores do computador. Além disso, HTML5 oferece suporte nativo para elementos de formulário necessários. Você pode simplesmente adicionar o atributo necessário para uma entrada, selecionar, ou elemento de área de texto. Em conjunto com este novo componente necessário, CSS permite segmentar esses campos necessários e dar-lhes uma aparência exclusiva.