Pular para o conteúdo principal

Postagens

Mostrando postagens com o rótulo HTML 5

Criando logo animada com SVG

Os limites do FrontEnd - #PARTE1

Para iluminar ainda mais a cabeça dos FrontEnd's iniciarei essa série de postagens com exemplos práticos e possíveis produzidos com CSS, HTML e JS, nos últimos padrões. Alguns não utilizam o JS, o que pode ser observado a poderosa semântica do CSS3 e HTML5. Segue abaixo os primeiros exemplos, onde você poderá fazer estudos e análise: Neste primeiro exemplo mostra-se uma animação construída através de propriedades do CSS3. Utiliza-se apenas HTML e CSS. Que tal um relógio com CSS+HTML+JS? Neste exemplo é construído um relógio que opera em tempo real. Imaginou que seria possível uma calculadora construída apenas com HTML, CSS e JS? Sim! o sistema solar produzido apenas com CSS+HTML. A passagem do dia, também, somente, com CSS+HTML.

TAG's que foram descontinuadas com a chegada do HTML5

<acronym> Define siglas em HTML 4.01. (Desenvolvedores preferem utilizar a tag <abbr>); <applet> Define um miniaplicativo incorporado. (Ficou obsoleto em função da tag <object>); <basefont> Define as propriedads da font padrão para todo o texto do documento. (Apenas efeito visual); <big> Usado para tornar o texto maior. (Apenas efeito visual); <center> Usado para alinhar texto e conteúdo no centro. (Apenas efeito visual); <dir> Define a lista do diretório. (Ficou obsoleto em função da Tag <ul>); <font> Especifica o tipo de fonte, tamanho, e cor do texto. (Apenas efeito visual); <frame> Define uma janela particular dentro de um conjunto de "frames". (Fere princípios de usabilidade e acessibilidade); <frameset> Define um conjunto de frames organizado por múltiplas janelas.(Fere princípios de usabilidade e acessibilidade); <noframes> Texto exibido para navegadores que não lidam ...

HTML: Trabalhando com 'canvas'

Trabalhando com 'canvas' o html5, uma boa aula.

HTML: Trabalhando com 'audio'