One Div es interesante proyecto que demuestra el potencial de CSS3 por medio de una pequeña biblioteca gratuita de iconos. Los mismos realizados íntegramente utilizando hojas de estilo, sin emplear una sola imagen.
Como principal ventaja, podemos destacar lo bien que se comportan estos iconos en distintos tamaños, logrando que su forma escalar sea tan eficiente como la de un archivo del tipo SVG, algo que hoy en día es fundamental de cara al diseño adaptable.
El principal problema, y como muchos ya estarán sospechando, es la compatibilidad con los distintos navegadores, que si bien esta bastante bien lograda en Chrome, Firefox y Safari, tiene grandes problemas en navegadores más antiguos, o bien, con incompatibilidades para reconocer las nuevas virtudes de CSS3.
En One Div podemos descargar el CSS de cualquier icono que veamos, además, y en caso de estar interesados en diseñar nuestros propios iconos CSS3, podemos contribuir con el proyecto subiendolos con el formulario de alta. De esta manera podemos compartir con la comunidad nuestras propias creaciones.
Un detalle, cuando se posiciones por encima de un icono, abajo del mismo aparecen los navegadores con los que es compatible, esto puede ser importante si lo que están buscando es una rápida integración con algún proyecto personal. También es para destacar que los iconos se pueden descargar en formato HTML, CSS y ZIP, inclusive con un click simplemente copiarlo al portapapeles.
Si tienen unos minutos les recomiendo visitar el diseño de algún icono, se puede ver perfectamente como se pueden emplear las distintas propiedades CSS3 para dibujar de una manera simple y elegante.
Web: One Div
lupocool
11 años ago
Dos preguntas: ¿Cuál es la diferencia de usar íconos en jpg? ¿Son como texto seleccionable?