10 Recursos para Desarrolladores Web: 4ta Parte

Cuarta entrega de esta serie donde encontrars tiles recursos que harn de ti un profesional an
ms genial y eficiente. Notarn que en esta oportunidad buena parte de las herramientas que he
recopilado estn orientadas a diseo responsive, que es altamente importante conocer y dominar
hoy en da. As que sin ms rodeos, les presento las diez nuevas utilidades que pueden agregar a
sus favoritos:

1. COLORZILLA
ColorZilla es una extensin para Firefox y Google Chrome que te permite tener la funcionalidad del
cuentagotas de Photoshop pero en el mismo navegador; es decir, har el rol de un Color Picker.
Muy til cuando quieres averiguar de forma instantnea el color de cualquier elemento que se
muestre en la ventana de tu navegador sin tener que recurrir a ventanas externas.

2. RESPONSIVE TESTING
Responsive Design Testing es otra aplicacin/extensin para Chrome con la cuall podrs pre-
visualizar tus diseos en los dispositivos ms populares del mercado (Apple, Samsung, Nokia,
Blackberry, etc) gracias a su simulador. Windows Resizer y Browser Resize, son
extensiones de similares caractersticas.

3. ICOMOON
Si necesitas icon fonts para incorporarlos en tu proyecto o, mejor an, quieres crear tu propia
coleccin, entonces Icomoon es una buena alternativa a considerar. Pese a que actualmente
cuenta con un paquete free y otros de pago, sigue siendo un buen repositorio de icon fonts y una
excelente utilidad.
4. ANIMATE.CSS
Animate.css es una fascinante librera CSS con la que quedars prendado, ms an si eres
amante de las animaciones en css. Las puedes probar todas en la misma web antes de
implementarlo en tu proyecto, y desde luego descargarte la librera completa desde su repositorio
alojado en Github.
5. VIEWPORT SIZES
Esta es una herramienta de gran utilidad para los que hacemos diseo responsive o para mviles,
que nos permite conocer la medida del viewport para todos los dispositivos existentes en el
mercado (o bueno, dira que casi todos).
6. UNPLASH
Unplash es un descubrimiento reciente. Es un fabuloso banco de imgenes con fotografas de gran
calidad y produccin. Lo curioso de este sitio es que las fotos no estn organizadas por categora,
sino que se aaden cada diez das diez fotos nuevas. Y, claro, puedes ver en el timeline todas las
que fueron subidas cronolgicamente.

7. RESPONSIVE SLIDES
Responsive Slides es un excelente plugin JQuery bastante simple (solo fade como transicin) muy
ligero (apenas 1kb), pero que es bastante eficiente. Es ideal para minimizar el tiempo de carga y
hacer de tu web (sobretodo si es responsive) la ms rpida y legible. Para conocer ms plugins
JQuery haz clic aqu.
8. AWWWARDS
Y no podan faltar en esta lista algn sitio dnde encontrar inspiracin. En Awwwards podrs
encontrar los mejores sitios web que han sido nominados segn esta organizacin, que
bsicamente premia el talento, la creatividad y la innovacin al momento de montar una web. La
reviso de cuando en cuando y he encontrado muy buenos sites. Tambin puedes postular tu pgina
web y ver qu tal le va, es muy interesante.
9. RESPONSIVE PATTERNS
Responsive Patterns es una excelente coleccin de wireframes responsive clasificados por tipo de
layout, de navegacin, imagen, data/media, formularios, textos y mdulos. Cada maqueta tiene un
enlace para descargar, ver o modificar el cdigo en Codepen.
10. DEVICE PIXEL DENSITY TEST
Una funcional aplicacin online que te arroja la resolucin y el tipo de display del dispositivo desde
donde se ejecute, si es retina o no.