Recursos

Hace tiempo estuvimos Jose Ángel Trancón y un servidor trabajando en un proyecto juntos y aproveché la situación para que me contase sus secretos y ver si se animaba a escribir para vosotros un tutorial en el que nos cuente un poquito su proceso de trabajo habitual a la hora de elaborar alguna ilustración digital. Dicho y hecho. Abrid bien los ojos.

(more…)

Otra de iconos gratis. Y recuerdo que cuando empecé con Criterion, era una odisea encontrar buen material. Ahora lo raro es que ellos no te encuentren a tí :S

103 iconos en formato bitmap y vectorial para la degustación del personal. Hasta los ha puesto en colorines y todo.

:: Iconic Icon set [en] ::

Bocetos, mockups, esquemas, garabatos…llámalos como quieras. En aNieto2K se hacen eco de un extenso recopilatorio de linkitos a un buen puñado de plantillas imprimibles que facilitan la tarea de llevar al “mundo real”, el “diseño virtual”.

Plantillas para hacer web con su ventanita de navegador, iPhones, rejillas… un surtido bien nutrido para el diseñador desvalido (cuando me pongo poeta…)

:: Sketchbooks for wireframing [en] ::

PD: Y de regalo otro recopilatorio de los buenos: elementos de interface para diseño y prototipado [en].

En una prueba super relámpago que le he hecho, me ha parecido lo suficientemente interesante como para comentároslo un poco aquí. Y es que Carlos a veces me escribe para mandarme cosas (y no sólo para pedir xD).

Bromas aparte, Drawter viene a ser un nuevo “experimento” que creo pretende acercar a esos a los que el tema de los “divs y las cajitas” nos puede sonar a chino mandarín. Aunque cada vez es más raro encontrar a un diseñador al que no le suene mínimamente lo del diseño web, seguro que aún queda alguno que agradece que se pueda componer código de una manera, digamos, más visual. Tu coges, te haces tu estructura a gusto del consumidor y luego te generas el código. Vale, no es que sea la flexibilidad personificada pero te sirve para ir empezando a juguetear con estas cosas.

No sé realmente si este tipo de inventos llegan a funcionar realmente o terminan desviándote de lo principal (entender lo que haces). Prefiero abrirme el Coda o el Dreamweaver y darle a las teclas hasta que salga algo como lo que busco. De momento he salido al paso :)

Resumiendo, dedícale al menos un par de minutos. Quizá te parezca lo suficientemente útil como para guardártelo para más adelante. O no.

:: Drawter [en] ::

Los que os dediquéis mayoritariamente al mundo de la edición audiovisual ya os habréis enterado que tanto After Effects CS5 como Premiere CS5 sólo van a funcionar bajo sistemas de 64bits. Bajo esta premisa algunos ya se han puesto en marcha para ir avisando que sus productos serán actualizados para que funcionen correctamente en estas nuevas versiones. (Vía Twitter de Jorge Mochón)

De rebote me he enterado que Video copilot [en] lanzará a final de mes un nuevo plugin para After Effects que pretende facilitarnos nuevamente nuestras composiciones. Optical Flares tiene una pinta estupenda. Basta echarle un ojo al vídeo a continuación:

:: Optical Flares [en] ::

Quizá los Reyes Magos no hayan acertado con todo lo que habíais apuntado en la lista. Yo de Rey Mago sólo tengo los tres pelos guarros de perilla pero os quiero traer un nuevo regalito de la mano de video2brain.

Creo que a estas alturas muchos ya conocéis de qué va este formato de aprendizaje online. Sinceramente me sorprendió gratamente que en el primer sorteo algunos comentárais que ya lo habíais probado. Eso quiere decir que si el formato es bueno, el contenido interesante y el precio ajustado, la cosa funciona.

Pero no quiero hacer más labor comercial porque de aquí lo que saco es todo para vosotros. Por tanto, nuevamente hay sorteo! Deja un comentario y entras a formar parte del sorteo de 5 (cinco) suscripciones mensuales online con acceso a todos los cursos de video2brain.. Ya no una ni tres…cinco!

