Herramientas para la web
De qué va esto…
Me encanta crear utilidades para mejorar la productividad! Aquí podeis ver algunos ejemplos
Set de botones…
Para uno de mis últimos proyectos he tenido que pelearme un poco con sprites, SASS e ie7 para poder crear un set de botones que fuera fácil de usar e incluyera estados de hover, pressed y disabled.
Hoy en día lo que mola es hacerlo todo con CSS3, pero si necesitas que se vea igual para todos los navegadares, hay que ir a lo tradicional...
Leer más…Grid overlay para Less Framework…
He usado Less Framework 4 en el rediseño de mi site, para poder hacerlo con media queries.
En otros sites en los que he trabajado he usado el plugin para 960 Grid System: 960 Gridder que es super práctico, y decidí hacer algo similar y compartirlo por si a alguien más le resulta útil.
He definido la misma anchura y separación de columnas que usa Joni Korpi en su framework, pero podéis hacer cualquier modificación en el plugin que necesitéis.
Leer más…Una forma fácil de generar CSS para Srpites…
Un compañero de trabajo me preguntó si había alguna forma eficiente de crear sprites, que ayudara al maquetador a encontar las coordenadas de todas las imágenes en sprites grandes.
Y que cada vez que el diseñador creara nuevas versiones del sprite, no tuviese que verificar si todas las imágenes conservaban su posición.
Entoces pregunté a Ivan Montes si podría ayudarme a crear un script para posicionar imágenes.
Su respuesta fue mejor de lo que esperaba: "Ya lo he hecho, y hay un tío que usó mi script para generar un plugin de Photoshop".
No podía creerme la suerte que había tenido, y fui aquí a descargarme el plugin de Richard Dare. Originalmente servía para crear texturas de atlas, pero con algún pequeño retoque era genial para crear archivos css!
Leer más…