Diseño web

Para los que somos un poco ceporros con el código, nos gusta que las cosas sean sencillitas de implementar. Y por fin tuve una excusa hace poco para probar Nivo Slider y me ha parecido un plato de muy buen gusto.

Nivo Slider es un slideshow que corre bajo jQuery, muy sencillo de usar y de configurar. En la web se puede ver una demo directamente y tiene toda la documentación en la que se explican sus características: navegación por teclado, tipos de transición, configuración…

Nivo Slider [en]

Vía Dexigner [en] me topo con un sitio web llamado FontFuse. Sirve para guardar “parejas de fuentes que combinan bien” cosa que en un principio parece un poco chorra pero que considero un punto muy importante de la tipografía en web. Pero si os paráis a pensar la cantidad de fuentes que se pueden emplear actualmente en desarrollo web, quizá a la hora de hacer una buena selección servicios como FontFuse ayudan o llegan a sugerir opciones válidas.

He buceado un ratillo y hay alguna parejita bien bonita. Me la guardo!

FontFuse [en]

Tirando del autobombo que me caracteriza de cuando en cuando, quería comentaros que ha salido hace poquito el último curso que realicé para los amigos de video2brain. A estas alturas poco puedo decir sobre su servicio que no haya dicho ya pero a pesar de que me puedan decir que me repito más que la fabada, los cursos que ofrecen sirven como una plataforma de aprendizaje realmente válida y con unas opciones de suscripción muy, muy ajustadas. Os lo dice uno que se ha empapado de los cursos de After Effects.

En este caso han querido iniciar los cursos de Wordpress con un servidor. Wordpress de la A a la Z es un curso introductorio bastante extenso que sienta las bases sobre el uso y disfrute de este CMS.

No hablaría de los cursos aquí si no estuviese seguro de que aportan un mínimo de contenido de calidad. Incluso podría hacer cursos como churros (tanto en velocidad como en calidad) y me pagarían más. Pero prefiero hacer menos y hacer algo válido y potable. Por eso os sugiero que si estáis empezando (absténgase usuarios avanzados en este caso), le echéis un vistazo al índice a ver qué os parece. Y si tenéis alguna sugerencia o lo habéis visto y queréis comentarlo, soy todo ojos.

Y si queréis dejar el comentario porque se sortearán 3 accesos al curso entre todos ellos pues igual os apetece más.

Ah, y si os miráis el de Fireworks ya os tendré que invitar a algo

Se me ha olvidado un detalle importante, la fecha límite xD. El sorteo se hará el lunes 21 por lo que se podrá participar hasta el viernes anterior!

Febrero de 2011 llega con una nueva edición de DeviceDays, el evento que cada año organiza el equipo de BlocketPc, con un buen repertorio de talleres y conferencias, con sorteo de cositas y, por supuesto, al que sigue siendo gratis el acudir.

Las plazas suelen volar entre los que prueban una vez y luego repiten por lo que si os llama el desarrollo móvil y estáis por Barcelona el día 18 de Febrero, inscribiros ya. Servidor promete que será una buena experiencia.

DeviceDays 2011

Me escribe Jorge (en realidad me escribió hace ya bastante) para presentarme una iniciativa de Vimeo que le llegó a él. Se trata de liveBooks, un servicio destinado inicialmente a fotógrafos o personas que en un principio no saben o no gustan de pelearse con código o no quieren complicarse la tarea de tener sus trabajos presentes rápidamente en la red.

Se trata por tanto de un servicio que engloba gestor de contenidos, integración con Vimeo, servicios de diseño basados en plantillas que puedes tunear un poco, compatibilidad iPad, etc…, etc…

No sé; habiendo tantas opciones igualmente sencillas como Behance o Cargo (y gratis) a mí particularmente no me termina de convencer. Pero entiendo que si existe es porque hay un huequecito para un servicio así.

liveBooks [en]

Sigo pensando que los listados que inundan (y de los que yo mismo no me libro en más de una ocasión) llegan a “matar” el auténtico sentido de investigar e informarse pero hay alguno que merece ser destacado… al menos un poquito.

Es el caso de 60 Questions to Consider When Designing a Website, una lista de preguntas que vale la pena hacerse a la hora de ponerse con las manos en la masa. Unas están bien, otras son lógicas y otras te valdrán la pena en función del tiempo/presupuesto del que dispongas. Por eso, si no estás muy puesto en la materia, échale un ojo.

Además enlazan a una pequeña “checklist” que considero también lo suficientemente potable como para haceros conocedores. Ahí van los linkitos:

60 Questions to Consider When Designing a Website [en] + 25‐point Website Usability Checklist [en][PDF]

Descubrí la existencia de CSS Barcelona por la entrevista que le hicieron hace poquito a María de La Fábrica Verde y me la he guardado para revisar con más calma.

Me he enterado ahora que también tienen entrevistas a Míster Sutilo o a Torres Buriel. No negaré que las entrevistas a gente del sector siempre me han fascinado porque te ayudan a entender el lado humano de la profesión.

Sirva esto como recomendación para agregar CSS Barcelona en nuestros marcadores favoritos ya sea por las entrevistas y contenidos del blog o por el servicio de galería CSS que también ofrecen y en el cual podemos subir nuestros trabajos web. Asi que ale, todos “pa’dentro”

CSS Barcelona

