Herramientas online para diseñadores y desarrolladores

A continuación un pequeño listado de herramientas online gratuitas de mucha utilidad para diseñadores y desarrolladores:

• Styleneat: Herramienta que sirve para organizar archivos CSS. Se puede pegar el código en la página directamente, subir ficheros, o proporcionar la URL del recurso CSS. Una vez hecho esto basta con pulsar “Organize CSS”, y te proporcionará una pantalla con el código debidamente procesado. 

• Initializr: Es un generador de plantillas HTML5 que ayuda a empezar un nuevo proyecto basado en HTML5 Boilerplate. Basta con elegir las opciones más importantes y pulsar en descargar, lo cual descarga una plantilla limpia, y personalizable, lo cual te ahorra el trabajo inicial. 

• Fix my HTML: Herramienta que sirve para dar formato al código HTML, basta con copiar y pegar en la cajita el código problemático, pulsar sobre el botón “FIX IT”, y te devolverá el código debidamente formateado. 

• Snipt: Herramienta que sirve para almacenar pedazos de código de esas "recetas" que siempre quieres tener disponible.

LayoutIt!

Muchas veces hemos pasado horas y horas construyendo una interface sin alcanzar los resultados deseados. LayoutIt! es una herramienta online desarrollada por Jonathan Katz, Martin Capeletto y Hernan Berroja Albiz que nos permite generar interfaces y obtener el código en HTML5.

Se trata de un constructor de interfaces bastante sencillo, en el cual solo basta con arrastrar los diferentes componentes de Bootstrap y acomodándolos a gusto. Es fácil de integrar con cualquier lenguaje de programación ya que solo basta con descargar el HTML generado e integrarlo al proyecto.

Para empezar solo deber escoger uno de los templates base y empezar a imaginar y crear interfaces.