CSS- página 6

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...

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...

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...

Formy es un Framework CSS para darle estilo de una manera más fácil a los formulario en HTML, existen muchos ejemplo de cómo crear formulario web pero la mayoría de esos ejemplos utilizan tablas, div, listas o puro CSS para la contrucción del Layout, pero algunas de esas técnicas cómo tablas no son accesibles y...

Muchas veces cuando diseñamos un sitio web necesitamos cargar imágenes desde CSS, pero cuando estás imágenes no se cargan en el momento por ejemplo las que se muestran en el hover de un enlace y tenemos que esperar a que se cargue después de pasar el mouse por encima del botón (enlace) para poder ver...

Bueno lo de perfecto se debe a que se trata de una página básica con diseño líquido que no necesita Hacks, JavaScript ni imágenes, es compatible con SEO, son gratis, para lograr que todo quede perfectamente posicionado donde debe, además este layout es cross-browser, es decir compatible con todos los navegadores incluyendo el iPhone. Este...

Las soluciones a los errores están clasificadas por categorías que son: Errores relacionados con Internet Explorer Centrando un elemento de bloque Columnas El posicionamiento con CSS El concepto de Float Esquinas redondeadas facilmente Problemas con formularios Otras técnicas con CSS que vale la pena conocer Ver las soluciones.