Postagens da categoria: html

Categoria voltada para a linguagem de marcação de texto HTML; com dicas, curso e códigos.

Editor de HTML grátis CoffeeCup

editor html coffeecupEste é um editor de html realmente de primeira linha, e o melhor, uma versão para download inteiramente grátis e mesmo essa versão grátis já traz uma infinidade de recursos surpreendente para uma versão não paga.

Se você pretende ganhar dinheiro fazendo sites e não pode ou quer adquirir um editor não gratúito como o Dreamweaver considere essa boa opção pois junto com o editor html NVU acredito que sejam os dois melhores editores html oferecido de maneira gratuita.

Logo de cara duas características muito importantes: Suporte a CSS3 e HTML5 o que é muito bom pois é a tendência atual, mas existe configurações para outras linguagens como veremos mais adiante.

Continue lendo »

Canvas html 5

Canvas html 5 - dicas de htmlO HTML 5 traz diversas inovações que com certeza dará muito mais poder a essa linguagem que quase remando contra a maré está dando a volta por cima e promete dispensar o uso de outras tecnologias como o XHTML, HTML DOM nível 2 e até mesmo o Flash.

A tendência é  que em um futuro próximo todos os sites e blogs sejam convertidos para HTML 5 sob pena de ficar perdido no tempo quem não fizer as devidas adaptações. E tem muito em jogo, inclusive  quem procura formas de como  ganhar dinheiro com blogs por exemplo. Visto que blogs mais amigáveis e modernos tem mais chance de melhores posicionamentos, até mesmo de aparecer na primeira página do Google.

Continue lendo »

HTML5 o que você precisa saber

linguagem html 5O HTML 5 é mais recente atualização da linguagem de marcação de hiper texto HTML e chega com a promessa de tornar-se de uso padrão substituindo não só o HTML 4 como também o XHTML e o HTML DOM nível 2, além de ter a capacidade de gerar animações podendo até mesmo substituir o Flash.

Desde que foi lançado até os dias de hoje o Flash não se mostrou capaz de se tornar 100% legível pelos mecanismos de busca e isso acaba prejudicando o SEO da página. Se você quer agradar o Google é bom não usar Flash. Porém muitos não querem abrir mãos dessas animações e o HTML 5 pode ser uma solução, mas não seria nada fácil criar animações complexas diretamente no código, mas provavelmente surgirão ótimas ferramentas com intrface gráfica para realizar esse trabalho.

Continue lendo »

Mp3 player com a tag audio do html 5

mp3 player - audio html 5 com playlistVamos criar um pequeno mp3 player usando a tag “audio” do html 5. O nosso pequeno sistema terá um playlist através de links que passará o endereço das músicas através de parâmetros que serão capturados por um pequeno javascript e em seguida atribuído a propriedade “src” da sub tag “source” que é responsável por introduzir a música no player.

Esse dispositivo funciona bem no Chrome, no IE à partir da versão 9 e no FireFox foi testado apenas na versão 9.01 não se mostrando tão eficiente nessa versão.

É importante para funcionar no IE9 que seja colocada a tag de definição “<!DOCTYPE html>” antes da tag de abertura do documento <html>, portanto não se esqueça disso.

Vamos inicialmente ao nosso javascript que irá capturar as urls das musicas através de seus parâmetros:

Continue lendo »