Ya os hablamos en CSS: Consejos y buenas prácticas sobre la importancia de resetear las propiedades CSS para eliminar diferencias entre navegadores desde el principio. Pues ahora os traemos de la mano de html5doctor.com un nuevo reset CSS adaptado a HTML5. Incluye las nuevas etiquetas y elimina las que ya no están permitidas en este lenguaje de marcado.
/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted #000;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
Puedes descargar el código del proyecto html5resetcss en google code.
¿Estás pensando en adaptar tu web al iPhone o al Android?, o quizá ¿quieres desarrollar una aplicación web para dispositivos móviles? Pues esto te puede interesar. Se trata de un plugin de jQuery para desarrollo web móvil para iPhone, iPod Touch y otros dispositivos con visión de futuro.
Firebug es un complemento que no puede faltar en tu Firefox. ¿Qué no usas Firebug? ¿Cómo maquetas o desarrollas en front sin este plugin? Antes de contestar, descargate
Habrás visto que tras la instalación te aparece un pequeño escarabajo en gris en la barra de estado inferior. Cuando lo pulsas se colorea y aparece una ventana en la parte inferior del navegador. Para acceder a las opciones debemos pulsar el escarabajo de la parte superior izquierda de esta nueva ventana. Se desplegará el listado de opciones siguiente:
