Revista Comunicación

15 herramientas para agilizar el trabajo del diseñador web

Publicado el 27 julio 2010 por Cyberpixel @perlasimeone

Cada día repetimos muchas tareas a la hora de diseñar y desarrollar, esto nos aburre, escribir la misma frase, maquetar largos parrafos con Lorem Ipsum y escribir trozos de códigos siempre igual.

Así que a continuación os elenco una serie de 15 herramientas muy utiles para salir de la monotonia y hacer las tareas de manera más rapida y eficaz.

 

  1. TabsGenerator

    Un generador automatico de Tab, para crear los menu de navegación en etiquetas.

    TabsGenerator.com

  1. Cheat Sheets

    Chuletas muy utiles para saber todos los atajos y agilizar la productividad, sea de Photoshop, Illustrator, CSS, HTML…

    Photoshop Cheat Sheets

    CSS Cheat Sheet

    Shorthand CSS Cheat Sheet

    Cheat-sheets.org

  1. 960 grid system

    La guia de 960px es ya un estándard para crear layout web con ancho fijo, también existe un framework para crear los bocetos para las webs.

    960 Grid System

  1. Styleneat

    Una excelente herramienta para tener las hojas de estilos muy limpitas, organizadas por orden alfabetico y con la indentación perfecta. Para maniaticos del orden!

    Styleneat.com

    Otros recurso para optimizar los CSS

    Css Compressor

    Format CSS

    CSS Optimizer

  1. Text-Expander

    Herramienta de escritorio para escribir de manera rápida. Agilizan la tarea de escritura.

    Windows:FastFoxTexter

    Mac OS:TypinatorTextExpander

  1. Developer Bar e Firebug per Firefox

    Dos plugin esenciales para Firefox. Si eres un diseñador web los debes tener instalado en tu ordenador.

    Web Developer Tools

    Firebug

  1. CSS Sprite Generator

    Para ahorrar tiempo, esta utilidad sirve para crear Sprite Generator rápidos.

    Spirte Generator

  1. Em-Chart

    Convierte los caracteres de px a em. Muy útil para construir layout líquidos, así que ya no servirá la calculadora…

    EmChart

  1. Html Ipsum

    Una herramienta única e indispensable a la hora de escribir textos, listas etc.. Lorem Ipsum ya esta disponible con la formateación que necesites.

    Html-Ipsum.com

  1. Favicon Generator & editor

    Este generador crea un favicon solo subiendo una imagen de tu ordenador. No necesitas bajarte ninguna aplicación ni plugin, es un web editor completo.

    Favicon-Generator.org

  1. Typetester

    Para saber cual es el mejor texto. Compara 3 diferentes versiones y puedes descargarte la version en css lista para tu proyecto.

    Typetester

  1. Color Scheme Designer

    Una buena herramienta para seleccionar los mejores colores, así tus trabajos lucirán de verdad.

    ColorSchemeDesigner

  1. Snipt

    Snipt es una comunity donde programadores y desarrolladores recopilan trozos de código para poder ser reutilizados. Puede ser útil si buscas algunas lineas de código y no sabes como se escriben. Aquí seguro que encontraras la solución.

    Snipt.net

  1. Smushit

    Es un aplicación web que comprime las imágenes para web de forma totalizante, diminuirá las dimensiones manteniendo la calidad en pocos clicks.

    Smushit.com

  1. Iconfinder

    Un buscador de iconos, tiene miles de iconos sueltos y set completos, se puede encontrar todo lo que uno necesita.

    Icon Finder


También podría interesarte :

Volver a la Portada de Logo Paperblog

Quizás te interesen los siguientes artículos :