Excelente desarrollo de un sistema de capas deslizantes en modo acordeón o slider, lo mejor es que no precisa de jQuery pues está desarrollado exclusivamente en HTML+CSS3

Puedes verlo funcionar en dos sabores, horizontal y vertical recuerda que para descargarte el código para jugar deberás estudiar el HTML con un ver código fuente y descargarte el CSS… alguien ha oído FireBug?:

http://www.venturelab.co.uk/demos/accordion/

Os traemos un generador de frameworks HTML5, con él conseguirás el código mínimo necesario para empezar a desarrollar páginas webs en HTML5.

A continuación una captura del generador:

Enlace al generador de frameworks: http://switchtohtml5.com/

Hoy vamos a jugar un poquito con las fantanbulosas webfonts de Mr. Google

¿Qué que son las webfonts?

Eso se lo preguntas a Google. http://code.google.com/apis/webfonts/

¿Cómo funcionan?

Para usarlas debes incluir cada fuente tipografía webfont que quieras usar en la sección header del HTML con un:

<link href="http://fonts.googleapis.com/css?family=Orbitron:bold&subset=latin" rel="stylesheet" type="text/css">

Luego en la hoja de estilo de tu página la debes definir, recuerda también tirar de segundas opciones, tal como lo reflejamos aquí, aria o cualquier tipografía “serif” esto es más que nada porque hay navegadores viejos o paratos como el iPad on iOS 3.x a los que se le atragantan las Webfonts.

font-family: 'Orbitron', arial, serif;

¿Dónde previsualizarlas?

Supongo que como a mi, te interesa ver de forma rápida que fuentes hay por la red, que pinta hacen y tal para poderlas meter en tu página o blog, pues bien los chicos y chicas de Google te las muestran en la siguiente dirección:

http://code.google.com/webfonts

¿Dónde comparar las Google Fonts?

Como el visualizador de Google es quizá demasiado escueto te recomendamos otro que está algo mejor, no mucho, pero algo es algo dijo un geek cuando se encontró un byte en la sopa…

http://www.fontcomparer.com/

¿Donde estamos usando ya webfonts?

Nosotros hemos empezado a incorporarlas en un proyecto en el que estamos trabajando basado en ecOOmmerce.com nuestro software de tiendas virtuales.