Diseño web

Hoy es fiesta aquí pero os voy a dejar un caramelito para los sufridores de otros países y currantes españoles que no hacen puente :D

¿Ya tenéis Windows 7? Particularmente he notado el salto notablemente porque me he saltado la generación Vista y a nivel de experiencia de usuario me parece que la cosa ha evolucionado favorablemente. Esto os lo digo por si os pica el gusanillo y queréis sentaros un rato para ver Designing the Windows 7 Desktop Experience [en].

Luego también podréis echarle un vistazo rápido a la comparativa entre dos modelos de interfaz móvil a la hora de lidiar con aplicaciones: App Interface Models in iPhone and Android [en].

Y para acabar, dos super enlaces de usabilidad que me he guardado para seguir desde hoy: Usability Post [en] y UI Trends [en]. Ambos sacados de 10 UX blogs you should be reading [en].

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)

Hace unos días descubrí en Domestika, No hay nada más triste que lo tuyo, una web en la que podemos ver algunos trabajos antes y después del paso por las manos del cliente.

Es una idea bastante simpática aunque lo malo es que actualmente no tiene muchos trabajos para mostrar. En cualquier caso merece la pena la visita.

:: No hay nada más triste que lo tuyo ::

No negaré que me ha llegado más de un correo lo largo de todo este tiempo indicándome que se hacía un poco incómodo el uso de Flash en los titulares. Siempre respondía que era algo que sabía y que esperaba solucionar antes o después. Pues ale, manos a la obra.

Hasta la fecha yo venía usando sIFR [en] en el blog para dicha tarea y también para el portfolio (pero implementado con jQuery en este caso) Me parecía un punto importante mantener unos titulares y encabezados decentes aunque presentara ciertos problemas de uso como la escalabilidad del tamaño de letra (no era del todo correcto), la imposibilidad de hacer un efecto hover en condiciones (en las últimas versiones creo que ha mejorado) y, la más importante, que era una lata para copiar la url a la que se enlazaba o incluso a hacer clic sobre los titulares. Pero bueno, en este caso me tragué lo de “la forma sigue a la función” y dí preferencia a lo visual. Hasta ahora.

(more…)

No, suena a concurso pero no lo es. Se trata realmente de la penúltima hasta la fecha galería recopilatoria de diseños CSS con la novedad de que esta vez hay un jurado semipermanente que es el que pone las notas a los trabajos subidos. Aunque sí que existe la posiblidad del voto popular claro.

El propósito de estos premios es valorar el diseño, la creatividad y el esfuerzo de los diseñadores, estudios y agencias web de todo el mundo. Para ello nuestro sistema además de otorgarle el premio a “Site of the day” o “Site of the month” recibe otros premios en metálico o en equipamiento tecnológico, y lo más importante, promocionamos tu website por toda la red, enviandola a nuestra red de blogs colaboradores, directorios y foros de carácter internacional y realacionados con el diseño y la creatividad web.

Otro punto extra es que a nivel diseñil está bien cuidada, muy de mi gusto. A ver si es del tuyo y de paso te animas a subir algo! Y acuérdate que para esa tarea igual te ayuda MeeCSS :)

:: The CSS Awards [en] ::

Hablaba hace un tiempo con Annie sobre el tema de los portfolios, que si había que hacerse uno, que si cuál era la mejor opción…

Tenía pensado preparar un artículo o sucedáneo comentando el tema. Realmente hay muchas variantes: desde montartelo a pelo o usando Indexhibit por ejemplo, hasta emplear una de las opciones de portfolio online que te lo dan todo hecho.

En Heavy Backpack [en] se me han adelantado (en realidad es que yo soy muy lento) y han elaborado una selección de 10 opciones de portfolios online para poder elegir. Me parece bastante buena.

:: Hosted Portfolio Roundup ::

PD: La verdad es que hay muchas opciones más también viables. Están Creativestem [en], GFX Artist [en], Ameets, CG Hub [en]…

Quizá me equivoque pero PSDaWEB es el primer servicio que veo de este estilo, en castellano. Y es que de estos formatos hay chorrocientos (40 Options for Converting PSD to HTML [en]) en inglés, por eso me ha parecido destacable el hecho de que ahora ya exista la “versión Cervantes”.

¿Para cuando un FWaWEB? FW de Fireworks, claro.

:: PSDaWEB ::

Si hay tropecientas galerías CSS de webs, no veo por qué iba a sorprenderme el hecho de que también existiera para diseños enfocados a dispositivos móviles. Es el caso de CSS iPhone de la que tampoco creo que haga falta que diga mucho más. El nombre lo dice todo.

:: CSS iPhone [en] :: (Vía Mobile Design)

Desafortunadamente, no todos tenemos un iPhone ni todos los clientes destinan sus proyectos a dicha plataforma por lo que debería también existir algún proyecto similar de web móvil. Mobile Awesomeness [en] es lo más parecido que hemos encontrado en [Q] pero muchos sitios siguen siendo enfocados a iPhone. Al final terminaremos sacando nosotros una :D

El otro día me estaba peleando con Lazy Load [en] y llegué de rebote a un buen artículo donde enumeran unas cuantas técnicas relativas al buen uso de jQuery.

A mí se me escapan muchas de ellas pues como ya he dicho en numerosas ocasiones, sólo lo empleo para hacer algunos apaños. Pero como sé que alguno por aquí le da bastante al javascript, quizá alguno de los puntos tratados, le vengan bien. Bon profit!

:: Improve your jQuery 25 excellent tips [en] ::

Uno de mis jefazos dejaba el otro día en [Q]blog una interesante página que nos permite comparar las diferentes compatibilidades que ofrecen los navegadores actuales frente a características propias de HTML5 o CSS3 por citar un par.

Es bastante configurable a la hora de mostrar según qué datos sobre los navegadores que queramos. Y tiene pinta que el autor quiere mantenerla actualizada regularmente. Ale, a favoritos!

:: Tabla comparativa de navegadores con soporte HTML5, CSS3, SVG… ::