Pero espera, porque hay más posibilidades. Estás en Facebook? Porque Criterion sí que está. Hazte fan (si ya lo eres eso que te ahorras) y pide tu suscripción en el mensaje correspondiente del sorteo! Se sortearán 2 suscripciones extra exclusivamente entre los que participéis por este método! El enlace directo para participar en Facebook justo aquí.

La casa por la ventana y sólo estamos en Enero! Si lo sé me quedo yo alguna :S

El sorteo durará 15 días! Mucha suerte y a participar! Por cierto, lo del descuento del 10% para los cursos ya ni lo comento, ¿verdad?

Resulta que el otro día en el estudio tuvimos que hacer una buena compra de créditos en iStockPhoto. El caso es que jugando al parchís igual no soy muy bueno, pero a la hora de rascarse el bolsillo intento hacerlo de la mejor manera posible, es decir, buscando buenos precios.

Casi siempre que hago compras online en las que en alguno de los pasos existe el famoso campo para rellenar con “código de descuento” me quedo con las ganas de ese “paga menos“. Pero eso ha sido así hasta hace poco tiempo en el que me ha dado por probar a usar Google como “ayudante”. En este caso me dió por buscar “istockphoto discount codes” y llegué hasta esta página que hará las delicias de los compradores que no la conocían. Descuentos de 10-15-20…hasta un 25%! Es una rebaja muy jugosa.

Tenedlo en cuenta en vuestra próxima compra!

Pues eso, que en Speckyboy [en] han hecho un recopilatorio bastante potable con documentos y enlaces relacionados con usabilidad y patrones de navegación e interacción en la web. Enchufad la aspiradora y empezar a pasarla por todo lo que hay dentro :)

:: An introduction to understanding and implementing Web Usability [en] ::

Otra ronda de iconos gratis cortesía de RicPlan. Por un lado los que Glyphish [en] ofrece y que son nada más y nada menos que 130 iconos gratuitos para tus desarrollos y aplicaciones de iPhone. Totalmente libres de uso y liberados con licencia Creative Commons.

Pero espera que la cosa no acaba ahí, pásate por Android Icons [en] y tendrás otro buen surtido icónico en forma de 30 iconos y su archivo vectorial fuente para que lo edites como gustes.

Y pensar lo complicado que era encontrar cosas de estas hace poco más de un año!

Aunque a mí el término UX Designer me viene grande, debo decir que los patrones de interacción y el diseño de interfaces “me pone”. Hacer gráfico me gusta mucho pero
lidiar con los “puzzles” que se deben resolver para llevar a cabo en una buena experiencia de usuario también es muy entretenido.

Realmente podría empezar a escribir artículos sobre el tema pero tendría que bajar muy notablemente el ritmo de actualización del blog para ponerme a ello. Y tampoco creo que sea muy interesante lo que os pueda contar cuando hay cosas como este Call to actions [en] que son algo bastante potable (aunque poco amigable a la lectura).

Total, que de momento seguiré soltando pequeñas perlas (aunque en breve espero publicar uno sobre diseño móvil) y hoy me toca recomendaros Rosenfeld Media [en]. A mí que me digan lo que quieran, pero un buen libraco impreso no lo cambio por nada salvo honrosas excepciones como ésta. Y es que en Rosenfeld hay un puñado de publicaciones sobre diseño destinado al usuario que bien merecen el desembolso como pudiera ser Web Form Design [en].

Se acercan las Navidades y si tenéis algún diseñador en vuestra lista, quizá sea una buena opción. Seguramente más barata que ese monitor de 30″ por el que babea :D

:: Rosenfeld Media [en] ::

A estas alturas ya no me pronunciaré sobre Fireworks. Petardea y se cuelga lo sé, pero yo no puedo vivir ya sin él. ¿Qué sería de mí sin esos momentos en los que sabes segundos antes que se va a colgar? Ahhhhh.

