nov
2010
PXtoEm.com Util herramienta para cuando se quiera convertir de Pixeles a EM y tambien a pt y %.
PXtoEm.com Util herramienta para cuando se quiera convertir de Pixeles a EM y tambien a pt y %.
Excelente sitio web para comparar las diferentes tipografias usadas para el diseño web bajo plataforma Windows y Mac. Typechart

@Font -face Generator genera diferentes tipo de formatos de fuentes para poder usarlo con en nuestros diseños y que sean compatibles con los diferentes navegadores (Firefox, Safari, Chrome, Opera 10.x usan .ttf, Internet Explorer .eot).
@font-face {
font-family: 'FontinSansBold';
src: url('fontin_sans_b_45b-webfont.eot');
src: local('☺'), url('fontin_sans_b_45b-webfont.woff') format('woff'), url('fontin_sans_b_45b-webfont.ttf') format('truetype'), url('fontin_sans_b_45b-webfont.svg#webfont2lPUCyPA') format('svg');
font-weight: normal;
font-style: normal;
}
Ejemplo de lo que genera @font-face generator arriba.
Cada navegador interpreta los atributos HTML a su manera, siendo IE el que menos respeta los estandares web. Si se quiere mantener el diseño de una plantilla web con la misma apariencia en los diferentes navegadores y se esta usando css para el mismo es necesario antes resetear los diferentes selectores y estilos que se usaran. Abajo colocare dos enlaces donde se pueden encontrar este tipo de codigo. Puede ser colocado en un archivo css aparte ej. reset.css y incluirlo en una nuestra plantilla. Nota: La información de los dos enlaces estan en ingles.
La primera opción de es de Eric Meyer’s http://meyerweb.com/eric/tools/css/reset/
La segunda opción es de yahoo http://developer.yahoo.com/yui/3/cssreset/
Cuando es un diseño sencillo de la plantilla e usado el codigo de abajo que es lo más generico y no estoy diciendo que con solo colocar esto es correcto, por eso recomiendo los dos enlaces de arriba.
*{padding: 0; margin: 0; border:0;}
Fuente: http://www.crearedesign.co.uk/blog/web-designers/css-reset.html