Recursos

Hace nada que han sacado una renovada versión pero es desde hace tiempo ya que Instagram [en] aparece por todas partes.

No me pararé a hablar del programita sino simplemente a que por motivos laborales hemos estado por el estudio viendo los efectos fotográficos generados y un servidor se ha encontrado con un set de acciones para Photoshop que simulan dichos efectos. Me ha parecido un recurso que quizá a alguno le venga bien.

Instagram Filters as Photoshop Actions [en]

PD: Seguro que hay muchos set similares rondando por ahí. Se agradecería que si conocéis alguno mejor, lo comentéis :)

Para los que no uséis Fireworks o el programa de Balsamiq [en] por citar un par, quizá os interese Frame Box, una sencilla y pequeñita herramienta online para hacer prototipados rápidos.

Incluye los elementos estándar para hacer bocetos: botones, cajas de texto, separadores, carga de imágenes, checks, etc… una vez completado te lo guardas y el sistema te dará un enlace para que puedas compartirlo con quien necesites.

Frame Box [en]

El otro día estaba en el estudio buscando cosillas y llegué de casualidad hasta jQuery Masonry:

Masonry is a dynamic grid layout plugin for jQuery. Think of it as the flip-side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically, positioning each element in the next open spot in the grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

Como una imagen vale más que mil palabras echadle un ojo a un ejemplo [en] y probad a redimensionar la ventana. Todo un recurso de gran utilidad que va para la saca. Y ojo con su creador, David DeSandro [en] porque tiene otros proyectos que también vale la pena explorar.

jQuery Mansonry [en]

Algunos quizá recuerden el tutorial de ilustración digital que compartió con nosotros Jose Ángel Trancón. Esta vez he querido que sea la genial María Simavilla la que nos ofrezca unas clases de ilustración para que aprendamos un poquito más del oficio. ¿Listos? Os dejo con ella:

(more…)

Mi grandísimo amigo RUDE se ha sacado de la chistera un minisite llamado The Daily Button en el que diariamente ofrece archivos gratuitos para descargarnos. Esos archivos son ficheros editables en Fireworks de botoncitos de todas las formas, tamaños y colores.

Desde aquí le agradezco que con su iniciativa, ayude a empujar un poquito más hacia adelante la comunidad alrededor de este gran programa y sin el que un servidor no podría vivir xD Recordad que tenéis más recursos en sitios como Fireworks zone [en] o Fireworks lab [en] por citar un par de ellos.

The Daily Button [en]

Supongo que a estas alturas casi todos ya habremos visto vídeos como éste [youtube] o éste otro [youtube] (gracias Sergio por los enlaces!). Es un estilo de motion que se ha ha convertido en un recurso bastante empleado y con el que podemos conseguir resultados bastante majos [en].

Estos días he estado buscando información sobre éste efecto en particular y me he encontrado con un par de recursos que considero bastante útiles para ello. Por un lado kinetic typography tutorial [en] que aunque tiene un par de años sigue siendo igualmente válido. Por otro, kinetic text expressions [en] para ayudarnos a conseguir un efecto más orgánico y vistoso a la hora de trabajar los rebotes y movimientos de los textos en After Effects.

Si lo combinamos con AutoOrientCamera [en] o con Sure Target [en] seguro que podemos iniciarnos en este tipo de proyectos :)

Avisaba hace poquito RUDE que Aaron Beall, uno de esos a los que seguir si usamos Fireworks, lanzaba su nueva web y con ella algún extra a sumar a la gran cantidad de extensiones y recursos para Fireworks.

Si no conocíais de su existencia, es el momento para que entréis y veáis las extensiones y demás que ofrece para potenciar Fireworks!

Extensiones y recursos para Fireworks de Aaron Beall [en]

O lo que es lo mismo, una guía de referencia de acciones y gestos que hace unos años eran impensables y que a día de hoy forman parte de las acciones más comunes a nivel de interactividad gestual. Recurso muy útil para preparar documentaciones varias o realizar tests de usabilidad con estos elementos de por medio.

Touch Gesture Reference Guide [en]

Aunque no me ha quedado muy muy claro el montante de ventajas que supone emplear TestFlight frente al proceso habitual de testeo de apps para iPhone y similares, si la recomienda míster Jonatan es porque merece la pena seguro. Entiendo que facilita la transmisión de las aplicaciones beta entre los grupos de testeo y evita el tener que ir pasándose ficheros por email, usar el iTunes y demás… Pero bueno en su FAQ [en] viene todo bien clarito.

Tiene buena pinta y hasta se curran unos dibujitos bien chulos en el blog de desarrollo :D

TestFlight [en]

A la Tabla comparativa de navegadores con soporte html5 y demás vengo a sumar esta otra tabla que acabo de encontrar y en la que se comparan los diferentes players de video actuales que podemos encontrar en la red y que podemos emplear en nuestros proyectos. Muy útil si no estamos muy puestos o dudamos de si el que estamos empleando es la mejor opción.

