SwitchToHTML5, genrador de código HTML5SwitchToHTML5 - código generado

SwitchToHTML5 - generador de templates HTML5

SwitchToHTML5 es una herramienta online que permite crear la estructura básica de un sitio en HTML5. 

Sólo hay que completar el formulario y presionar en Generate HTML5 Framework! para obtener todo el código fuente y así comenzar a desarrollar en HTML5.

Principales características:

  • Genera todas las estructuras de una página web html5 como <section>, <article>, etc.
  • Enlaza archivos JS y jQuery.
  • Permite definir CDN para bibliotecas como jQuery.
  • Opciones para definir idioma y codificación de caracteres.
  • Definiciones básicas de tamaño de tipografías para secciones e imágenes.
SwitchToHTML5, genrador de código HTML5
SwitchToHTML5 - código generado

El siguiente ejemplo, es código generado con SwitchToHTML5:

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Pixelco Blog</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<link rel="stylesheet" href="style.css" />
<meta name="generator" content="http://switchtohtml5.com">
</head>
<body>
<section>
<header>
<nav>
</nav>
</header>
</section>
<article>
<figure>
<img src="path/to/image.png" />
<figcaption>Lookie Mah! An Image!</figcaption>
</figure>
<small>My Smallprint</small>    <mark>My Highlighted text</mark></article>
<aside>
</aside>
<footer>
</footer>
</body>
</html>

SwitchToHTML5

Sitio: switchtohtml5.com/index.php

Por Diego Cambiaso

Comunicador Social, Desarrollador de Software y UX Designer. Blogger desde el 2006, creador de Pixelco Tech. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT