Tag Archives: html5

Tools – JSFiddle 

Ferramentas: Analise your code

Saga: M&M (Mundo Mobile)

Continuando a série sobre ferramentas úteis que nos auxiliam no desenvolvimento de web/app.

A partir de agora vamos APRESENTAR o JSFiddle. Vamos lá:

O JSFiddle é um conjunto de ferramentas de teste que nos permite entender os processos básicos das linguagens web como o Vue por exemplo.

  • HTML inspecione os elementos
  • CSS inspecione o comportamento visual dos elementos
  • JS escolha o seu framework

O Ambiente

tools_jsfiddle

Tela inicial da ferramenta. Aqui, temos diversas abas.

Continua

Next stop Dev Tools. Disambark on the left!

#01 – HTML5 – New Tag – Section 

Chega de teoria! – Web Apps!

Saga: M&M (Mundo Mobile)

Novas features HTML5 projetadas para auxiliar no desenvolvimento de nossos webapp. Vamos lá:

Como sugere o seu nome, a nova tag section representa uma seção na página ou doc.

Index.html

Implementação simples:

<!DOCTYPE HTML>

<html>
<body>

<section>
<h1>HTML5</h1>
My Passion
    </section>

<section>
<h1>JS</h1>
My Passion
    </section>

<section>
<h1>C#</h1>
My Passion
    </section>

</body>
</html>

A tag section define/representa áreas específicas no doc.

Qualquer página pode conter mais de uma seção.

html5_newtag_section

O resultado no chrome.

html_basico_estrutura

Visão do template padrão, comportamento deste elemento dentro do seu contexto.

Então é isso treine bastante, e fiquei familiarizado com estes novos recursos.

Ok! Um pouco sobre as FEATURES do HTML5.