mazziblog

S5 es un sistema para realizar presentaciones a la Powerpoint pero basado en HTML, CSS y Javascript.

La ventaja de esto es que con cualquier navegador podemos verlas. Sobre todo si usamos Opera, se integra perfectamente al modo Opera show: aparecen botones de anterior y siguiente integrados en el navegador. También podemos tener un estilo para imprimir (printer-friendly). Si no se defienden con CSS, existe una gran gama de estilos (o themes) disponibles.

Si quieren verlo en acción, existe una demo que nos muestra las bondades del sistema.

Rediseñando un sitio, surgió la duda sobre la ubicación del menú de navegación, por lo que decidí buscar en la web al respecto.

La historia es algo larga y tiene sus por qué. Sorprendentemente, el resultado no fue el esperado.

Leer el resto del post… »

Una de las grandes ventajas que posee CSS es poder cambiar el diseño de una página web, sin tocar ni un byte de su contenido. De esta manera podemos independizar al programador del diseñador (y viceversa).

El motivo de este post, no es explicar como podemos hacer un cambio mediante javascript o php a uno de los estilos alternativos que posea la página que estamos viendo. Esto es muy conocido y se encuentra muy rápido googleando un rato. Aunque lo que voy a explicar también, generalmente no es usado (por lo menos en las páginas que visito) y es muy sencillo de hacer.

Una vez definida la plantilla de estilos alternativa, lo único que debemos hacer es codificar en nuestra página lo siguiente:

<link rel="stylesheet" type="text/css" media="screen"
href="http://www.mazziblog.com.ar/blog/plantillappal.css" />
<link rel="alternate stylesheet" type="text/css"
media="screen" title="Al 100%"
href="http://www.mazziblog.com.ar/blog/plantillaalt.css" />

Creo que no es necesario explicar cada atributo del tag link, pero se ve claramente que hemos definido una plantilla por defecto y otra alternativa.

Una vez hecho esto, en nuestro navegador podemos cambiar de estilo. Por ejemplo en Firefox, desde Ver -> Estilo de página, podemos cambiar a cualquiera de las plantillas que el sitio tenga disponible. Otros navegadores que aceptan esta carácterística (por lo menos para PC) son: Opera, Mozilla y Konkeror.

Aprovechando el código, y debido a los constantes reclamos de nuestros visitantes (por no nombrar al único que lo reclamó), implementamos una plantilla alternativa para mazziblog. Espero les haya sido útil.