En fin, que escribo esto por si no viste las perlitas de Fireworks que dejé en [Q] y que os recomiendo MUY encarecidamente.

Y ya de paso veo la jugada y la subo apostando con Orange Commands que puede hacer las delicias de los amantes de los atajos de teclado y de los que no lo somos tanto con combinaciones realmente productivas.

Pero no te vayas. Porque hay gente que ha pensado en tí, neurótico de los cuelgues del Fireworks. Fireworks Autobackup [en] es una pequeñísima aplicación hecha en Air que se encarga de estar pendiente de hacer copias paralelas periódicamente de los archivos que tengas abiertos. Después de la rueda, el mejor invento de la humanidad.

Aunque la Navidad aún no ha llegado en video2brain han pensado que quizá os interese participar en un nuevo sorteo en este rinconcito. Porque a lo mejor queréis echar un vistazo al nuevo curso de Aperture 2 o saber cómo manejar Mocha de una vez por todas.

Resumiendo, que si quieres ganar una suscripción mensual online con acceso a todos los cursos sólo tienes dos opciones de las cuales os recomiendo encarecidamente la primera:

1) Mandarme un jamón (pero bueno y comestible eh!?)
2) Dejar un comentario en este post.

Hay hasta el jueves que viene para probar suerte. Y si tenéis la mala fortuna de no salir agraciados, no os preocupéis porque no será el último sorteo de suscripciones :)

Por otra parte recordar el 10% de descuento en los cursos si usáis Criterion como código de descuento durante el proceso de compra.

Ale, que haya suerte!!

Hasta hace escasas fechas, he venido usando este qTip para estilizar ligeramente los atributos title de la web. Pero como soy culo inquieto me dió por buscar en Google y resulta que hay una versión para jQuery…y la he tenido que probar. Curiosamente los creadores de ambos sistemas se llaman igual.

En términos comparativos la de jQuery “pesa” bastante más pero también ofrece muchas más opciones de configuración tanto a nivel estético como funcional. Basta echarle un ojo a las demos disponibles [en] para entender lo que digo.

Por tanto, si estás buscando un añadido tooltip para tu proyecto, piensa que quizá este qTip te venga bien.

:: qTip tooltip con jQuery [en] ::

En ocasiones contadas llego hasta alguna web que tiene implementado algún complemento o sistema de mostrar información que me llama la atención. Lo que hago entonces es tan simple como bucear en el código fuente a ver si es algo propio y desarrollado exclusivamente para el site en cuestión o si por el contrario es alguna cosilla que se puede encontrar y emplear como uno quiera.

Lo último que me encontré y que he implementado parece haberos gustado a unos cuantos a tenor de los comentarios y correos que me han llegado. Como ayer me llegó otro más, pensé que lo mejor era deciros cómo hago eso de que las imágenes carguen a medida que nos desplazamos con el scroll.

Es tan sencillo como usar jQuery y Lazy Load [en].

No creo que tenga que ponerme a explicar cómo “enchufarlo”. Si tienes un mínimo (pero mínimo mínimo) conocimiento de hacer llamadas a javascript te bastará para hacerlo funcionar.

En cualquier caso también hay un plugin para Wordpress [en] que no he probado y que en teoría debería facilitar la tarea (que, repito, es bastante sencilla ya de por sí).

Ojito al tema compatibilidad con otros plugins de jQuery puesto que Lazy Load no funciona bien con la última versión de la librería. Y recordad que para agilizar peticiones al servidor, siempre podréis cargarlo externamente (desde Google mejor)

Seguramente cuando me pusé a hacer el mono me hubiese venido bien recopilar mucha más información de la que pude conseguir (y eso que fue bastante). Quizá hubiese estado bien encontrar FlashFacilito. Porque en su canal en YouTube FlashFacilito Tips, Alex tiene un buen puñado de videotutoriales enfocados al uso de Flash como herramienta de dibujo y animación. Si bien también debo decir que hay cabida para vídeos dedicados a la programación en Actionscript pero eso a un servidor ya no le importa tanto. Aunque…igual a tí sí.

