Si cuando diseñas un sitio web primero acostumbras a realizar el diseño en Photoshop, Fireworks, etc., seguramente te ha pasado que te cuesta trabajo hacer coincidir el tamaño y la distribución de los elementos de la página con el diseño original, pues hay una manera de comprobar que todo vaya bien con un plugin.
Se llama [...]
Si estás cansado de hacer los menús para tus diseños web escribiéndo código CSS manualmente o si no sabes nada de CSS te recomiendo CSS Menu Builder que es un sitio web donde puedes crear tus menús CSS, este sitio te permite crear más de 30 tipos de menú horizontal, o más de 700 menús [...]
A veces cuando hacemos algo en CSS escribimos código o selectores innecesarios, eliminar esos selectores es algo que nos ayuda a reducir el tamaño de los archivos CSS, pero muchas veces hacerlo manualmente es algo tedioso, para eso existen herramientas que nos facilitan la vida, se trata de CSS Redundancy Checker que es un sitio [...]
Las tablas llegaron a ser uno de los objetos más difíciles y polémicos en el diseño web por la gran candtidad de requisitos la falta de compatibilidad entre navegadores y su uso excesivo, pero en Smashing Magazine han publicado un excelente post sobre las formas más fáciles y válidas de crear tablas HTML y darles [...]
La técnica de crear un Sprite CSS esmuy útil para ahorrar peticiones HTTP y reducir el consumo de recursos de nuestro servidor web, un Sprite se puede definir cómo una sólo imagen que contiene varias imágenes, bueno pues existe una herramienta online llamada CSS Sprite Generator que es muy útil para crear Sprites facilmente solamente [...]
CSSTidy es una aplicación Open Source que sirve para optimizar tu código CSS y además te puede ayudar a solucionar problemas reparando código repetido, optimizando CSS ya sea comprimiendo o descomprimiendo, todo esto lo puedes configurar, aquí puedes ver un antes y un después de un código CSS, descarga CSSTidy.
Emastic es un nuevo CSS Framework, que permite crear layouts elasticos basados en ems. que además tiene cómo ventajas que es muy ligero, sólo 4kb, puedes personalizar el ancho de la página con em, px o %, puedes usar columnas de ancho fijo o fluido. Puedes consultar el tutorial sobre cómo usar emastic.
Algunos demos de [...]
Siempre usa el DOCTYPE strict y validar los estandares HTML/CSS.
Usa siempre un sistema para resetear tus CSS.
Usa opacity:0.99 en elementos de texto para limpiar el renderizado de Safari.
Nunca redimensiones imagenes desde el CSS o HTML.
Revisa el renderizado de la fuente en todos los navegadores. Nunca uses la tipografía Lucida.
El tamaño del texto debe ser % [...]
Minid ha creado un framework para todos aquellos interesados en diseñar sitios web con estándares para dispositivos cómo iPhone y iPod Touch, el framework se llama Universal iPhone UI Kit, puedes descargarlo y obtener más información en la página de Google Code.
El Universal iPhone UI Kit según las palabras de Minid es:
La idea básica del [...]