Herramientas de desarrollo web online

Este será mi primer aporte al blog. Y decidí armarlo con algo que busco y descubro día a día en la web: herramientas, aplicaciones que me ayuden al diseño web, que simplifiquen mi trabajo. Aquí van.

Designs

Design es una suite de herramientas de desarrollo que se puede utilizar en cualquier página web. Contiene utilidades como Grid (Grilla), realmente útil a la hora de analizar un diseño web. Se complementa con Rule (Regla), que funciona tal como lo hacen las reglas del Photoshop o Illustrator, Unit (Medidor), permite tomar medidas de un área específica y Crosshair (Punto de Mira) que permite tomar las coordenadas señaladas.

Soporte:

• Internet Explorer 7
• Firefox 2+
• Safari 2.0.4+
• Opera 9.2+
• Chrome 1+

Probar Design

Golden Ratio Calculator

El uso de proporciones en el diseño es elemental. Y muchas veces uno hace uso de estas interrelaciones entre elementos de manera puramente perceptiva. En mi caso, prefiero grillar mis bocetos y trabajar sobre eso.

Rado Vleugel es el creador de esta simple pero útil herramienta, que nos permitirá obtener relaciones de tamaños, que si bien no tiene que ser estricta, al menos nos servirán de guía o punto de partida.

Golden Ratio Calculator

Periodic Table of the Elements

Esta utilidad me resultó particularmente interesante, ya que navega el código de un sitio web y muestra las etiquetas en uso. Lo bueno que tiene es que analiza las nuevas etiquetas del lenguaje HTML 5, como ser ‹menu› o ‹nav›.

Periodic Table of the Elements