Cómo preparar imágenes para publicar un post (II)

Hace algunos meses publiqué en La Brújula Verde un post en el que explicaba cómo preparar imágenes (en mac) para publicar un post, de ahí que este lleve el título que ven (2ª parte).

Allí explicaba como recortar y redimensionar las imágenes utilizando Skitch. El caso es que he dejado de usar esa aplicación (sobre todo por cómo Evernote terminó por estropearla del todo) y ahora utilizo una macro de Keyboard Maestro que es mucho más rápido y limpio: Redimensionar imágenes con Keyboard Maestro.

Pero el caso es que también se puede redimensionar una imágen rápidamente usando un flujo de trabajo (workflow) o un servicio creados con Automator, la herramienta que Apple nos proporciona dentro de OS X para automatizar tareas e incluso crear pequeñas aplicaciones.

Una vez creado el servicio, tendremos que activarlo en Prefencias del Sistema-Teclado-Funciones Rápidas-Servicios. Y de ese modo, al hacer un clic secundario o ctrl-clic en una imagen que tengamos en el escritorio, lo tendremos disponible para lanzar.

El servicio sería tan sencillo como esto (donde el ancho en píxeles podeis cambiarlo a vuestro gusto):

Captura de pantalla 2013-11-04 a la(s) 20.12.45

E incluso, si no os quereis complicar mucho, hay una pequeña aplicación gratuita de DEVONtechnologies, los creadores de DEVONThink. Se llama ThumbsUp (descarga), y aunque está orientada a crear thumbnails, en realidad nos sirve perfectamente ya que podemos indicarle el ancho deseado en píxeles y la calidad de la imagen resultante.

Captura de pantalla 2013-11-04 a la(s) 20.22.50

Una vez configurada, sólo hay que arrastrar las imágenes a su icono en el dock, y automáticamente tendremos la nueva imagen redimensionada en el escritorio.

Si queremos afinar más el peso y la calidad de la imagen antes de subirla al blog, podemos utilizar, como comentaba en la primera parte de este post, ImageOptim (gratuita), para mi la mejor aplicación de este tipo que existe.

Analizando seis tipografías: Superhero Superfamilies

Superfamilies are typically defined as being super-sized. They're a single family of typefaces that share the same basic look, feel, and personality but belong to different classes and have different finishing details. The most basic family comprises a Serif and a Sans Serif typeface, while a superfamily might also include Condensed, Script, Slab, Text, Display, Rounded (and many more) versions. But some superfamilies are more super than others

Dan Eden analiza en el blog de Typecast seis tipografías web que pueden darle un mejor aspecto a tu blog. Algunas están ya muy extendidas, como Próxima Nova, y otras son algo dudosas como Museo.

Pero es un buen ejemplo de análisis. Nunca está de más el consejo de un experto a la hora de elegir una tipografía.

Hace tiempo que uso Typekit, que también ofrece análisis de tipografías en su directorio de fuentes. Pero viendo los estupendos posts que hacen en Typecast me dan ganas de cambiarme.

Volviendo a Evernote gracias a Lightly

20130726-172559.jpg

Hace un par de días me quejaba en Twitter de que no conseguía tomarle el punto a Evernote y preguntaba, a quien quisiera contestar, como lo usaban de manera productiva. El caso es que al estar en movilidad estos días he acabado por darme cuenta que necesito un archivo sincronizado de enlaces, anotaciones y demás, que me permita el acceso desde todos mis dispositivos.

El problema venía por la necesidad de descargar Pocket de cosas que no son urgentes, cuya lectura puedo posponer unos días o que tengo que darles una relectura más sosegada. De ese modo Pocket queda para lo mas inmediato y se aligera un poco el tiempo de sincronización de la app en iOS. Así qué todas esas lecturas no urgentes podían ir perfectamente a Evernote, desde donde puedo establecer un recordatorio para mas adelante o enviarlas a Omnifocus mail mediante.

Pero claro, la forma que tiene Evernote de capturar los posts y páginas web es bastante poco efectiva, ya que, o bien captura la web completa, sólo el bookmark o una versión sin imágenes realmente horrorosa. Y aquí es donde viene al rescate Lightly, una aplicación iOS del creador de Everclip, que funciona durante diez minutos en segundo plano (también tiene un bookmarklet para Safari).

