CSS nube de etiquetas

Probablemente viendo el primer post tengas algunas dudas como exploradores antiguos aceptaran las nuevas etiquetas de HTML 5. Después del corte anexare un reset bastante bueno para alguno de tus proyectos.

Generalmente desarrollar para distintos exploradores sea una problemática bastante alta, para lo cual no hay nada mas rápido que aplicar un reset al css.

De mi agrado incluyo este, que si bien hay muchas opciones a mi me parece el que me ha ido mejor:

En el ultimo comentario les agregue algunas cosas que nada más es tema de gustos, pero a la hora de hacer un sitio y respetar el diseño se repiten bastante.

/* http://meyerweb.com/eric/tools/css/reset/    v2.0 | 20110126   License: none (public domain)*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }ol, ul { list-style: none; }blockquote, q { quotes: none; }blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }table { border-collapse: collapse; border-spacing: 0; }

/* Agregados referenteweb */

html, textarea{ overflow: auto; }input, textarea{ border: 0; outline: 0; }input[type=button], input[type=submit]{ cursor: pointer; }a{ text-decoration: none; }.clear{ clear: both; }
  • El html y textarea se les deja el scroll automatico para que solo se muestre si el texto es verdaderamente extenso o no.
  • El outline sirve para quitar los bordes cuando un input o textarea esta activo, este outline por defecto viene con un color y a veces influye en la maquetacion de un diseño.
  • Cursor pointer para los botones, para cuando al hacer hover sobre ellos se vea un puntero mas adecuado.
  • Links sin decoración, a mi gusto es mejor un hover con cambio de color.
  • Finalmente el infaltable .clear que luego de haber elementos flotantes puedes insertar un <div class=”clear”></div> y no tendrás problemas en IE.

Les dejo la url original del reseter: Aqui

Además como dato para aumentar un poco la eficiencia del sitio, aquellos elementos que no vayas a utilizar, simplemente los puedes borrar. Obviamente si es que estas 100% seguro de que no serán necesarios. Yo generalmente elimino muchos elementos, ya que es muy distinto un blog a una pagina estatica.