Daniel Mota / IceBeat

Mi vida en formato CSS3

Estás en la bitácora de IceBeat, una página sobre diseño y desarrollo web.

CSSing 1.0

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.


Comentarios


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

    # · Nina · hace 2308 días

  2. 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. ;)

    # · show · hace 2308 días

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

    # · Diego · hace 2308 días

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

    # · torresburriel · hace 2308 días

  5. 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 :)

    # · GNU/Hydrus · hace 2308 días

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

    # · RUDE · hace 2308 días

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

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

    # · BenKo · hace 2308 días

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

    # · lgarcia · hace 2308 días

  9. 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.

    # · Fabalv · hace 2308 días

  10. 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.

    # · Icebeat · hace 2308 días

  11. 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 :)

    # · con_una_modorra_intelectual_congénita... · hace 2308 días

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

    # · Icebeat · hace 2307 días

  13. 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.

    # · con_una_modorra_intelectual_congénita... · hace 2307 días

  14. Pues suerte de antemano ;P.

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

    # · Icebeat · hace 2306 días

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

    # · Ignatius · hace 2306 días

  16. 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.

    # · Icebeat · hace 2301 días

  17. Muy bueno y útil, realmente.

    # · Nicolas · hace 2301 días

  18. 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

    # · NEO_JP · hace 2299 días

  19. 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).

    # · Icebeat · hace 2299 días

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

    # · NEO_JP · hace 2298 días

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

    # · Icebeat · hace 2297 días

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

    # · blid · hace 2297 días

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

    # · altheo · hace 2296 días

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

    saludos.

    # · sosa · hace 2293 días

  25. 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.

    # · Icebeat · hace 2291 días

  26. 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

    # · DrSlump · hace 2276 días

  27. 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.

    # · Icebeat · hace 2276 días

  28. 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!

    # · Nordic · hace 2227 días

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

    # · Icebeat · hace 2223 días

  30. 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!

    # · Andres · hace 1563 días

No se puede añadir más comentarios.