Escribiendo con Markdown

Hubo un tiempo en el que hacer una página Web o un blog era terreno exclusivo de personal especializado en el Lenguaje de Marcado de Hipertexto (html). Ahora es posible usar servicios como WordPress o Blogger que ofrecen un editor de texto integrado.

¿Qué pasa si se trabaja en una historia para publicar pero no se está conectado a la red? Para quien no conozca o no le interesa aprender las etiquetas del html, existe una solución: Markdown, una sintaxis similar a la usada en los viejos tiempos de las máquinas de escribir.

El Markdown utilizado en WordPress es una variante llamada Markdown Extra que permite fácilmente mezclar etiquetas de HTML con Markdown, para quienes quieran ir más allá de publicar una simple  cuartilla de texto.

Si quieres empezar a usarlo, descarga e imprime el siguiente archivo, que he traducido al español:

Sintaxis de Markdown.pdf

La forma de usar esta sintaxis es escribir como normalmente lo hacemos. Para tareas más complejas como agregar una imagen o un vínculo de hipertexto, se usa una nomenclatura que podemos memorizar sin dificultad. Por ejemplo, para una lista ordenada se escribe un número, punto, espacio y la descripción. No importa que cada línea empiece con el mismo número, el resultado final tendrá el orden correcto:

  1. Idea
  2. Sinopsis
  3. Guión literario
  4. Guión técnico
  5. Storyboard
  6. Desarrollo de personajes
  7. Escenarios

Por otra parte, para una lista no numerada empezamos cada línea con un asterisco.

  • Cámara.
  • Objetivo gran angular.
  • Telefoto.
  • Tripié.
  • Batería de repuesto.
  • Cargador.

Para ver la lista completa de Markdown, es mejor dirigirse a la página de su creador, John Gruber: Daring Fireball

Anuncios

HTML5 y CSS

La opción más amigable que he encontrada para aprender a programar en HTML5, CSS y JavaScript es el sitio codeacademy.com que tiene la ventaja de ofrecer estos cursos gratuitos en español. Bueno, más bien en argentino, pues quien hizo el favor de ofrecer la traducción es un amable vecino del cono sur muy nacionalista que se negó a usar un español neutro. Con todo, se pueden entender sin mayor problema las explicaciones.

codeacademy

La gran ventaja que ofrece este sitio reside en la interfaz al usuario, que contiene tres elementos: a la izquierda está una explicación del ejercicio a seguir, la parte central es el entorno de programación , y tiene una pequeña ventana (que se puede maximizar) para ver el resultado.

El curso está dividido en pequeños pasos que se deben ir completando para acceder al siguiente. Los avances hechos en una sesión son guardados, así que la siguiente vez puedes continuar en donde te quedaste, y de ahí continuar hasta terminar el curso.

Para usar el sitio deberás registrarte, lo cual puedes hacer con tu cuenta de Facebook o Google. También puedes hacerlo llenando el formulario de registro. Una vez hecho, tendrás la opción de elegir varios de los cursos disponibles, entre ellos HTML y CSS, que es donde te sugiero que empieces.

MarkDown

MarkDown es un código para escribir páginas web sin necesidad de aprender las etiquetas de html, razón por la cual es ideal para quienes su oficio es escribir artículos y no diseñar páginas Web.

Su sintaxis es parecida a la usada en el correo electrónico, como el uso del signo > para marcar un texto citado. Para indicar una frase importante, como puede ser el encabezado de un artículo, se usa el signo de almohadilla (#), y  los items de una lista se indican con un guión o un signo de más (+). Otros pocos símbolos con significado especial son aprendidos fácilmente, y al final se copia la traducción a html que hizo el programa, para pegarla en una página Web o blog.

Un editor de MarkDown  como app para Google Chrome presentará la página dividida en dos partes: a la izquierda escribes en MarkDown y al lado derecho tienes la visualización como página html.

Software Art

Los intentos de fusionar a la computación y el arte han recorrido distintos caminos, sobre todo el de dos vías donde los artistas exploran la técnica para incorporarla a su arte, y en sentido contrario, aquellos que teniendo una formación tecnológica transitan los senderos del arte.

En éste fluir, encontramos al ingeniero y artista Golan Levin, quien en el campo audiovisual produce imágenes que a su vez convierte en sonido. En el video presentado a continuación puedes elegir subtítulos en español.

Siguiendo con Hojas de Estilo en Cascada.

En este momento es ya una necesidad el uso de CSS (Cascade Style Sheets) para diseñar un sitio. De esta manera se separa el contenido, que permanece en el documento HTML, del diseño que ahora se puede concentrar en un documento por separado. La gran ventaja está en el momento de hacer cambios, pues éstos se verán reflejados en todas las páginas que estén vinculadas al archivo que contiene los estilos, sin necesidad de editar cada una de las páginas por separado.

Aquí les dejo una presentación que explica de una manera detallada qué son y cómo se usan los Estilos en Cascada, sólo perdonen a quien hizo este trabajo por algunas faltas de ortografía.