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
La gente de desarrolloweb.com enviaron en su ultimo boletín un excelente video tutorial sobre el posicionamiento con css, una parte importante para la maquetación web ya sea de una, dos, tres o más columnas. Recomiendo este tutorial para los diseñadores que quieran maquetar con css y olvidar un poco las tablas.