Archivo de la etiqueta: fuentes

Font Icons y deja de usar Gif icons.

Desde hace poco la tendencia para usar íconos en un diseño web cambió al uso de fuentes, la ventaja principal al no usar GIFs es poder escalar los íconos usando el atributo Font-size dentro del CSS. El “icono” que en realidad es una Fuente se carga desde el atributo :before o :after y como content: “”; , lo que permite insertar un objeto dentro de un tag html sin necesidad de ponerlo directamente en el html. De esta forma al ser una fuete puedes cambiar el color, añadir efecto CSS3 sin necesidad de crear una nueva imagen.

 

Genericons

Son los íconos creados por el Theme Team de Automattic y son usados actualmente en el nuevo Theme TwentyThirteen.

 

FontAwsome

Está basado en Less y tiene una variedad de iconos muy amplia, originalmente pensado para trabajar con el framework BootStrap.

Font Awesome, the iconic font designed for use with Twitter Bootstrap

 

Foundation Icons

Obra de los creadores del framework Foundation Zurb (Sass + Compass). Todavía con pocos íconos.

Foundation Icons Fonts - ZURB Playground - ZURB.com

 

Symbolset (Premium)

Symbolset

Una aplicación diferente, de la mano de oak.is tenemos Symbolset, una aplicación semántica, donde la palabra que usemos cambiará por un ícono. Puedes comprar las fuentes según la necesidad, además de estar bien diseñados su calidad es impresionante.

 

Fontello (generador)

Fontello - icon fonts generator

No lo he probado aún, aunque la idea de poder generar tus propios font icons usando esta webtool es mas que interesante. ¿Alguien se anima a compartir su experiencia con esta webtool?

Enlaces con Hacks, Tips, Snippets, Consejos y Tutoriales

Lo prometido es deuda, en la primera meetup os comenté de una serie de blogs y páginas de donde podemos conseguir trozos de código, conocidos como hacks o snippets, que nos ayudan a tunear nuestros WordPress, no solo a nivel del Tema (theme, diseño), si no mas internamente, modificando funcionalidades del dashboard (backend, wp-admin) para que nuestros clientes o proyectos tengan un interfaz mas limpia y enfocada en lo que necesita hacer, mucho mas allá de las diferencias de acceso y permisos que hay con los roles de usuarios.

De todos los enlaces recomiendo wpsnippets.com como una fuente fiable de hacks que funcionan, algunos los he utilizado en el theme que usamos para este blog, el cual lo hemos subido a github, donde cualquiera puede ayudarnos a mejorar las funcionalidades 🙂

Si tienes algún enlace para compartir que creas puede ser útil para todos nosotros envíanoslo a info[at]wpmallorca[dot]com y lo pondremos.

Hemos creado una página con todos los enlaces.