kbglob

Pues si, después del bardeo generalizado que se comió en la blogosfera por solamente publicar “el nombre” despues de mucho tiempo sin comunicación, el grupo de desarrolladores de IE avisó que ya logran pasar el acid test 2 en standar mode!!!
Para los que no saben - y para los que saben tambien, no? - el acid test 2 es - tomando la simple explicación de los IE boys - un test de como los navegadores modernos funcionan con algunas funcionalidades específicas de distintos estándares.
En este momento de los navegadores en versión estable, solo Konqueror, Safari 2.02. Dicen que algunos de los beta de firefox 3 están pasando el test, pero tambien dicen que no, asi que: (?).

Una linda noticia para todo web developer cansado de hacer cuchuflitos extra para que IE6 muestre bien simples cuestioens de CSS; y también una muy buena muestra de lo que la presión de toooooda una comunidad de desarrolladores puede hacerle sentir a una empresa que se creía omnipotente.

Este fin de año, todos a brindar por los estándares(?)

[2 Comentarios]

Aunque todos sabemos que el resultado final siempre va a ser menos de lo necesario, los desarrolladores de IE7 realmente parecen estar haciendo un esfuerzo en que sea compatible con el standard de CSS definido en la W3C.
En uno de los posts de su blog en MSDN tienen especificados muchos bugs que arreglaron, e incluso qué ejemplos tomaron para corregirlos.
La lista es demasiado grande para resumirla, pero vale destacar que hasta incluyeron cosas de CSS 2.1 y transparencias en PNGs.

[1 Comentario]

Jeremiah Grossman demostró que, aún siendo un poco complicado, se puede robar algo del historial de la gente a través de CSS y Javascript.
Si miramos el código nos damos cuenta que es algo tan estúpido como escribir en pantalla una lista de sitios web, y chequear que color tiene el link.
Pueden verlo en acción acá.

Sorprendentemente en IE7 RC1, ésto está protegido.

Update: Es un bug que está reportado hace más de un año, pero no se resolvió ya que ES UN STANDARD (por eso no funciona en IE7, ja!)

[5 Comentarios]

A veces uno necesita que un DIV, por ejemplo, se comporte cómo un botón.
Para eso encontré un script que extiende las propiedades de muchos elementos dándole propiedades como onfocus, onblur, onkeypress y toda esa ensalada.
Para los que no lo pueden visualizar, además del código les dejo el ejemplo.

[1 Comentario]

¿Quién no quisiera tener un montón de menúes hechos en CSS para copiar y pegar?

[0 Comentarios]

Les presento el primer font hecho íntegramente en CSS compatible con casi todos los exploradores.

[5 Comentarios]

Esto es un buen uso de DHTML: http://labs.openlaszlo.org/lzpix-dhtml/

[0 Comentarios]

Un ejemplo claro y sencillo de diseño en 3 columnas (que se estiran al contenido de la otra) en CSS.

[0 Comentarios]

Otro ejemplo de el PODER(?) que tiene css.
Galerías de imágenes 100% css, y validan

[1 Comentario]

Para los que todavia tienen miedo, o estan re re re perdidos con “como armar un sitio integramente en CSS”, hay un sitio que se tomo el trabajo de mostrarte paso a paso como se fue construyendo.
Muy recomendable para principiantes.

[0 Comentarios]

alguien se sentó y se pasó unas cuantas horas haciendo una casa completamente en css, sin usar ni una imagen.

amazinngggg

[0 Comentarios]

Simple y básica introducción a css. Vale la pena

[0 Comentarios]

De a poco va tomando forma de aplicacion “tradicional” el desarrollo web gracias a Ajax y XUL.
Este es un muy buen ejemplo de Ajax.

[0 Comentarios]

Era inevitable, salio una pagina simil-digg sobre desarrollo con CSS.

[0 Comentarios]

A nadie le gustan los frames, hay 16.542 razones cientificamente comprobadas para no usarlos.
Pero a veces son re utiles.
Aca te explican como simularlos con CSS.

[0 Comentarios]

Despues de pasar por muchos ejemplos, este es el mejor (hasta ahora) ejemplo para armar sitios de 3 columnas con CSS.

<div id="header"></div>
<div id="container">
<div id="center" class="column"></div>
<div id="left" class="column"></div>
<div id="right" class="column"></div>
</div>
<div id="footer"></div>

Y el CSS:

body {
min-width: 550px; /* 2x LC width + RC width */
}
#container {
padding-left: 200px; /* LC width */
padding-right: 150px; /* RC width */
}
#container .column {
position: relative;
float: left;
}
#center {
width: 100%;
}
#left {
width: 200px; /* LC width */
right: 200px; /* LC width */
margin-left: -100%;
}
#right {
width: 150px; /* RC width */
margin-right: -150px; /* RC width */
}
#footer {
clear: both;
}
/*** IE6 Fix ***/
* html #left {
left: 150px; /* RC width */
}

Fuente: A List Apart

[0 Comentarios]

Un pajarito me mando un link con una buen y limpio ejemplo de como armar un menu drop down con CSS.

[1 Comentario]

Por fin encontre un buen tutorial para redondear esquinas sin tener que generar 700 millones de lineas de codigo.

[1 Comentario]

Para todos los que estamos peleando para que CSS se vea igual en Firefox y Explorer (aunque peleo mas por Firefox), hay un muy buen articulo con informacion util para preveer problemas.

[1 Comentario]

Un buen ejemplo de como alinear una imagen con texto (para noticias, articulos y esas cosas) en CSS es como lo hacen en este sitio.

[2 Comentarios]

Antes que vuelva a perder el link (si, se lo que son bookmarks), lo posteo.
Como hacer formularios en css sin tablas.

[6 Comentarios]

Bueno, en contra de lo que vengo predicando, las tablas si tienen un uso y especificacion en el standard CSS, y por lo que lei bastante util.
Aca tienen un detalle muy bien explicado y minucioso de como usarlas, para que sirven muchos tags y razones para hacer las cosas de una u otra forma.

[0 Comentarios]

Visto y considerando que he decidido distribuir todo el contenido en CSS y no usar las tablas para *casi nada*, voy a ir poniendo ejemplos que me son utiles.
Aca tienen como hacer un menu horizontal con “listas”.

[0 Comentarios]

Erik Meyer de mozilla tiene un ejemplo muy bueno para hacer graficos de barra con CSS.

[0 Comentarios]

• CSS Font and Text Style Wizard: Simple y completísimo creador de estilos para texto. Seleccionás las opciones, copiás el código, y sos feliz
• HTML and CSS Table Border Style Wizard: Este es muy parecido al otro, pero aplicado a tablas.

gracias MDC(mozilla developer center) Webwatch

[0 Comentarios]