Los desarrolladores web pueden crear menús de navegación amigables con el usuario en CSS. Javascript hace posible crear una navegación mas efectiva e interactiva para cualquier sitio web. En devSnippets hacen un recuento de 10 brillantes técnicas para crear menús de navegación de múltiples niveles, usando algo de Javascript, jQuery, Mootools y CSS; desde navegación superior estilo Vimeo hasta arboles de archivos en jQuery, una lista que ningún desarrollador puede dejar de leer.

Enlace: 10 Brilliant Multi Level Navigation Menu Techniques

Modern Clix es el primer theme para WordPress de Rodrigo Galindez, el cual esta baado en su propio blog, ya que desde que apareció en Smashing Magazine mucha gente se lo solicitó para poder descargarlo libremente.

Es un tema basado fuertemente en grids tipográficas (12 columnas haciendo un total de 960 pixels) y en el estilo suizo de diseño.

Incluye un CSS con el framework para que cualquiera lo pueda modificar y adaptar a gusto. Es elástico, o sea, que se estira en todas las esquinas cuando haces Cmd + + (está codeado en EMs) y valida XHTML 1.0.

Se prestó un especial cuidado al uso tipográfico, además agrego varios type goodies listos para poder usar (ampersands, by-lines, versalitas, etc.).

Ideal para los que quieren claridad y flexibilidad al escribir y sobre todo, simpleza.

Enlace: Modern Clix.

MyCss Menu le brinda a los Webmasters y diseñadores web herramientas para personalizar y crear menús compatibles para varios navegadores. Este “generador” hace mas fácil la tarea de crear menús en CSS sin necesidad de conocer el (a veces) tan complicado codigo HTML y CSS.

A pesar de ser un sitio plagado con molesta publicidad, es una herramienta bastante útil para quienes no cuentan con demasiada experiencia en el campo del diseño web.

Vía Delicious

Este recurso si que me lo guardo en favoritos. Como sabéis las tipografías no se ven igual en Mac que en Windows, cada SO las interpreta de forma distinta o simplemente algunas solamente se pueden usar para mac y otras para windows. Typechart es un servicio web que nos permite comparar como se ve determinada fuente en mac, windows y obtener el código CSS para la configuración que estemos visualizando.

Nos proporcionan varias familias tipográficas clásicas, varias medidas que van desde “small” hasta “extra large” y finalmente lo que ellos llaman “emphasis” que no es otra cosa que fuentes con efecto “bold”, “italic” y “uppercase”.

El sitio es muy práctico y simple sin tener que estar dando mil paseos. Cubre su función a la perfección. Como digo, me lo guardo.

Enlace: Typechart – Browse Web Type, Grab CSS

En la web de lo mas importante que encontraremos y a lo que hace falta prestar atención son las fuentes que usaremos para proporcionar el contenido del sitio. Parece algo simple pero no lo es tanto, por culpa como es habitual de las diferentes formas en que cada sistema operativo y navegador las interpreta. También hay que tener en cuenta todos los aspectos referentes a “usabilidad” en relación a la fuente que escojamos.

Desde el artículo Rethinking CSS Font Sizing Techniques del blog Peakflow Design tratan todas estas cuestiones centrándose en las diferentes técnicas css que existen para controlar los tamaños de las letras en la web comentando los pros y los contras de cada una.

Enlace: Rethinking CSS Font Sizing Techniques

Los botones forman parte importante dentro de un sitio web ya que los usaremos bastante y para funciones importantes, es el vehículo mediante el cual el usuario interacciona con la web. Existen dos formas básicas de hacerlos, mediante la creación de imágenes o bien combinando imágenes y CSS. En este último caso nuestros botones podrán ser más “dinámicos” e incluso ganarán en vistosidad (aunque en lo que a este aspecto se refiere lo fundamental seguirán siendo las imágenes).

Como de casi todo varios sitios de la red ya trataron este asunto proporcionándonos varios tutoriales con los que obtener botones mediante la combinación de CSS e imágenes. En CatsWhoCode recopilan los 10 manuales que les parecieron más interesantes sobre el tema.

Enlace: Top 10 CSS buttons tutorial list

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