Recuerda: FlashFacilito Tips.

Muchas veces podemos tener grandes ideas a la hora de innovar en packaging que no pueden ser llevadas a cabo por dificultad, presupuesto… además acojona cuando mandas encargar troqueles e impresiones, ¿eh? Qué me vais a contar… xD

Total, que esto viene a cuento porque en g:lou me he enterado de la puesta en marcha de Self Packaging, una tienda online donde puedes encargar diferentes modelos de packaging incluso en tiradas muy muy reducidas. Lo personalizas en función de lo que necesites y ellos te envían el modelo para que lo montes tú.

Me parece una idea estupenda teniendo en cuenta que no siempre se hacen acciones que necesiten tiradas enormes y cuyo coste no te puedes permitir o si no dispones de proveedores cercanos que te puedan ofrecer las mismas condiciones. Yo me lo guardo porque creo que antes o después algo caerá :)

:: Self Packaging ::

En breve quedarán almacenados 4500 posts aquí. Un buen puñado. Y de todos ellos, uno de mis favoritos es este de recursos de usabilidad y patrones web. Quizá si lo hubiese escrito hoy, CSSBake formase parte de todos los linkitos que hay ahí dentro.

Porque lo bueno de este showcase es que es de esos que despiezan las webs que encuentran para quedarse con sus detallitos de calidad. Que si el footer, que si el estilizado de la página de error…

Particularmente considero mucho más útil estas pequeñas píldoras visuales a la hora de encontrar ayuda. Un poquito de aquí, otro poquito de allí… Todos tenemos nuestros recursos y estructuras que funcionan, pero viendo cómo lo hacen los demás uno siempre se encuentra cosas novedosas.

:: CSSBake [en] :: (Vía Pedro Puig)

El otro día ví en Menéame un post sobre F.lux y me llamó la curiosidad. Resulta que es un programa multiplataforma que se encarga de modificar los parámetros de temperatura de color del monitor para que, en función de la hora, se adecue a los valores óptimos para la vista.

A ver, no lo he probado pero realmente parece muy interesante. Tan interesante como ese supuesto sonido que mataba mosquitos. Quizá esto funcione de verdad vista la cantidad de difusión que está teniendo.

Está claro que si teneís un monitor calibrado perfectamente y mantenéis una luminosidad regular, el programita poco puede ayudar. En cualquier caso ahí os va y ya me contaréis qué tal.

:: F.lux [en] ::

Últimamente me vengo haciendo una búsqueda intensiva de texturas y es desbordante la cantidad de sitios que existen aunque casi siempre termino encontrando lo que busco en Texture King [en]. De todas formas siempre es recomendable tener alternativas.

Texture Warehouse [en] o Free Texture [en] son dos de esas alternativas en las que poder bucear.

Y ya, como extra, Migue Martin se ha currado un estupendo set que podéis descargar en su blog.

Que video2brain está esforzándose para conseguir demostrar que es una opción válida de e-learning cada vez lo tengo más claro. No sólo porque sacan productos nuevos continuamente sino por las ideas que nos proponen. Y no lo digo porque colaboremos y os ofrezcamos contenido móvil recién salido del horno!

Por ejemplo ahora han pensado que quizá durante el viaje en el metro o similar, podría ser un buen momento para ir echándole un vistazo a alguno de los tutoriales. Los tiempos muertos nunca fueron tan productivos! Video2brain Móvil es su propuesta. Y para saber qué te parece la idea, si te pasas por el linkito de antes y dejas un comentario, entras en el sorteo de una suscripción online a todos sus cursos!

Pero oye que a lo mejor ya conoces sus cursos y estabas esperando que saliese, no sé yo, el de After Effects avanzado por ejemplo. Pues toma nota: cuando pases por caja, emplea el código “criterion” para tener un descuento del 10%. Sin tener que hacer nada más! (el código es válido para todas las compras de cursos que en total sean de 60€ o superiores).

Así da gusto oigan!