LESS – Aumenta el poder de CSS

LESS - Leaner CSSAunque no me dedico al diseño web sí­ soy un reconocido fan de la técnica CSS a la hora de diseñar páginas. Cuesta un poco acostumbrarse después de tantos años peleándose con tables, td, tr y demás, pero el resultado vale la pena: flexible, limpio y dócil ante cualquier futura modificación.

El caso es que ayer un amigo me habló de LESS y de la posibilidad de aumentar el poder de las técnicas CSS usando variables, por ejemplo.

variables

También podemos organizar las reglas dentro de una misma entidad, dejando el código más limpio y sencillo de entender.

reglas

O incluso añadir operaciones matemáticas para facilitar el diseño geométrico del proyecto.

operaciones

Podéis programar la hoja de estilos en LESS y, al finalizar, compilar el código para que se genere el archivo CSS de toda la vida. Tenéis toda la documentación necesaria en https://lesscss.org

Font Viewer – Visualizador web de fuentes

fontbook

myfontbook.com es una excelente aplicación que nos ayuda a analizar las fuentes que tenemos instaladas en nuestro ordenador.

Después de mostrarlas en un panel bastante intuitivo, nos permite analizar los detalles de cada una de ellas, comparándolas, clasificándolas y permitiéndonos encontrar entre todas ellas el carácter que estamos buscando.

Con varias opciones de demostración de textos e impresión, es, sin duda, uno de los mejores en su categorí­a.

Ember – Comparte tus diseños e inspí­rate con los de los demás

Ember

Ember es un nuevo proyecto que nos permite compartir galerí­as de diseños (páginas web, fondos de pantalla, diseños de escritorios…).

Podemos clasificar nuestros trabajos por categorí­as y etiquetas, facilitando la navegación y el acceso a las verdaderas obras de arte que pueden encontrarse en su base de datos.

Desde logos hasta aplicaciones para iPhone, hay trabajos para todos los gustos, todos ellos con un excelente acabado en lo que a diseño se refiere.

MeCSS – Enví­a tu sitio web a varias galerí­as CSS de una sola vez

css

Existen muchos sitios que muestran verdaderas obras de arte en lo que a diseño web se refiere. Cssmania, cssvault, cssbeauty, webcream… verdaderas referencias para encontrar inspiración o conocer nuevas webs hechas con buen gusto.

MeeCSS es una aplicación que permite indicar nuestra web (en caso de tener un diseño css original y bien trabajado) en más de 100 galerí­as al mismo tiempo. Sólo tenéis que rellenar un formulario y esperar a que el enví­o sea realizado en todas las webs indicadas, pasando una por una para confirmar que los datos son incluidos correctamente.

Recursos para buscar, crear y transformar iconos

Durante los últimos casi cuatro años he conocido una buena cantidad de sitios web dedicados a mostrar iconos y ofrecer herramientas de edición y creación de estos pequeños y útiles gráficos que tanto usamos en nuestro dí­a a dí­a.

He querido hacer una pequeña lista clasificando algunos de estos recursos, para facilitar la vida de quienes trabajan con el tema.

1 – Buscadores de Iconos

iconfinder – Más de 100.000 iconos con varios tipos de licencia.
Iconza – Permite cambiar el color y tamaño de cualquier icono antes de bajarlo a nuestro ordenador.
Faviconiac – Extrae el favicon de cualquier página web
Iconos 2.0 al estilo Origami
iconbulk – Iconos, temas y fondos para PC y Mac
iconshock – Iconos profesionales
IconLook – Sencillo buscador de iconos
FreeIconsDownload – Galerí­as de iconos clasificados por categorí­as
iconlet – Otro buscador, muy sencillo y popular.
Iconspedia – Para compartir iconos
customize.org – Directorio de iconos bastante profesional

2 – Herramientas para creación de iconos

Air Icon Generator – Creador de iconos Adobe Air
bradicon – Cómo crear iconos en segundos
GenfavIcon y favikon – Generadores de favicons
Mikons – Creador de iconos en un editor Online

3 – Edición y transformación de iconos

converticon.com – De imagen a .ico y de .ico a imagen
Iconfu – Editor y directorio de iconos online

card.ly – Crea tu tarjeta de visita 2.0

card

De la misma forma que meadiciona.com nos permite indicar en una sola paǵina los enlaces a nuestros diferentes perfiles en redes sociales, blogs, emails y demás informaciones de contacto, card.ly nos ofrece la posibilidad de crear una tarjeta de visita virtual integrada con Facebook, twitter, Youtube, blogger, netvibes y demás herramientas web de moda en los dí­as que corren.

El resultado es bastante agradable, con vuestro nombre y los sitios configurados en la parte central de la tarjeta. Podéis seleccionar varios temas diferentes hasta encontrar vuestro propio estilo para divulgar vuestra identidad visual.

Converticon – De imagen a ico y de ico a imagen

iconoConverticon es una sencilla aplicación que permite transformar cualquier imagen en un icono de 16×16, 32,32, 64×64, etc. Prometiendo no hacerle mucho daño a la calidad también realiza la transformación inversa, permitiendo convertir archivos .ico en png.

No esperéis logomarca ni aplicación compleja, acceded a converticon.com y subid la imagen deseada. directo al grano.

CSSTXT – Aplica estilos a textos en pocos segundos

css

csstxt.com es una aplicación que nos permite definir hojas de estilo (css) para nuestros textos sin tener que pelearse mucho con las caracterí­sticas del formato.

Lo primero que tenéis que hacer es escribir el texto en cuestión, dándole formato con las herramientas que incluye (tamaño, tipo de fuente, espacios, párrafo…). El resultado es un código y archivo css que podréis copiar y pegar en vuestro sitio web, así­ de simple.

Una herramienta más que ayudará a nuestros diseñadores a trabajar más rápido y de forma más eficiente.

Actualización: Acabo de conocer otra herramienta sencilla pero útil, para ayudar a los que trabajan con CSS, transformando posiciones absolutas en relativas: https://riddle.pl/emcalc/