El siguiente código nos permite hacer que todo un elemento, ya sea un div o un elemento de lista como en el ejemplo, sea clickable y funcione como vínculo.
$("ul li").click(function(){
window.location=$(this).find("a").attr("href"); return false;
});
griddle.it es un servicio web que nos permite generar, de un modo muy sencillo, un "grid" o retícula que podemos utilizar como fondo y de este modo alinear mejor los elementos en el proceso de maquetación de un sitio web. Tan sólo es necesario espacificar las dimensiones, el número de columnas y la separación entre ellas en la URL. Algo como:
http://griddle.it/[total width]-[number of columns]-[gutter size]
Un ejemplo de utilización en nuestro CSS, podría ser:
body {
background: url(http://griddle.it/960-12-30) repeat-y center top;
}
No es un framework como 960 Grid System, sino que obtenemos un fondo sobre el que trabajar, pero puede resultar interesante en algún caso.
Una plantilla pensada para iniciar una web o proyecto en HTML5. La plantilla incluye un CSS para resetear algunos estilos y las librerías de javascript jQuery y Modernizr.
La siguiente técnica, vista en cssstickyfooter.com, permite crear un pie de página que se mantenga en la parte inferior de la página independientemente de la cantidad de contenido que haya en la misma.
HTML:
<div id="wrap"> <div id="header"> </div> <div id="main"> </div> </div> <div id="footer"> </div>
CSS:
html, body {height: 100%;}
#wrap {min-height: 100%;}
#main {overflow:auto;
padding-bottom: 150px;} /* must be same height as the footer */
#footer {position: relative;
margin-top: -150px; /* negative value of footer height */
height: 150px;
clear:both;}
/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/
}
<!--[if !IE 7]>
<style type="text/css">
#wrap {display:table;height:100%}
</style>
<![endif]-->
foxGuide es una extensión para Firefox que permite mostrar guías horizontales y verticales de un modo similar a Photoshop. También, al igual que en Photoshop, se pueden mover o eliminar. Una interesante extensión a la hora de maquetar en CSS y mantener la alineación de elementos.
