user profile image

Comments

  1. Hola Javier Muy buena tu reconstrucción. Congrats. Sobre lo que preguntas: Puedes ver una forma sencilla de lograr los "quesitos" o gráficos circulares con puro css aquí: http://ksesocss.blogspot.com/2013/02/grafico-circular-css.html

    Sobre el gráfico lineal creo que sería sencillo de conseguir con elementos anidados, cada uno con su longitud correspondiente y transform: rotate() Nunca me lo había planteado, así que gracias por "picarme la curiosidad". Lo intentaré. Si quieres estate atento a mi blog ;-)

    Un saludo

  2. @Kseso, muchísimas gracias :).

    Echaré un ojo a lo que dices y un buen vistazo a tu blog. Muchas gracias por la información y por el feedback.

    Un saludo!

  3. Hey Javier, to get rid of the flash add a null transform on the element or a parent to give the element its own backing surface, like: -webkit-transform: translateZ(0);

  4. Wow! @noahblon, thanks a lot! Really! :)

  5. Quizás este gráfico linear te pueda servir como base: http://codepen.io/Kseso/full/phiyL

    Si tienes dificultad con el linear, dímelo

  6. its cool man ,. ano where you get the icons it , what it's all you create own ??

    thanks :D regards

  7. Thanks @fikiwan :).

    The icons I usually use in Codepen, I get them from: http://weloveiconfonts.com/ It is a free & open source icon fonts hosting service (like Google Web Fonts, but icon fonts only). You have a tutorial in the same web site that it is quite easy to understand ;).

    However, this time I found some font-icons there were not in "welovefonts", so I downloaded them from http://icomoon.io/ Another free and open source font-icons website. But in this case I have downloaded the weather icons I needed and hosted them in my website. You can see the details at the begining of my CSS ;)

  8. oh thank you very much @jlalovi ,,,,, its will very helping me :D

  9. Its really n awesome work man.. I am taking it for my project,with bit of changes to suit my project.. Hope you don't mind... Thanks and keep coming with these miracles.

  10. Thanks @shailarya :)

    No worries, I'm happy it is useful for you. I guess I will come back here to publish some more projects ;)

    Cheers!

  11. love this ;)

  12. Great 😍

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.
Loading...