Tabla comparativa reproductores de video HTML5 [en]

Muchas veces me voy guardando información para tenerla recopilada y preparar un post potable. En esta ocasión versaba sobre el uso de media queries y frameworks o utilidades que ayudan en el desarrollo web multidispositivo. Hablo de cosas como 320 and up [en] o Skeleton [en].

Pero el tiempo ha ido pasando y en Smashing Mag han sacado un artículo muy (MUY) destacable sobre este tema, con un montón de recursos y enlaces super útiles que os llevarán por la senda correcta. Rara vez un recopilatorio de estos me ha parecido tan bueno y sólo puedo agradecer al autor su publicación. Ahí os va el link.

Responsive web design techniques [en]

Hace mucho que le sigo la pista al FontBook [en] una auténtica biblia tipográfica de referencia y material arrojadizo de primera por los 3 kilitos que pesa.

Quizá queriendo adaptarse a los nuevos tiempos o quizá para no tener que cargar con tanto peso de un lado a otro, sus autores han querido lanzar una versión digital en formato app para el iPad. Lo realmente bueno del asunto es que han trasladado todo el material rebajando considerablemente el precio. 5 eurillos de nada oigan.

FontBook reloaded [en] es un pequeño artículo comentando la aplicación que recomendaban en g:lou. Yo la verdad es que por ese precio es una aplicación que realmente merece mucho la pena.

FontBook [en]

Hace no mucho Adobe lanzaba Wallaby [en] un mejunje especial en el que por un lado metías contenido en formato flash y por el otro te lo servía transformado en html5. Evidentemente hay que ser muy creyente para esperar que de esta utilidad saliese algo decente, más aún cuando se trata de algo totalmente experimental. Pero bueno, al menos ahí queda el detalle.

Ahora por fin ya está disponible una versión (preliminar) de Adobe EDGE, su particular programa para la creación y edición de formato animado empleando para ello características HTML5, CSS3 y javascript.

Su interfaz os recordará a la que Adobe emplea en otros programas en los que la línea de tiempo juega un papel esencial: Premiere o After Effects por ejemplo. De este modo se intenta facilitar al usuario la adaptabilidad a un nuevo programa. La realidad es que es bien sencillo ponerse a trabajar con el programa y ofrecen ejemplos con los que trastear. Está claro que si ya existían aplicaciones de este tipo (véase Sencha o Ceaser) Adobe no podía quedarse atrás en este aspecto.

Y bueno, con la llegada de Adobe EDGE ha vuelto a salir el tema de siempre: que si Flash se muere, que si Adobe se ha bajado los pantalones y bla bla bla… Hay muchos artículos y muchos tests sobre el asunto y no le veo interés sacarlos nuevamente. Pero Flash sigue teniendo cuerda para rato y estoy cansado de repetirlo. Está claro que no se puede hacer cambiar de opinión a gente que NO sabe de lo que habla. Flash NO son banners cutres. Flash NO son intros cutres. Flash NO es youtube…

Adobe EDGE [en]

Hace un tiempo estuve probando un nuevo servicio web que aparecía aquí como una pequeña barra en la zona superior (o un pequeño tirador con una flecha). El servicio se llamaba The Hello Bar y te permite crear notificaciones de una manera super sencilla y, lo más interesante, comprobar la efectividad del servicio mediante su sistema de tracking.

El servicio viene en diferentes sabores en función del pago mensual. La versión de prueba te deja emplear el sistema durante un par de semanas, tiempo más que suficiente para ver si te merece la pena emplearlo profesionalmente.

Si no recuerdo mal creo que se puede registrar cualquiera o al menos solicitar una invitación. Si os pica la curiosidad tengo unas cuantas invitaciones directas por lo que sólo tendréis que pedirlo :)

The Hello Bar [en]

Los hay que no corren, vuelan. Porque ya hay disponible un completo set de recursos que tienen muy buena pinta para facilitarnos la introducción al mundo de la publicación digital. Personalmente me he metido un buen puñado de días para empaparme de Aquafadas y de DPS para poder afrontar perfectamente proyectos de este tipo. Porque está claro que está pegando fuerte [en].

Digital Publishing Guide ofrece contenidos gratuitos y de pago que os pueden merecer la pena si vais a usar la suite de publicación digital de Adobe y os queréis ahorrar tiempo buscando tutoriales o información sobre “esto y lo otro” (aunque también podéis mandarme un correo claro xD). Quizá si lo hubiese encontrado antes hubiese sido un buen recurso. Ahí os va!

Digital Publishing Guide [en]

PD: Tened a mano siempre el blog de Adobe de DPS [en], Adobe Edge [en],InDesign Secrets [en] y el foro oficial de Adobe DPS [en] porque siempre tendrán algo interesante sobre el tema :)