En la serie I y II de 25 sitios web artísticos e increibles veremos algunos diseños que se salen de lo tradicional.

Listado con 20 tutoriales de los mejores técnicas para diseñar menús de navegación mediante CSS

CSS nos permite en cierta manera ampliar la potencia de las pocas fuentes que podemos usar de forma segura a la hora de diseñar un sitio. Entre estas características se encuentra la denominada “Font Stacks”, que no es otra cosa que poder definir varias fuentes diferentes en una misma línea, por si la primera no está en determinado ordenador que se muestre el contenido con la segunda definida y así sucesivamente. Con esta propiedad, que se define en el atributo font-family, podemos mostrar el aspecto de fuente que queramos para cualquier sistema, pondremos primero la fuente que nos interesa y como opciones sucesivas tipografías que se parezcan.

Todos estos temas que rodean a la propiedad Font Stacks son los que tratan en el artículo publicado por unit interactive, donde nos explican que es y también los malos usos que se hacen de ella, como los grupos de tipografías que Dreamweaver propone por defecto, con fuentes que no tienen ninguna similitud entre si. De lo más interesante del artículo los grupos de familiar que nos enseñan al final, con fuentes relacionadas e indicación de donde es recomendable usarlas, ya sea para párrafos o títulos.

Enlace: Better CSS Font Stacks

En este enlace podemos apreciar 67 buenos diseños de un típico formulario de ingreso a un sitio web, pero llevado a un nivel superlativo. Increible, hasta en lo más trivial se puede innovar.

15 tutoriales CSS y HTML que puedes usar en tus proyectos.

Mini pack de enlaces (enfocados sobre todo a tema web) que se me acumulaban:

Desde Xyberneticos me traigo Effect Generator [en] para hacer animaciones sencillotas realizadas en Flash sin necesidad del susodicho.

Desde Sentidoweb una interesante (y de valor “cuasincalculable”) tabla de propiedades CSS en gestores de e-mail [en]

Vía Vecindad Gráfica, nos vamos al site de Kemie para descubrir como integrar sIFR usando jQuery en nuestras webs. Ole!

Carlos ha preparado una plantilla para presentar nuestros diseños webs. Se trata de un psd por capas en el que encontraremos la interfaz de explorer y firefox tanto en su versión windows como linuxera (ubuntu). Scrolls, botón de feed,… todo!

Por cierto, que Google comienza a indexar contenido Flash. Bastante limitado de momento pero el camino se hace andando.
Aprovecho para comentar que me molesta (y mucho) la postura de la gente que habla por hablar cuando el tema es Flash. Que si no se puede hacer tal cosa, que si esto, que si lo otro… Antes de hablar, hay que informarse un poquito mejor. Yo de Flash, cero patatero, pero no voy diciendo por ahí que es el horror.

Mi no al target=”_blank” sigue vigente. Había encontrado lo que comenté en su día: dar la opción al usuario de abrir los links en ventanas nuevas o no. La gente de Smashing lo recuerda y también ofrece la opción: Should links open in new windows? [en]

Y para cerrar una recomendación de un “recién nacido”: Mina Lab, sitio experimental de diseño de interacción. Un sitio que guardar en favoritos. Gracias, alquimistas.

Estaba buscando información para crear tooltips con un poco más de chicha que los que salen por defecto y me he guardado dos opciones bastante interesantes.

La primera Prototip, tira de la librería Prototype [en] y está bastante trabajada. Incluye bastantes opciones de configuración. Prototip [en]

La otra opción barajada es jTip que también está bastante apañada y corre bajo jQuery. jTip [en]

Seguro que hay un montón más. Estaría bien que hubiese una tabla comparativa similar a la que ya hay para los efectos lightbox. Mmm, este listado [en] podría valer.

Al final me he quedado con qTip [en] por ser el más liviano y el que más se adaptaba a lo que yo quería. Presenta incompatibilidad con niceforms a menos que se saquen de ambos las llamadas del body.onload fuera de los javascript.

Recopilación de los 20 problemas más comunes de los que nos podemos encontrar en CSS. #

Para los que empiecen con CSS aquí van 12 ejemplos diferentes de como mostrar párrafos de varias formas. Los vemos en funcionamiento y cada ejemplo está acompañado con el correspondiente código CSS usado.

Vía Sight nos llega esta entrada con las 6 técnicas de CSS más importantes que debes conocer, en la cual se describen seis técnicas de CSS que si bien no son imprescindibles, son importantes porque nos ahorrarán mucho trabajo y dolores de cabeza.