El Bit Campeador

En el siguiente enlace encontrarás un completo artículo de las diferencias CSS que debemos tener en cuenta para los navegadores Internet Explorer en sus versiones 6 , 7 y 8 . Diferencias CSS en Internet Explorer 6, 7 y 8

Desde la siguiente URL podemos bajarnos ejemplos completos de diseño de botones únicamente usando CSS3 , sin usar ninguna imagen. http://github.com/ubuwaits/css3-buttons    

A continuación un enlace que explica como truncar automáticamente texto en un párrafo (<p>) en HTML usando simplemente CSS . En caso de que el texto sea truncado se mostrará automaticamente los puntos suspensivos (...). Lo malo es que la propiedad CSS usada no es estándar, por lo que no funcionará en todos los navegadores, no obstante, yo lo he probado en Internet Explorer 7 y 8, Firefox 3, Chrome, Opera y Safari y funciona perfectamente. Truncado de texto en HTML usando CSS .

En woork han escrito un interesante artículo (en inglés) de como estructurar código CSS para el nuevo HTML5 . Podéis ojearlo en: CSS code structure for HTML5 . [caption id="" align="aligncenter" width="215" caption="CSS code structure for HTML5"] [/caption]

Desde el siguiente enlace podremos acceder a una web cuya única temática es ir dando noticias muy actualizadas sobre CSS3 . CSS3.info .

Os paso el enlace de un ejemplo que ofrece una solución de tener capas (DIV) con bordes (esquinas) redondeados sin usar imágenes : CSSplay: Curved Corners .

Uno de los comunes, y quizás, mayores dolores de cabeza al maquetar con CSS , es que se vea igual de bien en todos los navegadores. Cada navegador tiene unos estilos predefinidos para la mayor parte de los tags, es por esto que si queremos empezar bien nuestro maquetado, debemos igualar o resetear estos estilos . Hay varios ficheros CSS de reseteo de estilos , yo me quedo con estos dos: CSS Reset de Yahoo! . CSS Reset de Anieto2k .

Desde la siguiente web podremos optimizar nuestro CSS respecto al tamaño que ocupa, para así mejorar velocidad al reducir la carga de transferencia. Tiene diversas opciones de configuración y parametrización. Clean CSS .

Curiosa utilidad online que nos provee una manera fácil de crear diseños webs con frames simulados mediante CSS La utilidad es bien sencilla de usar, tan solo debemos proporcionarle un código XHTML que genere frames , y nos devolverá el equivalente en CSS . Sigue el enlace: CSS Frame Generator .