269 lecturas 0 comentarios

Gráficas en CSS puro

Si queréis mostrar gráficas en vuestra web, sin usar Javascript (JS) ni recargar el sitio con más código del necesario, Chart CSS es vuestra solución. Un montón de estilos, para todas las variantes (barras, columnas, líneas, pastel, etc.), personalizables, responsive y en solo 6KB de CSS.

618 lecturas 0 comentarios

Máscaras por CSS

Gracias a esta herramienta podremos enmascarar imágenes en formas geométricas de todo tipo o -incluso- hacerlas personalizadas nosotros mismos. ¡Y todo con CSS (clip-path)!

989 lecturas 0 comentarios

¿El Tooltip más completo?

Si queremos mostrar sugerencias de un elemento en nuestra web, lo mejor es recurrir a globos emergentes de información, lo que -comúnmente- llamamos un Tooltip. Existen numerosos códigos (scripts) para integrar dicha funcionalidad en nuestro sitio. Este me ha gustado especialmente, muchísimas funcionalidades, rápido de cargar, con temas… ¡Creo que no le falta de nada!

Visitar web oficial Tippy.js

1.191 lecturas 0 comentarios

Generador de gradientes

¡Los gradientes están de moda! y, en muchas ocasiones, nos resulta complicado escoger los más adecuados para crear una transición agradable y atractiva. Con esta utilidad se acabaron los problemas: selecciona un color y generará un degradado perfecto. Si -además- quieres aplicarlo en tu web, puedes obtener el código CSS con un solo clic.

1.208 lecturas 0 comentarios

Gradientes originales en CSS

No sé si la nueva moda de los gradientes la puso en marcha el rediseño del logotipo de Instagram, o el de los iconos de iOS, pero lo que está claro es que los degradados vuelven a estar en boca -y en pantalla- de todos. En esta ocasión, tenemos la oportunidad de explorar infinitas posibilidades de ellos gracias a la galería de Gradient Magic y, lo que es mejor, descargar su código en CSS para usarlo en el diseño de nuestra web. Por supuesto, si no os gusta ninguno, podéis crear el vuestro a medida.