Diferencias CSS en Internet Explorer 6, 7 y 8

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

Botones CSS3

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

 

 

Truncado de texto en HTML usando CSS.

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.

Guía para estructurar CSS para HTML5

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.

CSS code structure for HTML5

CSS3: Todo lo que necesitas saber

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

CSS3.info.

Ejemplo de capa (DIV) con bordes redondeados sin usar imágenes

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.

CSS Reset

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.

Optimizador de código CSS

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.

Generar frames con CSS automáticamente

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.