He visto en Domestika un enlace que puede seros de utilidad a algunos. Se trata de unos modelos de contrato para emplear en servicios relacionados con el mundillo diseñil. Lo que viene a ser ese papel que alguna vez nos puede salvar el culete si el cliente lo ha firmado claro. Están disponibles aquí: modelos de contrato servicios diseño.

Aprovechando que estamos metidos en el tema, me saco de bolsillo otro enlace que tenía de hace bastante tiempo y que nos lleva hasta Tractis, un servicio online de contratos virtuales (y legales). En Tractis también tienen un puñado de plantillas (de otros temas también) que paso a enlazaros ipso facto:

Plantillas de contrato servicios Tractis

Me ha resultado interesante reseñar este tema de Wordpress de esos que podemos usar cuando estamos haciendo cambios o planeamos lanzar una nueva web. Porque hay unos cuantos pero no había visto hasta la fecha uno que te permitiese mostrar una barra de progreso y todo. (Lo ví intentando acceder a TMC)

Beback es un tema desarrollado por Wordspop totalmente grauito por lo que si tienes alguna página aparcada, quizá te interese guardártelo.

Wordspop [en]

Ahora que ya es oficial el anuncio por parte de Adobe de su opción como editor de animaciones basadas en el nuevo estándar HTML y propiedades CSS3, Adobe EDGE (nombre que por cierto comparte con su más que recomendable Newsletter Edge [en]), me gustaría reseñar rápidamente Sencha Animator.

Viene a ser una herramienta que nos permite también trabajar en una especie de “línea de tiempo” y realizar animaciones de una manera mucho más intuitiva que si picamos el código directamente. A los que habéis animado en Flash y programas similares seguro que la tarea se os hace más llevadera ¿He dicho que es gratis? Bueno, hace falta registrarse para tener un nombre de usuario pero creo que para trastear merece la pena.

Sencha Animator [en]

(Foto de X3 Studios)

Reconozco que a lo largo de estos más de 5 años aquí sintonizados os he puesto a veces en el dilema de tener que sacar o no la cartera y hacer un desembolso consumista. Todo lo que hay de Ballistic, los Flight…

En lo que respecta al género editorial tipo revista pues Imagine FX sigue llegando a casa desde el 2006 y Projects dejé de recibirla hace un par de meses. Repito, son dos publicaciones excelentes en contenido que deberías tener entre manos al menos una vez.

Desde que el [Q]Boss trajese al estudio una .net Magazine supe que debía suscribirme a ella. Y no es sólo por contenido. Es que visualmente me parece la pera. Maquetación, cómo son los destacados, tipos de letra… no sé, me parece un trabajo sobresaliente y es una lástima que sea de esas revistas que sólo puedo conseguir si me la envían por correo.

Es cara, comparándola con otras revistas “informáticas”, pero creo que lo vale. Además seguro que hay disponible algún tipo de descuento.

.net Magazine [en]

Puedo jurar y perjurar que pensé que había hablado anteriormente sobre Basekit pero o el buscador no funciona bien o es que realmente no hay nada en los archivos.

Sea cual sea la realidad, ya es tarde porque pienso hacerlo ahora mismo. Y ¿qué es Basekit? Pues viendo el vídeo que tienen colgado en la web no me termina de quedar del todo claro. Pero me ha recordado mucho a Divine [en], esto es, herramientas que intentan facilitar en gran medida la tarea de pasar un diseño a algo entendible por un navegador. Lo que viene siendo código, vamos.

En este caso Basekit es una aplicación online con diferentes cuentas y precios [en] para intentar adaptarse a las necesidades de grupos de usuarios diferentes.

Siempre tendremos la alternativa de externalizarlo con sistemas como PSDaWEB o liarnos la manta a la cabeza con Drawter. Sea cual sea la opción escogida, la idea es que la línea entre diseño y código, se haga un poco menos empinada :)

Pensé que la Borderitis era algo que sólo yo había sufrido en algunos casos pero ya veo que es un mal común.

Excelente y super simple el artículo en Usability Post [en] sobre el exceso de anidamiento y zonas bordeadas que a veces se nos presenta al querer diferenciar zonas en web y que tiene solución bastante sencilla. Por si alguna vez te ha pasado y quieres ver que no estás sólo :D

A Mild Case Of Borderitis [en]

Francisco nos recomienda que le echemos un vistazo a HTML5 Boilerplate donde se nos da la oportunidad de descargar unas plantillas de documento web bien preparaditas y organizadas para no perder ni un detalle.

Su autor, míster Paul Irish [en] nos asegura que están basadas en todo el tiempo que lleva trabajando en el mundillo del desarrollo web y que ha intentado optimizar los archivos de la mejor manera posible. Viendo todo el trabajo de este hombre, seguro que más de uno agradecerá que comparta esta información.

HTML5 Boilerplate [en]

Buscando en Google a ver si se sabía algo sobre la futura nueva versión de Indexhibit me encontré a Stacey. La vi un poco paliducha y parece poca cosa pero su belleza está en el interior. Prueba a buscarle un huequecito en tu alojamiento y seguro que haces buenas migas con ella. Al menos eso es lo que me dijo a mí. Pero sigo siendo fiel a Indexhibit, he resistido a la tentación.

En cualquier caso, Stacey parece una muy buena opción para montarse sistemas de gestión de contenido rápidos que no den muchos quebraderos de cabeza, ¿verdad?

Stacey [en]