Cinco Editores HTML5 esenciales

HTML5 ha ganado mucha atención en los últimos dos años, y por buenas razones. El Internet como la conocemos, está cambiando, y HTML 5 está a la vanguardia de esos cambios. Si usted está interesado en ir a la mezcla HTML5, usted estará interesado en las herramientas que hemos encontrado para la creación de sitios web y aplicaciones web utilizando HTML 5.

Por el momento, hay dos tipos de editores de HTML 5 que se encuentran: aplicaciones independientes y editores basados ​​en el navegador. Hay ventajas y desventajas para cada uno. aplicaciones independientes del sistema operativo son dependientes, es decir, algunos son creados para Windows, otros para Mac, sólo uno es para tanto. aplicaciones basadas en navegador, en cambio, el trabajo en cualquier sistema operativo, con casi cualquier navegador actual, así como otros dispositivos, como el IPAD. aplicaciones independientes de trabajo con o sin una conexión a Internet. aplicaciones basadas en navegador normalmente sólo está disponible si usted está en línea (más sobre esto más adelante). Si uno es mejor que la otra depende de las características específicas de un desarrollador dado, sus necesidades, requisitos, sistema operativo, etc

Con eso, vamos a pasar a las herramientas de HTML 5.

Aloha Editor

El Editor de Aloha es un navegador basado en texto marco editor visual que se ha creado en JavaScript. A diferencia de la mayoría de otros editores de HTML, Aloha en realidad puede ser incrustar en un blog de la CMS, u otros marcos estándar de desarrollo web.

Funcionamiento de una manera similar a la de un área de texto, casi cualquier DOM (Document Object Model) elemento puede ser editado - un desarrollador sólo tiene que insertar el código dentro de sus documentos en línea. Al resaltar el texto, aparece un menú flotante cerca de la zona que se está editando, lo que le permite cambiar el tamaño de la fuente, la cara, insertar tablas y más de acuerdo con el contenido que se está editando.

Lo único que Aloha es corto es en tutoriales de base o de documentación. Una referencia de la API se proporciona, como es un foro y varios tipos de muestras, pero no "cómo agregar Aloha a su blog" tutoriales están presentes (si están presentes, no son evidentes para este desarrollador).

DreamWeaver CS5

Adobe DreamWeaver CS5 es bien conocido en la industria, y su reputación como un Mangler código ha mejorado drásticamente en los últimos años. El lanzamiento más reciente, DreamWeaver CS5, llegó con el anuncio de Adobe que DreamWeaver CS5 ahora soporta HTML5 . Hemos cubierto la Creative Suite de productos durante muchos años en HTMLGoodies, más recientemente en un artículo general que describe el producto CS5 suites y varios planes de suscripción, una revisión de Dreamweaver sí , y un tutorial sobrecómo crear menús CSS usando CSS Tab Diseñador junto con Dreamweaver .

Dreamweaver es un editor con todas las funciones, que proporcionan una funcionalidad WYSIWYG, un panel de vista previa multipantalla, la integración con jQuery Mobile y BrowserLab Adobe, junto con el soporte nativo para Android y aplicaciones IOS (cuando se utiliza PhoneGap), CSS3 y HTML5 del curso. Dreamweaver no es un producto barato, pero si eres un desarrollador web profesional, puede ser una herramienta útil y versátil en su caja de herramientas - bien vale la pena el precio de compra.

Maqetta

Maqetta es otro editor de HTML 5 basado en el navegador - pero no caer en la falsa percepción de que "basado en el navegador" es inadecuada. Maqetta, así como otras herramientas basadas en el navegador, son cada vez más capaces, más útil y más fácil de usar en múltiples dispositivos y navegadores. La mayoría de estas herramientas también son libres (y de código abierto, ya que son en gran parte por escrito en HTML y JavaScript), por lo que está recibiendo mucho más de lo que está pagando.

Maqetta es un editor WYSIWYG completo. Los desarrolladores pueden crear una página web, inicialmente extraer, arrastrando y soltando elementos en la página, la edición de la página utilizando un modo de diseño o la vista de código fuente. Una característica wireframing permite a los diseñadores de interfaces de usuario para "dibujar" una interfaz de usuario antes de que lleguen a la codificación. Un editor de temas permite la personalización del estilo de muchos tipos diferentes de widgets, e incluye soporte completo para el estilo CSS.Si usted no ha intentado Maqetta, vale la pena gastar algún tiempo jugando con él para ver su potencial.

MacFlux

MacFlux es un producto de software comercial para el Mac, obviamente, que se vende por $ 99. Incluye plantillas de sitio web gratuito, y soporta HTML5 (y HTML 4), PHP, Ruby, JSP y otros lenguajes basados ​​en texto.

La empresa que vende MacFlux, MacWare Inc, considera que es un "entorno de diseño creativo en lugar de una solución basada en la plantilla" y de las capturas de pantalla en su sitio, parece que tiene una interfaz simple que cualquier persona más o menos podrían utilizar para crear un sitio web. Ya que no ofrecen una descarga de prueba, que tendrá que tomar su palabra. Cualquier usuario de Mac que han utilizado el software, por favor no dude en comentar a continuación.

BlueGriffon

BlueGriffon es un editor de extraño, en que sí, que es otro navegador basado en el editor, pero no, usted no tiene que estar en línea para acceso y utilización. Basado en el navegador Firefox motor de renderizado Gecko, usted realmente puede descargar e instalar BlueGriffon en el equipo. Hay binarios disponibles para Mac, Windows XP / 7, Ubuntu y Fedora, y está disponible en 9 idiomas.

Al igual que algunos de los otros que hemos discutido, BlueGriffon es un editor WYSIWYG con soporte para HTML 4 y HTML 5, así como XHTML. Para los usuarios que quieren experimentar con las características de HTML5, que permite a los desarrolladores integrar directamente los elementos de audio y video de HTML5 en una página web.

Cuenta con algunas funciones adicionales que otros editores no tienen, tales como la capacidad de extraer un fotograma de un archivo de vídeo para que pueda ser utilizado como el "cartel" para el vídeo cuando se incrustar el vídeo en una página web. Esa característica se necesita un clic para llevar a cabo. HTML5 formas son totalmente compatibles con cuadros de diálogo para cada elemento forma definida en la especificación HTML 5.

Todos los elementos de HTML 5 - incluida la cabecera, pie de página, además, etc - también se incluyen en un menú desplegable de fácil uso, permitiendo que un desarrollador para insertar en un documento con un clic del ratón. BlueGriffon es un editor de primera clase - que tiene mi voto, mi favorito de los mencionados en este artículo. Si le das una oportunidad, o tener una opinión al respecto, háganoslo saber mediante el formulario de comentarios de abajo!