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

Guión para audiovisual

Encontré esta presentación que me parece útil y condensada para convertir una idea en una presentación audiovisual, ya sea ésta un cortometraje, animación o narración literaria.

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.

Cómo descargar Celtx

Celtx es un programa diseñado para editar guiones, novelas, obras de teatro y story boards.  desarrollado originalmente para computadoras de escritorio, tanto PC como Mac. Tiene una opción gratuita, así como una de pago, además de varias aplicaciones móviles para iOS, y un par para Android.

Desde hace algún tiempo decidieron mover sus servicios a la nube, al estilo que ha impuesto Adobe, así que ahora, aún para descargar la opción gratuita de su programa, debemos registrarnos para tener acceso a sus programas, además que se agregó un espacio en línea para guardar nuestros guiones. Sigue leyendo

MindMap Animación Digital I

Este es un mapa mental del curso con ActionScript2, del agonizante Adobe Flash. La mayor parte es reutilizable, pues ActionScript está basado en JavaScript, que es ahora el lenguaje de moda junto con HTML5 y Hojas de Estilo en Cascada (CSS, Cascade Style Sheets).
Da clic sobre la imagen para ir a la versión interactiva de este mapa.

Da clic sobre la imagen para ir a la versión interactiva de este mapa

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.

Usando Spreaker


Spreaker es un servicio para creación de podcasts, con opciones para transmisión en vivo y subir grabaciones realizadas previamente.

En la opción de streaming  en vivo, provee de una consola para mezclar la transmisión con música y efectos de sonido. En la opción de subir un audio, es preferible editarlo previamente con una aplicación adecuada, como podría ser Audacity.

La versión gratuita permite transmitir 30 minutos cada vez, y tiene una capacidad de 20 horas de audio.

Tutorial usando XnView

XnView ws un programa gratuito para visualizar diferentes formatos de imagen. Una de las opciones que tiene es hacer capturas de pantalla para con éstas realizar un tutorial.

 

Por ejemplo, para explicar dónde hacer el cambio de codificación a UTF-8 de un archivo de texto en Bloc de Notas, esta imagen muestra la ubicación de ésta codificación.

Para generar videos se uasrá el software CamStudio.

 

Probando Windows Live Writer.

WordPress es un excelente blog, pero su interfaz para crear nuevas entradas es bastante incómodo, con una ventana pequeña que no he logrado maximizar.

La edición de las entradas en html son otro dolor de cabeza, pues utiliza código propietario que hace suposiciones bastante alejadas a lo que quiero hacer, por lo que buscando alternativas de editores de blog encontré que sugerían Windows Live Writer. Sucede que éste editor ya lo tenía desde hace meses, pero no me imaginaba para qué servía, pues si bien tengo un blog desde hace años en blogger, sólo lo estuve toqueteando dos o tres veces sin encontrarle un uso práctico en ese entonces.

Sin embargo, durante el intersemestral tomé un curso que me hizo ver otras posibilidades a este medio de comunicación, más allá del que le dio origen, a saber, funcionar como un diario personal abierto al mundo. La posibilidad de publicar entradas de manera inmediata, sin la necesidad de todos los pasos previos que se requieren para hacer un sitio Web, es realmente atractiva. Y no que ignore cómo hacer un sitio web, a fin de cuentas soy diseñador gráfico, por lo que se el trabajo que eso representa.

Por supuesto que el blog tiene restricciones, algunas bastante incómodas, como es limitar los tipos de archivo que permiten subir a sólo imágenes y documentos de Word o pdf. Claro que se le puede dar la vuelta a este problema usando otros servicios en línea o comprando espacio en un servidor para alojar esa información y ofrecer los vínculos, porque no permite la incrustación de esos archivos.

The Windows Live Writer logo.

Image via Wikipedia

En fin, me extendí en ésta explicación sólo para probar WLW y su capacidad para enviar la información a WordPress desde mi computadora de escritorio. Probaré también con tumblr y posterous para conocer las posibilidades de esos otros servicios.

 Agregué un plugin para WLW que en teoría permite insertar archivos, por lo que estoy probando con un pdf de ayuda en HTML:  HTML Help Sheet 02

Ya publicado, noté que el este plugin no funciona, el attachment tuve que realizarlo directamente en WordPress.