Un generador de sitios web estáticos a partir de markdown

Si estáis escribiendo y necesitáis una versión HTML del contenido, prestar atención a la solución que os presento hoy.

Se trata de Html.earth, un generador de sitios web estáticos, enfocado en escritores y diseñadores de contenido. Este software convierte entradas escritas en Markdown en páginas HTML, facilitando así la creación y publicación de contenido web.

Continúa leyendo «Un generador de sitios web estáticos a partir de markdown»

Kombai, para crear el HTML de un email a partir de su diseño

Hoy he estado probando Kombai for Email, una herramienta que promete simplificar la manera en que los profesionales del marketing y desarrolladores crean correos electrónicos. Vamos a desglosar sus características clave y lo que esto podría significar para el futuro del diseño de correos electrónicos.

Se trata de una herramienta que permite convertir diseños de correo electrónico hechos en Figma en código HTML optimizado. Lo interesante aquí es que esta herramienta no requiere componentes predefinidos, nombres específicos o auto-layout en Figma, lo cual es una gran ventaja para los diseñadores.

Continúa leyendo «Kombai, para crear el HTML de un email a partir de su diseño»

Transforma dibujos hechos a mano en código HTML

Cuando comenzamos a diseñar una web solemos usar un lápiz y un papel. Los primeros borradores en servilletas, las plantillas en din-a4… el papel siempre ha sido parte del proceso, y hay una plataforma que puede aprovecharlo.

Se trata de una web en la que podemos subir nuestro dibujo escaneado para obtener el código HTML correspondiente, algo que puede ayudarnos a ahorrar tiempo. Continúa leyendo «Transforma dibujos hechos a mano en código HTML»

HTML Editor, una web para crear contenido en HTML con un editor visual

HTML Editor

No es la primera vez que os hablamos acerca de herramientas relacionadas con el mundo del desarrollo web. De hecho, con frecuencia os recomendamos diferentes recursos de utilidad para todos aquellos que estáis aprendiendo a programar en HTML y CSS. En esta ocasión nos ha parecido interesante destacar HTML Editor, una web que nos permite crear contenido en HTML con un editor de lo más visual.

En concreto, se trata de un editor basado en el formato WYSIWYG, un acrónimo de What You See Is What You Get (lo que ves es lo que obtienes, en español). Tal y como podéis ver en la captura de pantalla que os mostramos al inicio de este artí­culo, la interfaz de la web está dividida en dos secciones: la de la izquierda nos usar el editor online y dar formato al texto y a las imágenes, mientras que en la sección de la derecha veremos aparecer el código HTML correspondiente.

Continúa leyendo «HTML Editor, una web para crear contenido en HTML con un editor visual»

WebSlides: nuevo framework para hacer presentaciones HTML de forma fácil

webslides

Hoy nace WebSlides, un framework de código abierto basado en SimpleSlides con el que cualquiera que lo desee pueda realizar sus propias presentaciones orientadas a la web.

Esta solución ofrece justo lo necesario para que tanto escritores, periodistas, diseñadores, o cualquiera que desee llevar una historia a la web pueda hacerlo de manera fácil. Tan sólo tendrá que escoger una de las demostraciones disponibles y hacer las modificaciones que necesiten en tan sólo cuestión de minutos.
Continúa leyendo «WebSlides: nuevo framework para hacer presentaciones HTML de forma fácil»

inkbrush, una excelente forma de diseñar emails HTML

emails HTML

La mayorí­a de las plataformas de email marketing ya tienen un editor de plantillas capaz de diseñar emails HTML de todo tipo. En muchas ocasiones hay tantas plantillas predefinidas en estas soluciones que atienden a la mayorí­a de las necesidades de sus clientes. Pero es posible que sea necesario algo más personalizado, crear un HTML muy especí­fico que sea difí­cil de encontrar en este tipo de aplicaciones, o simplemente queramos crear un email HTML sin previsión de transformarlo en newsletter.

Para ello existen herramientas que permiten subir un diseño en forma de imagen y crear un HTML a partir del mismo, y inkbrush es una de ellas.
Continúa leyendo «inkbrush, una excelente forma de diseñar emails HTML»

Nuevo curso online gratuito de HTML y CSS, en español

curso html

Si queréis empezar a programar páginas web y aún no conocéis los conceptos básicos, en devcode.la han abierto las puertas para que cualquier persona pueda realizar un curso online de HTML y CSS de forma gratuita.

Se trata de un curso donde HTML5 será el protagonista. Se realizará una introducción a HTML y CSS, se hablará de sintaxis de HTML5 y se tratarán conceptos de posicionamiento, tipografí­a, formularios y tablas.

Como cada curso de su plataforma, está compuesto de pequeños ví­deos y tutoriales que pueden hacerse en cualquier momento, no hace falta estar en una hora especí­fica, aunque es posible dejar las preguntas y esperar a que el profesor, u otros compañeros, puedan resolverlas.

Para finalizar, hay un examen de 20 preguntas, si lo aprobamos podremos obtener el certificado correspondiente.

Recordad que en esta dirección tenemos una lista de casi 400 cursos online gratuitos que pueden hacerse en cualquier momento (no confundir con la lista de cursos que empiezan en diciembre), muchos de ellos de programación, por lo que no perdáis la oportunidad y comenzar a guardarlos en vuestros favoritos.

Un curso online para aprender a crear emails «responsive» con HTML

curso emails responsive

Si deseas ahondar en conocimientos respecto al manejo del HTML en el diseño de mensajes de correo electrónico, mensajes que en las circunstancias actuales al menos deben ser responsive para ganar el interés de los usuarios tanto en sus equipos de escritorio como en dispositivos móviles, probablemente te llamará la atención el más reciente curso gratuito especializado de la plataforma online Code School.

Continúa leyendo «Un curso online para aprender a crear emails «responsive» con HTML»