Iloo

https://iloo.wordpress.com

Archivos en la Categoría: CSS

Desarrollo: midiendo la velocidad de una web

GTmetrix es una aplicación que sirve principalmente para medir la velocidad de carga de una página web, el uso es sencillo, basta con poner la dirección de la página a ser analizada y GTmetrix se encarga de lo demás, los reportes son muy buenos, a parte de dar el tiempo de carga también ofrece sugerencias para mejorar la web analizada.

Enlace: aquí.

Un ejemplo del análisis:

Anuncios

CSS: resetear elementos HTML

Este es un tip muy conocido pero hay personas que recién se están adentrando al tema de programación web y el uso de HTML que desconocen esto y luego les conlleva a algunos problemas de visualización, de esta manera es que alguien me pregunto porque las páginas que realizaba no se veían igual en los diferentes navegadores. La respuesta es que los diferentes navegadores a pesar de ser miembros de las W3C no respetan las normas impuestas por este consorcio.

Entonces es necesario “inicializar” o resetear los elementos HTML, para no dar muchas vueltas simplemente añadir este código al inicio del archivo CSS.

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, center, u, b, i
{
  vertical-align: baseline border: 0;
  outline: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  font-family: inherit;
}
*
{
  margin: 0;
  padding: 0;
}
body
{
  line-height: 1;
  height: 100%;
}
:focus
{
  outline: 0;
}
ol, ul
{
  list-style: none;
}
table
{
  border-collapse: collapse;
  border-spacing: 0;
}
blockquote, q
{
  quotes: "" "";
}
hr
{
  border: 0;
  color: #000;
  background-color: #000;
  height: 1px;
}
blockquote:before, blockquote:after, q:before, q:after
{
  content: "";
}