CSSing 1.0

Agregar a favoritos

30 Comentarios

Posteado hace 939 días en:

Este es mi nuevo proyecto y es el hermano mayor de CSScompiler . CSSing es una nueva forma de ver las hojas estilos, usa la misma sintaxis que CSS pero interpreta y genera el código necesario para interactuar con otros lenguajes.

Gracias a su sistema de plugins puedes crear tus necesidades y aplicarlas de la forma mas sencilla en tu CSS. Obviamente tiene ciertas limitaciones pero con un poco de imaginación nada es imposible.

Entre los plugins que he creado puedes añadir textos a los input, aplicar eventos de ratón a divs, aplicar un clase según el navegador, definir constantes para usarlas en el CSS.

Puedes mirar una demo y ver en acción algunos plugins.

Posdata: Pronto listo para descargar.


  • avatar

    Nina#1 hace 939 días

    Aunque lo mio pasa por la fotografia, me resulta genial la informacion que aportas, un saludo

  • avatar

    show#2 hace 939 días

    Mirate el video porque a mi me da problema hacia la mitad, se queda bloqueado.
    Por lo que he podido ver el proyecto está muy bien, que siga adelante. ;)

  • avatar

    Diego#3 hace 939 días

    Disculpa mi ignorancia.. pero no logro ver cual es la ventaja de usar tu plugin, sobre escribir CSS corriente…

  • avatar

    torresburriel#4 hace 939 días

    La verdad es que tiene buena pinta. No dejes de anunciarlo.

  • avatar

    GNU/Hydrus#5 hace 939 días

    Ventajas de CSSing?
    Poder definir constantes, poder meter plugins para generar javascript según el css, para, por ejemplo, implementar las transparencias de los png cuando el navegador es internet explorer o para hacer menús dinámicos con javascript.

    Además de la gran ventaja de olvidarse de los hacks de css definiendo css específico para determinados navegadores, además con el sistema de plugins se puede hacer un plugin para corregir automáticente el problema del “box model” mal interpretado por IE…

    Dani, eres grande :)

  • avatar

    RUDE#6 hace 939 días

    Aplicar clases según el navegador? me apañas la vida ;-)

  • avatar

    BenKo#7 hace 939 días

    Cuando lo saques, estaré trasteando probando cosillas a ver qué tal.

    Ojalá tenga una buena acogida este nuevo proyecto tuyo :)

  • avatar

    lgarcia#8 hace 939 días

    Dani, te sales ;-). Habia visto cosas parecidas, pero no con este potencial… se me hace la boca agua….

  • avatar

    Fabalv#9 hace 939 días

    Pues se vé bastante interesante.

    Se me hace una técnica similar al “CSS-SSC” de Shaun Inman… pero ya veremos, tal vez estoy equivocado.

    Yo he estado usando el “IE7” de Dean Edwards para resolver el problema del Internet Explorer y ya no tener que utilizar hacks.

    Mucho ánimo! Estaré al pendiente.

  • avatar

    Icebeat#10 hace 939 días

    Muchas gracias por la acogida, espero poder hacer la documentación de los plugins y asi poder lanzar el script.

    Fabalv no estas equivocado, CSSing nace de la idea de englobar varias tecnicas.Cuando cree CSScompiler me di cuenta que se podria hacer muchas mas cosas entre ellas las de CSS-SSC.
    Se te hace parecido por que la sintaxis es la de CSS y claro con eso resuelves muchos problemas.

    Es un todo a mitad de precio ;P.

  • Me encanta. Mucha gente estaba hablando del css-ssc de shaun inman, pero este proyecto, por su cariz aspañó, es una delicia.

    Otra vez, gracias dani :)

  • avatar

    Icebeat#12 hace 938 días

    Vaya gracias :P, es jodido gastar el tiempo en tus proyectos pero al final merecen la pena.

  • Te entiendo perfectamente, IceBeat… Para el próximo, dame suerte, que la necesitaré, jaja

    Por cierto, qué difícil es encontrarle nombre a la criatura. Y es que no puedes elegir el nombre a la ligera, que si no te pasan cosas como la de esta librería ajax.

  • avatar

    Icebeat#14 hace 938 días

    Pues suerte de antemano ;P.

    Buff el nombre es de lo peor, le das mas vueltas que un pollo asao.

  • avatar

    Ignatius#15 hace 938 días

    Pues yo no puedo ver el video ¿? Se queda pillado al 5% mas o menos.

  • avatar

    Icebeat#16 hace 933 días

    Supongo que sera cosas del navegador porque el video lo ha probado bastante gente.Vuelve a intentarlo y sino dame tu correo que te lo mando personalizado ;P.

  • avatar

    Nicolas#17 hace 932 días

    Muy bueno y útil, realmente.

  • avatar

    NEO_JP#18 hace 931 días

    Me he sorprendido, la facilidad para esto, es como un framework con CSS!

    Esta de lujo, pero me salio una duda, que usaste? PHP, Javascript, y CSS ?

    Por lo que veo solo es cuestion de modificar un archivo de texto, por lo que podras usarlo en cualquier plataforma.

    Esta de lujo! Buscas beta testers? xD

  • avatar

    Icebeat#19 hace 931 días

    Al estar programado en PHP te puedes permitir el lujo de usarlo donde quieras.Por ahora solo he usado esos tres lenguajes, CSS para la sintaxis, PHP para el parseo y JS para interactuar con el html aunque se usara XML para el tema de edición de plugins.

    El script reconoce si has modificado la hoja de estilos.

    Pues en cuanto termine la documentación de los plugins podras probarlo, es que si lo pongo para descargar va ser un lio enorme comprender su funcionamiento (para desarrolladores de plugins).

  • avatar

    NEO_JP#20 hace 929 días

    Y por ultimo una pregunta mas, sera un proyecto libre? =p

  • avatar

    Icebeat#21 hace 928 días

    Pues tiene toda la pinta NEO_JP jeje, no creo que se tenga que cobrar por usarlo aunque se aceptaran donaciones :P.

  • avatar

    blid#22 hace 928 días

    Muy buena pinta IceBeat, tengo ganas de saborearlo. Tengo una duda, ¿has respetado los estándares del DOM? Saludetes =).

  • avatar

    altheo#23 hace 928 días

    juas! no mentero de ná!!! pero er tio hace videos tela de wapos, eh?

  • avatar

    sosa#24 hace 924 días

    Wow! Esto confirma lo que ya tenía sospechado: eres algo asi como el shaun inman hispano… pero mejor.

    saludos.

  • avatar

    Icebeat#25 hace 922 días

    Blid te refieres a JS?, yo espero que si, aunque reconozco que no es mi fuerte y necesitare ayuda.

    Altheo ;P.

    Sosa muchas gracias por el cumplido.

  • avatar

    DrSlump#26 hace 908 días

    Hola,

    Tiene buena pinta aunque, sin poder probarlo quizas me equivoque, creo que se le podrían cambiar algunas cosas para hacerlo más efectivo y fácil de entender.

    Por ejemplo, la extensión del fichero podría ser .cssing para evitar confusiones. Además podrían usarse prefijos ala Mozilla para diferenciar mejor lo que es CSS estandard y lo que es el macro-lenguaje cssing. Por ejemplo:
    a :cing-onmouseover { cing-define(gris) }
    o
    a :@onmouseover { @define(gris) }

    Otra duda que tengo es que pasa si tengo definidas mis reglas en distintos ficheros? Por lo que veo en el video se generan GUIDs para las reglas css, así que me pregunto si podrán extender esas reglas en otros ficheros.

    ciao,
    ivan

  • avatar

    Icebeat#27 hace 908 días

    Drslump en parte tienes razon sobre la nomenclatura de CSSing, es algo que esta por definir, la primera forma puede ser viable.

    Sobre los distintos archivos ahora mismo hay un plugin llamado @include que sirve para eso, incluir tus propias reglas para ser parseadas.

    La unica pega que hay por ahora que el cacheo solo responde cuando cambia el CSS principal y no los archivos adjuntos.

  • avatar

    Nordic#28 hace 858 días

    Todavía no he tenido tiempo de probarlo, pero te prometo que le daré un vistazo, ¡tiene una pinta increíble!

    La pena es que ahora hace unos meses que no tengo ni un maldito suspiro para dedicarme a probar e investigar, el trabajo me tiene absorvido. :-S

    Por cierto y saltando a modo offtopic, conocí a una chica de Cádiz que te conocía, Ana Carpez. ¡Que pequeño es el mundo!

  • avatar

    Icebeat#29 hace 855 días

    Ana Carpez? mm ahora mismo no caigo pero si me conoce por algo tiene que ser ;P. Pues si que es pequeño sip.

  • avatar

    Andres#30 hace 194 días

    Uff excelente lo que estas haciendo, espero lo puedas terminar pronto, con gusto te ayudaria pero ya nada mas entender lo que estas haciendo me da trabajo XD! sigue adelante y felicitaciones!