BLOG DE DISEÑO WEB CORUÑA

Un poco de todo, recursos, tutoriales, noticias, anuncios...

Font Awesome icon picker con jQuery sin bootstrap

Font Awesome icon picker con jQuery sin bootstrap

06/ABR/2017 3.110 visitas Ver comentarios

Buscando mejorar los gestores de contenidos que preparo en mis proyectos, me encontré con la necesidad de agregar un selector de iconos basado en la famosa tipografía Font Awesome.

Si no conoces esta tipografía te cuento que, entre sus ventajas, dispone de más de 675 iconos, que te ofrece escalabilidad vectorial, posibilidad de aplicar efectos como sombras, cambios de color, que no requiere javascript, que está servida desde un CDN mucho más que cacheado por todos los servidores y mucho más siendo, su desventaja, su peso si vas a utilizar pocos iconos, es decir, si no vas a realmente aprovechar todo su potencial.

LEER ENTRADA

Recursos para tu Web: Iconos

Recursos para tu Web: Iconos

04/ABR/2011 5.402 visitas Ver comentarios

Es indudable que hoy día, toda buena web, tiene gran cantidad de iconos incorporados en su diseño. Existen muchas webs de descargas de sets de iconos para usar en tu web y, lo que pretendo en este post, es crear una lista para que tengas a mano a la hora de desarrollar tu página web.

Yo suelo usar pocas, tengo compradas algunas licencias de sets de iconos, tales como el set coquette que me parece muy bueno, pero cuando busco algún icono que no encuentro en mi galería suelo usar:

LEER ENTRADA

Switch Mode: plugin jQuery para ver contenido en modo lista o iconos

Switch Mode: plugin jQuery para ver contenido en modo lista o iconos

20/NOV/2009 4.590 visitas Ver comentarios

Este plugin está más que interesante. Sirve, resumiendo, para ver listados con 2 diferentes presentaciones como puede ser la clásica lista (uno debajo de otro) o en modo iconos (en bloques uno al lado de otro).

El método de funcionamiento es muy simple, un enlace para hacer el cambio de modo y unas pocas líneas en tu archivo CSS te dejarán obtener cosas como ésta...

LEER ENTRADA

Iconos en links usando CSS

Iconos en links usando CSS

17/JUL/2008 6.204 visitas Ver comentarios

Esta es una excelente solución para aquellas veces en las que necesitamos hacer una lista de descargas y queremos que cada uno de los links tengan un icono representativo del tipo de archivo que vamos a descargar.

Se le puede asignar a cada enlace con una o más extensiones una imagen para imprimir y que se vea como en la imagen de ejemplo, tampoco es necesario agregarlo para todos, sólo las extensiones que nos interese, una entrada en el CSS y listo!

En el link que dejo en estas líneas, hay una colección de iconos para descargarse y en el código está el ejemplo de como usar esta técnica.

LEER ENTRADA