Artistas Digitales

13 Herramientas poderosas para diseñadores y desarrolladores web

13 Herramientas poderosas para diseñadores y desarrolladores web

Laucnlist

1 herramientas disenadores desarrolladores web.jpg

Launchlist esta pensado para ayudar a los diseñadores web y desarrolladores en las tareas previas al lanzamiento de un sitio web.

Light Tasks

10 herramientas disenadores desarrolladores web.jpg

Es una herramienta de productividad que permite programar una tarea y medir el tiempo que tardamos en finalizar los pendiente.

PageSpeed

11 herramientas disenadores desarrolladores web.jpg

Genera un análisis y resultados basados en el código de tu pagina. Esta herramienta arroja una calificación numérica la cual indica cuan bueno o malo puede ser tu sitio.

Responsinator

12 herramientas disenadores desarrolladores web.jpg

Ayuda a los desarrolladores web a hacer mas rápidas las pruebas de diseño y conocer como luce el sitio en los disposivitivos mas populares. Aunque no replica de forma exacta el dispositivo, es una buena referencia a como se vería realmente en el dispositivo.

CSS Hat

Es un complemento para Photoshop CS4. Tiene la capacidad de convertir layers de photoshop en estilo CSS3 con un solo click. Sitio web CSS Hat

14 herramientas disenadores desarrolladores web.jpg

resizeMyBrowser

2 herramientas disenadores desarrolladores web.jpg

Es una herramienta sencilla la cual permite a los desarrolladores colocar el tamaño de la pantalla que desean simular

Processcards

4 herramientas disenadores desarrolladores web.jpg

Es un juego de 54 cartas las cuales están diseñadas para promover un sitio web responsivo o de diseño fluido. Usa estas cartas para crear un. Los usuarios van a definir los objetivos requerimientos, información de diseño, estructura, y estética del sitio.

JSLint

5 herramientas disenadores desarrolladores web.jpg

Lee código javascript en busca de problemas y regresa un mensaje describiendo el problema y la ubicación dentro del código  El problema no necesariamente necesita ser de sintaxis, aunque a menudo se presentan.

PhoneGap

6 herramientas disenadores desarrolladores web.jpg

Phogap es una aplicación HTML5 que permite al autor crear aplicaciones nativas multiplataforma por medio de tecnologías web y con la facilidad de poder tener acceso a las APIs nativas, sensores y poder mandar tu app lista para diferentes app store’s.

Mudcu:CSS Background Generator

7 herramientas disenadores desarrolladores web.jpg

Es un generador de fonto de pantalla, el cual nos permite editar fondos de cualquier sitio en tiempo real! Background Generator permite crear asombrosos fondos con CSS puro y sin necesidad de utilizar imagenes.

ColRD:Palette Creator

8 herramientas disenadores desarrolladores web.jpg

Es una herramienta para generar paletas de colores. Puedes generar paletas modificando el brillo la luminosidad, saturación etcétera.

SnipSave

9 herramientas disenadores desarrolladores web.jpg

Los desarrolladores profesionales usualmente utilizan snippets o fragmentos de código que hacen o cumplen tareas especificas, es muy útil en cuestiones de productividad ya que con la practica se puede ahorrar muchas horas de trabajo y de cierta forma es mas organizado nuestro flujo de trabajo. Este sitio permite crear fragmentos de código y guardarlos en la red, una vez que lo desees puedes iniciar sesión dentro del sitio y poder accesar a tus códigos en cualquier lugar.

¿Te gusto el artículo? Compartelo!!

Acerca del autor

Dejar un comentario