Blog de Alexis Abarca

Hoy leyendo los RSS halle un curioso test de CSS3 para el navegador el que consiste en un Doraemon que mientras el navegador cumpla mas los estándares se verá mejor la figura, de lo contrario se verá más cuadrada.

Internet Explorer 8 fue el único que dio problemas mostrando a Doraemon cuadrado, los demás lo mostraron correctamente con diferencias en los colores solamente.

En este orden: Google Chrome 10.0.648.151, Internet Explorer 8, Mozilla Firefox 3.6.15 y Opera 11.01.

Un detalle no relacionado con el test: Solo Mozilla Firefox y Opera mostraron correctamente las letras chinas del titulo de la página, los demás solo mostraron cuadrados en su lugar.

Para hacer el test anda a la fuente de la noticia: http://www.facilware.com/es/un-test-de-standares-css3-de-lo-mas-original.html

Una de las cosas que buscaba al momento de diseñar una pagina Web era hacer los famosos recuadros con los bordes redondeados, entonces busque en Internet y halle este sitio el cual le das los colores de fondo, del bloque (en #FFFFFF), nombre del bloque y te da el codigo HTML y CSS necesario.

Lo especial de esta pagina es que prescinde del javascript e imagenes para crear los bordes, ya que en otra Web ademas del codigo HTML y CSS debia descargar las 5 imagenes de los bordes (4 bordes y relleno), y el javascript que puede ser deshabilitado desde el navegador.

Un bloque de ejemplo

Ahora les dejo la web donde crear los codigos

http://www.spiffycorners.com/

Via: X-web

Blogalaxia tags: bordes+redondeados+css css xhtml
html