CSS

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)

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] ::

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

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… ::

Lo he visto en Swissmiss [en] y me lo he tenido que traer. Porque aunque tampoco he probado muchos frameworks CSS sí que me da a mí en la nariz que no se tiene especial atención en el aspecto tipográfico. Y no me refiero sólo a los tamaños sino más bien a los espaciados e interespaciados.

Porque un párrafo de texto puede pasar de ser un ladrillo infumable a algo comprensible y agradable con tan sólo modificar el line-height. Y parece que Baseline está preparado para lidiar con ello.

:: Baseline [en] ::

En el rinconcito de Diego Mattei me he encontrado la penúltima vuelta de tuerca que aparece en la red y que tiene como finalidad, reducir considerablemente el tiempo de desarrollo de un tema para Wordpress.

Divine es un añadido para Photoshop que te permite “automatizar” el proceso de estructuración de tus temas, partiendo de un diseño que ya tengas hecho en Photoshop y que, evidentemente, esté preparado para funcionar como tal.

Vale, lo automatizado casi siempre no va a quedar tan impoluto como lo que puede salir metiendo la zarpa poco a poco, pero como digo siempre, se agradecen este tipo de iniciativas.

Lo mejor para que os quede más claro es echarle un ojo a toda la información que ponen en la web y probar la versión “demo” que ofrecen y que actualmente sólo está disponible para plataforma Windows. A mí me ha picado el gusanillo la verdad.

:: Divine [en] ::

font-face es una propiedad CSS que permite definir una tipografía alojada en una URL de nuestra elección y así conseguir que nuestras webs se vean tal y como queremos, independientemente de si en nuestro sistema tuviéramos instalada la fuente o no. Aunque actualmente no está soportada por el amplio espectro de navegadores disponibles, se va avanzando en el asunto.

Debido a ello empiezan a surgir preguntas relativas al “libre albedrío” con el que empezarán a moverse fuentes de un lado para otro sin saber realmente si su licencia de uso lo permite. Por ello, The League of Movable Type nace con la idea de servir de nexo de unión para todos aquellos interesados en el desarrollo y distribución de tipografías open source. Ya tienen un par de ejemplos que podemos usar y con los que no tendremos que preocuparnos de estos temas.

:: The League of Moveable Type [en] :: (Vía Ventilate [en])

Cuando uno acaba una web chula lo segundo que dice después de decir: “por fin está acabada”, es: “ahora hay que enseñarla!”. Y para eso nacieron las galerías CSS, para alimentar nuestro ego. Reconozcámoslo, se agradecen un montón las visitas pero son palmaditas que te pueden alegrar el día.

En un “tuiteo” de OscarTV ví su último proyecto: MeeCSS.

Se trata de una web bastante sencilla en la que puedes introducir los datos más comunes que se suelen pedir a la hora de registrar webs en las galerías para tenerlos a mano a la hora de ir probando suerte.

Si os digo la verdad al principio pensé que la cosa sería aún más increíble. Por alguna extraña razón pensé que el proceso era totalmente automatizado y claro, eso no es posible porque sería un spam y del gordo además. La ventaja por tanto es que tienes a mano más de 100 galerías CSS y tienes los datos siempre visibles por lo que es tan sencillo como arrastrar o hacer copy paste.

Un sitio que tener a mano cuando se terminan proyectos :)

:: MeeCSS [en] ::

¿Conoces ya Snipplr? ¿Y DevSnippets? Pues para que tú también hagas triplete apúntate Snipt como otro de esos sitios super interesantes en los que hay un buen montón de porciones de código que usamos de manera frecuente y que nunca está de más tener a mano. Las gracias al jefe [Q] que fue quien lo descubrió.

:: Snipt [en] ::