Avisar de contenido inadecuado

html5 en Pixelovers

Expand

Nuevos campos de formulario en HTML5

Leo en anieto2k todo lo que necesitamos saber sobre los formularios HTML5, un artículo de Dive into HTML5 titlulado A Form of Madness. Habla de atributos y valores de atributos ya existentes, que abren un nuevo mundo alrededor de los formularios. Desafortunadamente no lo soportan casi ningún navegador, pero poco a poco todos van implementándolo.

Actualización: Como nos indica neiker, en Buffer Overflow encontramos una review en castellano sobre HTML5: Novedades en los formularios.

Expand

Chuleta de HTML5 en PDF

La semana pasada os hablamos de Reset CSS para HTML5 y esta semana os traemos una chuleta de HTMl5 publicada en Smashing Magazine en versión PDF para que podamos aprender las nuevas etiquetas e ir preparando nuestras webs y aplicaciones online y estar listos para cuando la mayoría de los navegadores lo soporten.

¿Qué os parece el HTML5? ¿Echáis de menos alguna etiqueta que se debería haber incluido? ¿Tienes ya tu web preparada y quieres compartirla con nosotros?

Expand

Reset CSS para HTML5

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.