Recursos

Colgaba en Facebook un enlace que me había pasado qmarcos y en el que se nos ofrecía a todos la posibilidad de aprender jQuery en 30 días.

Cada día, una nueva lección en formato vídeo. Tras 30 días prometen el milagro ;) Supongo que la idea es muy similar a lo que ofrecen en Codeacademy [en] y la idea es muy golosa para aquellos que nos gusta meter la pezuña un poco en el código.

Aunque el día 1 de Enero ya quedó atrás, aún no es tarde para iniciar un nuevo propósito para el 2012, ¿no?

Learning jQuery in 30 days [en]

Creative Market está en el horno. Un nuevo rinconcito que tiene toda la pinta de ofrecer recursos gráficos a bajo precio, rollo Graphic River por ejemplo.

Lo pongo porque la gente que está dentrás son los de Colourlovers [en] y eso ya da cierta confianza. Lo pongo también para hacer algo de extra spam al que ya he hecho en Facebook (por cierto; últimamente pongo bastante contenido adicional sólo en la página de Facebook :P).

Si os interesa la web y os registráis con el siguiente link, los registros se acumularán en una bolsa de referidos. Y si llegamos a los 50, conseguiremos un pack de 200$ en recursos, cosa que no está nada mal y que os ofreceré en un sorteo. Pero para eso antes hay que llegar a los 50 y de momento llevo 24… Queda poco!

Creative Market [en] + extra info [en] (Gracias Synteyc por avisar!)

PD: Ya que estamos con el Spam, en el estudio estamos también preparando algo similar (wink!)

Ya somos40 49! Sabed que de hecho ya hay más de 50 que habéis iniciado el proceso pero hay unos cuantos que no han confirmado el registro y por tanto no cuentan para el total. gogogo! Conseguido! Os habéis registrado muchos más al final y ha sido más suficiente. Por lo visto no es un pack de 200$ sino que se consigue una licencia de ColorSchemer, una licencia de Seamless Studio (mola!) y crédito por valor de 50$. El total siguen siendo los 200$. Estad atentos que habrá concurso!

ColorHexa es un más que recomendable recurso online para extraer información sobre el color. Y funciona de una manera realmente sencilla. Escribe un color (su nombre en inglés, su valor hexadecimal, en CMYK…) y tras unos instantes la web te ofrecerá un montón de datos: Porcentajes de RGB o CMYK, conversión del valor en otros modos de color, esquemas cromáticos análogos, monocromáticos, ejemplos CSS… Lo que yo llamo un buen puñado vaya. Para la saca de los posts sobr el color que va :)

ColorHexa [en]

Comenzando a ver cada vez más ’sitios HTML5′ espectaculares… que hacen que un ordenador de gama media se arrastre como con el peor Flash :-S

Esta cita es un twitteo de César Córcoles que leí gracias a elecash. Y no puedo estar más de acuerdo. Porque por lo mismo que se demonizaba el uso de flash parece que curiosamente también está pasando con HTML5, javascript y CSS a saco. A ver si al final va a ser que no es la tecnología sino el usuario con su uso el que va a tener la culpa…

En fin, al grano. HTML5 please me parece un acierto realmente destacable en forma de página web en la que se nos sugieren, recomiendan o comentan algunas de las características disponibles a día de hoy en la variedad de navegadores existentes. Qué compatibilidad ofrecen, si es mejor optar por ofrecer retrocompatibilidad… Una chuleta a la que echarle un vistazo al menos un par de veces. Y fijaos que de regalo y si no la conocíais también crearon CSS3 Please!.

HTML5 Please [en] + CSS3 Please! [en]

El texturizado en el diseño web es una tendencia muy actual y sin duda pequeños patrones como los que se pueden descargar desde Fireworks texture gallery vienen como anillo al dedo para crearnos las nuestras propias con relativa sencillez.

La página nos permite descargar un buen puñado de patrones en formato PNG. Están pensados para usarse en Fireworks, pero tampoco le veo mucho problema a emplearlos en otros programas como Photoshop por ejemplo.

Fireworks texture gallery [en]

O eso dicen ellos.

Tol.do me lo encontré en el Twitter de alguien que no consigo recordar ahora mismo. Solicité la invitación para probar la beta y trasteé un poco con ella. Realmente es muy muy sencilla de usar y permite la inclusión de contenidos digitales, tangibles o preparar pre-reservas. Abarcan todo lo que se me ocurre ahora mismo, vaya.

El servicio no permite una gran customización del diseño pero tampoco me ha parecido una pega destacada si lo que queremos es un rinconcito sencillo como escaparate de venta online.

Justo cuando escribo estas líneas siguen en proceso de pruebas por lo que podéis pedir invitación a ver si hay suerte para curiosear en el interior. Una vez finalizado el período de prueba, el servicio tendrá un coste de 20 lereles al mes.

Tol.do

En Twitter sigo a unos cuantos forofos de Fireworks y eso me permite mantenerme al tanto día a día de las novedades más jugosas en relación al programa. Y últimamente parece pegar con fuerza la llegada de Specctr.

Specctr es un añadido para Fireworks que facilita enormemente la tarea de documentación del diseño. Generalmente en mi caso, no suelo meter la pezuña en el código en primera instancia ya que se encargan mis compañeros. Luego yo hago un repaso y vamos limando asperezas. Quizá con Specctr nos ahorraríamos tiempo de ese proceso final al permitirme a mí el poder mostrar muy rápidamente todas las propiedades de los objetos, los textos, distancias…

Es algo que podría hacer actualmente pero no de manera tan automatizada y eso es precisamente la ventaja de Specctr:

Lo voy a probar sin duda porque tiene muy buena pinta. Podéis solicitar una demo simplemente introduciendo los datos y así trastear con él durante dos semanas. A partir de ahí ya es cosa de cada uno valorar si merece la pena la inversión. Yo mañana lo comentaré en el estudio :)

Specctr, blueprints for the web [en]

Sigo investigando sobre plataformas de venta de contenidos digitales y desde el último post en el que hablaba sobre Fetch (ojo que en los comentarios también se daban otras soluciones) me he encontrado con alguna aportación más a la lista de posibles. La idea es usarlo como base si termino sacando algo en claro de esto.

Sellfy parte con el mismo objetivo: ofrecer un servicio de ventas digitales muy sencillo de usar. La diferencia respecto a otros sistemas está en que Sellfy no tiene sistemas de suscripción o pagos segmentados sino que aplica un porcentaje de comisión a cada venta. Desconozco si es un modelo de negocio mejor o peor pero ahí queda Sellfy como otra alternativa más en este terreno.

Sellfy [en] (Me lo enseñó Ainara)

Preguntaba hace no mucho en Twitter por alguna librería javascript para “tunear” elementos de formulario como los dropdowns. Hasta el momento ya conocía alguna como Uniform [en] pero no ofrecía el grado de personalización necesaria.

El bueno de Marcio Barrios sugirió una solución que a priori tiene muy buena pinta: DropKick. Este plugin jQuery permite modificar la apariencia al completo, con lo que el grado de “tuneo” es mayor que Uniform. Y como quizá alguno llegue a necesitar algo parecido, aquí va el linkito:

DropKick [en]

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]