Diseño web

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]

No sé por qué pero generalmente no suelo destacar muchos portfolios en los que el diseño web sea lo principal. Y eso que estoy metido continuamente en este campo. Pero bueno, como es fácil ponerle remedio me traigo a Edwin Tofslie que tiene unas maquetas y unos diseños muy destacables bajo mi punto de vista. Igual que los clientes claro.

Edwin Tofslie [en]

Me pega el toque Antonio para comentarme que ha estado preparando en Cristalab un curso gratuito en nuestro idioma para que nos iniciemos en el mundo de las hojas de estilo en su tercera revisión.

Como estamos siempre acostumbrados a tirar de material en inglés pues seguro que más de uno agradecerá algo de chicha en el idioma de Cervantes. Está todo estructurado en diferentes capítulos y es información realmente valiosa para los que queráis empezar a toquetear un poco :)

Curso CSS3

Aunque ya lleva tiempo entre nosotros, el uso de font-face a nivel particular no lo he tocado demasiado.

Buscando información me encontré con una presentación de Jay Barry que explica muy bien todo este asunto y da una serie de consejos y trucos para su mejor implementación. Ahí os va.

Practical steps for using @font-face in your websites now [en]

Los chicos de Divine [en] siguen desarrollando su proyecto. Mucho tiempo ha pasado desde el primer post y me han escrito para que le eche un ojo al desarrollo actual de este añadido para Photoshop que te permite crear temas para Wordpress sin necesidad de picar código.

En el vídeo de demostración [youtube] (por cierto, la voz me recuerda a GLaDOS xD) parece dejar bastante claro que ahora Divine funciona como “puente” entre Photoshop y la exportación final del tema y que han pulido la interfaz y han añadido bastantes funcionalidades para que los temas tengan elementos actuales tales como galerías, tipografías no estándar, etc…

Divine ahora es de pago, pero ofrece una demo funcional durante 30 días para decidirnos si queremos hacernos con la herramienta a tiempo completo.

Divine [en]

CatsWhoCode no es una web de diseño sino que se enfoca claramente a la parte de desarrollo y código. La pongo porque la leo desde hace bastante y me parece bastante útil a pesar de que sea de esas webs que parece que sólo saben hacer recopilatorios…

Encontraréis artículos bastante potables (en función de vuestro conocimiento claro) como 10 super useful PHP snippets [en] o los chorrocientos que dedica a Wordpress.

CatsWhoCode [en]

(Qué bonito me ha quedado el título xD). Veréis: estoy recopilando información para montar un sistema de venta de descargas digitales. He mirado Shopify [en] pero es un servicio de pago mensual, también WP Store y Goodsie [en] pero parece que OpenCart [en] es una muy buena solución y si se le meten un par de módulos adicionales quizá sea lo que más se acerca a lo que busco (¿hay algo para que los usuarios vendan también?).

En cualquier caso quiero destacar Fetch y la simplicidad que ofrece si queréis vender contenidos digitales. Fetch es un servicio de pago mensual en el que subes tus archivos y generas los enlaces de pago y descarga. Y ya está! La verdad es que para hacer alguna mini venta debe ser una solución realmente interesante. Si no recuerdo mal, lo emplean en 365psd [en] por ejemplo.

Fetch [en]

Actualización En los comentarios nos aportan soluciones adicionales como Pulley [en] y también Upload’n'Sell [en]. Que no se diga que no es por opciones!

Hace no mucho dejaba unos enlaces que nos ayudaban a crear animaciones con CSS y tenían muy buena pinta. Hoy me traigo gracias a un par de tweets de Pumpkin y Marcio Barrios, dos linkitos para juguetear con el uso de las propiedades de degradados mediante CSS.

Por un lado, desde Microsoft, CSS Gradient Background Maker [en] donde el nombre lo dice todo y por otro CSS gradients, please! [en] donde también hay pruebas interesantes como CSS3 Patterns [en].

Desde Ateneu Popular recojo esta particular utilidad web que bien podría hacer las delicias de más de uno. Coged el concepto del Lorem Ipsum y aplicadlo en imágenes.

La idea está bastante bien, yo conocía Ipsum Image [en] pero Pixum está mejor. Lo que pasa es que no sé yo hasta qué punto es útil en el día a día. Si es para colocar una imagen temporal, ¿no vale lo mismo una cualquiera que tengas o el típico rectángulo? Pero oigan, que la mención se la merece porque tiene su miga.

Lorem Pixum [en]

PD: Eso sí, si queréis maquetas de calidad, lo mejor que podéis usar es {placekitten} :3