Recursos

El 2011 parece haber sido un buen año para la comunidad de usuarios de Fireworks. Poco a poco vamos haciendo más ruido en la red y grandes webs se hacen eco de las virtudes del programa. Yo sigo encantado con el programa a pesar de algunos fallos que todavía mantiene. Además la próxima suite está a la vuelta de la esquina y hasta ahí puedo llegar.

Lo último que ha visto la luz son dos proyectos de Hanna Milan para que por un lado podamos escribir nuestras sugerencias para mejorar el programa en forma de “cartas de los deseos” y por el otro, podamos descargarnos algunos freebies que nos ayuden a prototipar en Fireworks.

Evidentemente el tema de los deseos es algo más complejo que escribirlos ahí y esperar. Os recomiendo una vez más que estéis atentos al blog de Sarthak [en] que para eso es parte del equipo de Adobe encargado del programa :)

Fireworks Wireframing Kit [en] + Fireworks Wishlist [en]

Como llevo unos días pululando por Slide Share me picó la curiosidad por ver cómo estaba el “mercado” de servicios destinados a mejorar la presentación y creación de… presentaciones (valga la redundancia).

Speaker Deck [en] era un servicio ya conocido por un servidor y se nota que los que la usan por lo general se toman su trabajo en serio. Basta ver que visualmente las presentaciones son bastante atractivas. Si pasáis el ratón por encima de las miniaturas veréis que podéis acceder rápidamente a una diapositiva en concreto.

Pero ha sido Nano Trías quien me ha descubierto nuevos ejemplos que añadir a la lista, con el extra de que las presentaciones se basan puramente en código HTML y efectos javascript en el navegador. Es el caso de Scrolldeck [en] o impress.js [en] por citar las que más me han gustado. Aunque también está Scrollorama que se podría aplicar perfectamente.

Evidentemente su uso al principio no sería tan sencillo como abrir el Keynote o el Powerpoint pero le añade un extra de “awesomidad” a la presentación, ¿verdad? Ale, a trastear con ello!

Hace un tiempo dejaba en la página de Facebook de Criterion, un enlace (que tiene toda la pinta de ser un poco piratilla, no lo voy a negar) con una cantidad realmente apabullante de material visual sobre el espectacular trabajo de Ghibli. Y es que no hay película que no me haya gustado, ni siquiera Haru en el reino de los gatos con esa desmesurada cantidad de felinos por pixel :P

En su momento había 2 partes disponibles en las que se recopilaba dicho material y ahora lo reseño aquí porque ya son nueve partes en total las que hay. Si antes había contenido para estar entretenido un buen rato, ahora ya es para tomárselo en pequeñas dosis.

También lo destaco por la cantidad de enlaces recomendables que hay al final de la página con recursos para animadores, portfolios, etc…

Os dejo el enlace directo a Flooby Nooby, la web donde está todo el material.

The Art of Studio Ghibli [en]

Hoy me he puesto manos a la obra para organizar el material que tenemos en el estudio para una futura publicación digital y como estoy usando Adobe DPS [en] me he puesto a buscar más información que añadir a los recursos que voy guardando.

Por ejemplo hoy me he encontrado con Secret & Happiness of Digital Publishing [en], un rinconcito muy bueno para estar al tanto de novedades sobre este tema y donde el autor va contando truquitos y técnicas con las que mejorar nuestras publicaciones.

También llegué hasta HTML Stacker [en], un buen punto de partida para los que queramos incluir contenido HTML y no limitarnos a las interactividades propias de la plataforma.

Por último os dejo con el vídeo de un proyecto realizado con Adobe DPS y que me parece una ejemplo realmente inmaculado de lo bien que puede llegar a quedar una publicación digital. Sólo ver la portada de la revista ya ha hecho que me quede O_o. Bravo!

Hasta el día de hoy creo que no he mencionado ni dos veces la palabra Fireworks en Criterion. No por nada en especial, simplemente es un programa que hasta el día de hoy no ha pasado por ninguno de los Pc’s que he tenido. Razones? Tampoco ninguna en especial. Con los programas que uso (Photoshop, Freehand, Illustrator, etc…) creo que tenía suficiente.

Es por eso que finalmente he terminado creando una sección específica dedicada a este programa de Adobe. Y recordad que hay un par de artículos que creé para explicaros por qué deberíais usar Fireworks.

Os recuerdo que como formador especializado en Fireworks he creado para vosotros un curso completo de Fireworks con el que aprenderéis el manejo del programa. También ofrezco la posibilidad de dar cursos y seminarios online sobre el programa. Si estás interesado puedes ponerte en contacto conmigo

Recursos Fireworks

Tirando de la cuerda para seguir completando otros recursos que ya comenté como Eyeblaster Creative [en] o Bannerblog [en], me traigo WebBannerLove que viene a ser básicamente lo mismo, un rinconcito que se encarga de recopilar inspiración en dosis formato banner.

Galería en la que podemos aportar nuestro granito de arena ya sea votando mediante nuestros “Me gusta” o incluso subiendo nuestros trabajos. Que no se diga que no es por sitios donde tenerlo todo organizado y ver cosas cuando necesitamos ideas.

WebBannerLove [en]

Copypastecharacter.com es un recurso rapidito que compartía el gran Orman Clark [en] por la red del pajarito. Es, simplemente, una “tarjeta de referencia rápida” para poner tener acceso a esos caracteres no tan habituales y que a veces nos obligan a darnos más de una vuelta buscando su código o buceando en los mapas de caracteres. Con esta web se reduce a hacer clic sobre el símbolo y ya lo tenemos listo en el portapapeles, ya sea en formato texto o su código HTML. Sencillo y efectivo.

copypastecharacter.com [en]

Está claro que los tiempos de rebuscar hasta encontrar un buen set de iconos o algún recurso gratuito, están llegando a su fin. Los portales dedicados a la distribución gratuita de contenidos gráficos crecen más y más. Design Kindle o Premium Pixels son sólo un par de las más conocidas.

Freebies booth es la última que he encontrado (gracias a Alfonso) y me la traigo hasta aquí porque rezuma calidad y buenos contenidos.

Freebies booth [en]

En su momento os empecé a dar la lata para que usárais Fireworks y de vez en cuando voy metiendo algo en su etiqueta correspondiente. Hoy me traigo un enlace un poco antiguo pero que he rescatado porque no me había dado cuenta de la cantidad de enlaces de artículos y recursos que ofrece sobre esta joyita para el diseño y prototipado web.

Tenéis lectura para rato si os animáis.

Is Fireworks better than Photoshop? [en]

PD: ¿He dicho que hice un workshop gratuito y curso completo de Fireworks? Lo sé, lo sé…spam encubierto xD

PD2: Es posible que en breve me deje caer por Bilbao para dar una charla sobre este tema dentro del marco WebDevBilbao. ¿Algún interesado presente?

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]