IceBeat

Leo en ajaxian que ha nacido una librería llamada Cruiser. Utiliza el mismo concepto que cssing, usar la sintaxis CSS para escribir javascript.

Yo ando terminando mi script, el cual tiene algunas similitudes (lógico) y otras un poco más potentes.

Me alegra saber que hay personas que piensan en que es necesario implementar estas características.

Me gusta la idea de utilizar un tag link para referenciar al archivo, pero no me convence tener que cargarlo y parsearlo cada vez que se refresque la página.

He vuelto a retomar CSSing. el proyecto es demasiado grande y me es imposible cumplir mis expectativas, CSSing consiste en generar CSS y Javascript solamente escribiendo código CSS.

Como últimamente esta de moda Javascript estoy adaptando el proyecto, Iván me ayudo en aclarar algunas partes (para que complicarse la vida creando un semilenguaje cuando puedes usar la sintaxis de CSS) y ahora en vez de generar CSS solo se podrá usar para crear Javascript.

Estoy usando Mootools para generar la salida, pero se podrán usar otras librerías (jQuery, Prototype):

//selector:pseudoclass
a#form:mouseover {
    color: #000;
    background-color: effect(#fff);
}

//macro del selector, para no repetir
$:click {    
    send: #form_option;
}

//código generado por el parser
$$('a#form').each(function(el) {
    el.addEvent('mouseover', function(e){
        e.setStyles('color: #000;');
        e.effect('background-color').start(#fff);
    });
    el.addEvent('click', function(e){
        $$('#form_option').send();
    });
});

Obviamente esto es solo un boceto, así que estoy abierto a sugerencias :P.

Buenas noticias, se ha unido al proyecto un nuevo desarrollador.
Lo tenia bastante parado aunque el desarrollo continuaba poco a poco. Tenemos pensado cambiar totalmente la estructura del proyecto conservando solamente el concepto.
Tendremos un nuevo parser más eficiente y también nueva sintaxis. Por supuesto un mejor soporte para Javascript con las librerías de moda.

Bienvenido Iván Montes aka DrSlump!

Si le echamos un vistazo a los ejemplos de la extensión Behavioral vemos como los eventos están definidos como propiedades, desde mi punto de vista prefiero que estos eventos sean llamados como pseudoclasses y no como propiedades.La explicación es porque normalmente estos eventos en CSS son usados para cambiar colores, mostrar capas o realizar alguna acción, si cada vez que tenemos que cambiar una cosa, tenemos que tirar de JS seria un poco confuso.

Otra planteamiento:

.Rollover {
border: thin solid blue;
}
.Rollover:onmouseover  {
border: thin solid red;
function: toogle;
}
.Rollover:onmouseout  {
border: thin solid blue;
function: toogle;
}

En este ejemplo los eventos se han convertidos en pseudoclasses, consiguiendo un mejor control en CSS, un CSS mucho más legible para todos. Para manipular el HTML se ha añadido la propiedad function que es la encargada de llamar a una función JS y procesar el objeto:

Ejemplo con la extensión:

.Rollover {
border: thin solid blue;
onmouseover: "return toogle(this)";
}

Seria algo a tener en cuenta en CSSing, plantear una mejor sintaxis para los diseñadores.

Por cierto: Gracias Dr.Slurmp por mostrarme otro punto de vista sobre CSSing.

Ya se puede descargar el proyecto (gracias benko) en la pagina de sourceforge y visitar una demo para que puedas ver el script en funcionamiento.

En los últimos días he corregido algunos fallos así que es posible que puedan surgir algunos imprevistos.

Esto es el comienzo y espero que lo tengáis en cuenta.

Si aun no sabes que es CSSing puedes leer CSSing1.0