Lo que hace Lightly es que cuando estas leyendo un post en Safari o en cualquier navegador interno de una app como Reeder o Pocket, y seleccionas y copias un texto, captura todo el artículo en versión legible (como Instapaper o Readability) pero resaltando el texto que has copiado.

Luego puedes añadirle tags, seleccionar una libreta de Evernote y, voilá, ya tienes una versión anotada del post y formateada para lectura en tu Evernote. Desde el propio Lightly se puede incluso subrayar texto adicional.

Total que acabo de renovar mi Evernote Premium, gracias a Lightly.

(Nota: parece que de momento no es compatible con iOS 7)

Lightly está disponible en la AppStore.

Usando linked-list posts

Desde hace tiempo que estoy utilizando pequeños posts en los que comento brevemente un artículo de otro autor o blog. Hasta ahora esos comentarios, que podíais identificar porque llevaban el término Comentando: precediendo al enlace en cuestión, se generaban mediante una combinación de custom post formats de WordPress y CSS. A partir de hoy identificar esos posts será mucho más fácil, tanto en el sitio como en el feed RSS:

  • En el sitio cada post de ese tipo llevará delante un símbolo ∞ que además funciona como enlace permanente del post en este blog. A continuación irá el enlace comentado.
  • En el feed RSS el título del post será el propio enlace externo. Esto es así para facilitar al lector el acceso al mismo sin tener que pasar antes por este blog. Al pie aparecerá un símbolo con el permalink hacia este blog, por si alguien tuviera interés en enlazarlo.
  • Al mismo tiempo en el feed RSS, y para distinguir los posts normales adecuadamente, estos llevarán delante un símbolo

Todo esto es posible gracias al uso de un plugin llamado Daring Fireball Style Linked List y que, como su propio nombre indica, lo que hace es imitar el estilo de este tipo de posts empleados por John Gruber. Ojo, porque la versión del repositorio de WordPress no es la última, hay que descargarlo del enlace que he puesto al repositorio de GitHub.

La verdadera magia de este plugin está en sustituir el enlace o permalink del título del post (aquel que apunta a este propio blog) por el enlace al post comentado. Para ello utiliza un campo personalizado en WordPress, que se puede cubrir manualmente. Pero también proporciona un método automático, que es el que estoy usando y de momento funciona a la perfección: si tienes esta opción activada, el plugin buscará en la primera línea del post un enlace seguido de un punto. Al publicar el post ese enlace se incorpora al campo personalizado y es eliminado del cuerpo del post, lo que produce el resultado final que podeis comprobar ya mismo en algunos de mis últimos linked-list posts.

Por último, queda el tema de mostrar en el blog los posts con los títulos enlazados al post o enlace comentado, y no al permalink del propio blog. Para ello debemos utilizar <?php the_linked_list_link(); ?> como url de referencia de los títulos, en lugar de <?php the_permalink(); ?>. Por supuesto, al mismo tiempo hay que usar un custom post format de tipo aside, para poder estilizar los linked-list posts sin interferir con los posts normales. Si ya teneis definidos los asides en vuestro theme no hay problema, simplemente habría que cambiar las llamadas a los enlaces anteriores.

Si no teneis definidos los asides en el theme hay que seguir estos pasos:

  1. Editar el archivo functions.php de vuestro theme y añadir el siguiente código: <?php add_theme_support('post-formats', array('aside', 'gallery', 'link', 'image', 'quote', 'video', 'audio')); ?>
  2. Editar los archivos index.php y single.php del theme e incluir este código justo antes del código que muestra el título de los posts: <?php if (has_post_format('aside')) { echo '<h2><span><a href="';the_permalink(); echo '">∞ </a></span>'; echo '<a href="';the_linked_list_link();echo '">';echo the_title(); echo '</a></h2>';} else { ?>. Esto hace que se muestren los títulos enlazados al artículo comentado, siempre y cuando hayamos publicado ese post como un aside. Si el post no tiene ese formato, mostrará el título normal enlazado a tu blog. Finalmente, tras el código que muestra el título de tus posts normales hay que colocar <?php } ?>.

La razón para hacer esto ya la he apuntado más arriba: facilitar al lector el acceso a esos enlaces de manera rápida desde el feed RSS. No tiene sentido tener que pasar antes por este blog para leer mi comentario, que lo puedes leer en el feed. Haciendo clic en el mismo título del post irás directamente al enlace original.

Espero vuestros comentarios sobre si os parece una buena idea y lo consideráis útil.