Como diseñadores y desarrolladores web, que todos somos conscientes de que algunas de las más simples de herramientas pueden hacer un gran impacto en nuestro día a día de flujo de trabajo y la productividad. Utilizando un simple plugin para el navegador o aplicación ligera de Adobe AIR para automatizar y simplificar las tareas básicas que de otra manera sería innecesariamente largo y superfluo puede reducir las tareas a una fracción de segundo, haga clic o arrastrar y soltar acción.
Uso de aplicaciones de Adobe AIR y los complementos del explorador o los complementos, usted será capaz de hacer frente a todo, desde la edición de imágenes y la gestión de la combinación de colores a las imágenes de procesamiento por lotes, wireframing, depuración y pruebas del navegador.
Hemos seleccionado y una lista de 50 fantásticas aplicaciones de Adobe AIR, complementos de Firefox y plugins de Safari para simplificar las tareas y aumentando la productividad para los diseñadores y desarrolladores web.
[AIR] Splashup Luz Splashup Light trae el editor de imágenes en línea en el escritorio para edición de imágenes rápidas. Es excelente para los sistemas de baja potencia como Tablet PC’s, notebooks o computadoras portátiles, pero también es muy útil en los flujos de trabajo de escritorio.
Precio: Gratis
Requiere: Adobe AIR 1.5
Adobe AIR Marketplace: Splashup Luz
[AIR] Livebrush Livebrush es un movimiento basado en el dibujo aplicación que permite la exportación de sus creaciones como archivos vectoriales para ser utilizado en otras aplicaciones. Con una plétora de opciones y herramientas, usted será capaz de crear unos gráficos bastante grande con esta aplicación.
Precio: Gratis
Requiere: Adobe AIR 1.5
Adobe AIR Marketplace: Livebrush
[AIR] Fractal4D Con Fractal4D puede crear fractales 3D y exportarlas a una aplicación como Adobe Illustrator. Se puede manipular el movimiento de fractales en 3D, la intensidad, color y muchas más opciones.
Precio: Gratis
Requiere: Adobe AIR
Link: Fractal4D
[AIR] RichFLV Con RichFLV puede editar los metadatos de archivos FLV, cuepoints, sonido y más. Convertir a swf o mp3. Es una aplicación ligera para la edición rápida, de base.
Precio: Gratis
Requiere: Adobe AIR 1.5
Adobe AIR Marketplace: RichFLV
[AIR] e2vector e2vector es una aplicación de ilustración capaz de capas, máscaras, y muchas otras herramientas de gran alcance.Usted puede importar y exportar SVG, rutas de empalme, se combinan las formas y mucho, mucho más.
Precio: Gratis
Requiere: Adobe AIR 1.5
Adobe AIR Marketplace: e2vector
[AIR] ImageSizer Rápidamente cambiar el tamaño, rotar, optimizar y cambiar el nombre de un lote de imágenes. Usted puede entonces la salida del lote en un archivo zip. Arrastrar y soltar las imágenes que desea editar, personalizar la configuración y listo.
Precio: Gratis
Requiere: Adobe AIR 1.5
Adobe AIR Marketplace: ImageSizer
[AIR] JustResizeIt! Con JustResizeIt! usted puede arrastrar y soltar rápidamente cambiar el tamaño de ellos. Utilícelo para crear widgets para usos específicos, como el correo electrónico, galerías web, diseños web, plantillas y mucho más.
Precio: Gratis
Requiere: Adobe AIR 1.5
Adobe AIR Marketplace: JustResizeIt!
[AIR] escritorio kuler escritorio Kuler ofrece fantásticas Adobe la creación de esquema de color y aplicación de gestión de Kuler, en el escritorio. Se integra maravillosamente con Photoshop, Illustrator e InDesign para facilitar la gestión del esquema de color y mucho más.
Precio: Gratis
Requiere: Adobe AIR 1.5
Adobe AIR Marketplace: escritorio kuler
[AIR] colorbrowser Almacenar y administrar conjuntos de paletas de colores con colorbrowser. Abrir o arrastrar y soltar archivos de ASE Kuler o ColourLovers en colorbrowser para añadir las paletas de color a su colección.
Precio: Gratis
Requiere: Adobe AIR
Link: colorbrowser
[AIR] COLOURlovers el color del escritorio del Finder Buscar en la base de datos COLOURlovers todo desde su escritorio para encontrar fantásticas creaciones nuevo color y colecciones. Es una aplicación básica, pero muy útil cuando usted está buscando combinaciones de colores nuevas y creativas para los diseños y otras ideas.
Precio: Gratis
Requiere: Adobe AIR 1.5
Adobe AIR Marketplace: COLOURlovers el color del escritorio del Finder
[Add-on] ColorZilla ColorZilla es un selector de color avanzada o colorpicker para Firefox para encontrar rápidamente los valores de color RGB. También incluye otras características tales como zoom de página completa integración en Firefox 3.5 +, visualización, marcadores y el intercambio de paletas de color y mucho más.
Precio: Gratis
Requiere: Firefox 1.5 – 3.5 .*
Complementos para Firefox: ColorZilla
[AIR] Contraste-A Interactuar con un espacio 3-dimensional de color RGB, experimentar con combinaciones de colores y comprobar el contraste de acuerdo con las WCAG 1.0 y 2.0. Crear paletas de colores personalizados, imprimir, guardar y con más contraste-A.
Precio: Gratis
Requiere: Adobe AIR 1.5
Adobe AIR Marketplace: Contraste-A
[AIR] Flickr Desktop Search Uno de los mejores recursos disponibles para imágenes libres de todo el web es Flickr. Flickr Desktop Search brinda capacidades de búsqueda rápida en tu escritorio. Si usted busca para las imágenes en Flickr con frecuencia, esto podría ser una aplicación muy útil.
Precio: Gratis
Requiere: Adobe AIR 1.5
Adobe AIR Marketplace: Flickr Desktop Search
[AIR] Picasa Image Browser Búsqueda en el escritorio como Flickr, Picasa Image Browser te permite navegar por las imágenes públicas de Picasa Web, también a través de nombre de usuario, y luego descargar las imágenes a su ordenador.
Precio: Gratis
Requiere: Adobe AIR 1.5
Adobe AIR Marketplace: Picasa Image Browser
[AIR] Websnapshot A pesar de tomar instantáneas de los sitios web no es muy difícil, se convierte en una tarea dolorosa redundante.Websnapshot hace que sea rápido y super fácil de guardar una imagen en miniatura, el tamaño de pantalla del navegador o página completa en un instante.Personalizar la configuración por defecto y escriba la dirección URL o arrástrelo desde el navegador.
Precio: Gratis
Requiere: Adobe AIR 1.5
Adobe AIR Marketplace: Websnapshot
[Add-on] FireShot FireShot es una captura de pantalla y la página web de add-on, pero, oh-tan mucho más. FireShot incluye herramientas de edición y anotación de modificar imágenes con texto y gráficos. Usted puede incluso cargar la imagen final a la captura de pantalla y público gratuito de alojamiento o enviado a su editor externo de su elección.
Precio: Gratis
Requiere: Firefox 2.0 – 3.6b1pre (sólo Windows)
Complementos para Firefox: FireShot
[Add-on] Screengrab Guardar la ventana del navegador, la página web completa, una selección de la página web o simplemente como un marco en particular como una imagen. Si lo desea, puede copiar los datos de imagen en el portapapeles en lugar de guardar un archivo.
Precio: Gratis
Requiere: Firefox 3.0 – 3.5 .*
Complementos para Firefox: Screengrab
[AIR] Snippely Guardar lotes de archivos de texto como de fragmentos de código, notas rápidas, to-do, etc de todo el equipo? Sé que solía hacerlo. Snippely se encarga de que al proporcionar un lugar rápido para quitar y recuperar esos fragmentos. Que ofrece la organización, resaltado de sintaxis y más.
Precio: Gratis
Requiere: Adobe AIR
Link: Snippely
[AIR] Snippage Con Snippage puede crear widgets de partes de sitios web, que son básicamente los navegadores web mini recortada por llamadas “tijeras”. Si se observan las secciones de sitios web, esta sería una excelente manera de hacerlos fácilmente accesibles sin ver el sitio completo.
Precio: Gratis
Requiere: Adobe AIR
Link: Snippage
[AIR] PIXUS Objetos en la pantalla la medida en píxeles, con teclado y ratón con el control de PIXUS. También puede previsualizar su diseño con pieles de otros, el uso de la aplicación en múltiples configuraciones de pantalla, utiliza guías rápidas y más.
Precio: Gratis
Requiere: Adobe AIR 1.5
Adobe AIR Marketplace: PIXUS
[AIR] PixelWindow PixelWindow es una aplicación muy simple centrado en la medición de las cosas en su pantalla. Arrastrar y cambiar el tamaño de las ventanas transparentes con las mediciones de píxel en el centro. Usted puede ajustar la opacidad, los gobernantes de abrir múltiples y mucho más.
Precio: Gratis
Requiere: Adobe AIR
Link: PixelWindow
[Add-on] MeasureIt Medir rápidamente elementos del sitio web en píxeles con los gobernantes MeasureIt. Usar los atajos de teclado para mover a los gobernantes por píxel medidas perfectas, unidades de medida del cambio, la medida de múltiples elementos a la vez, complemento a los objetos de la página y mucho más.
Precio: Gratis
Requiere: Firefox 1.0 – 3.5 .*
Complementos para Firefox: MeasureIt
[Add-on] Pixel Con Pixel Perfect puede superponer una composición web en el sitio web desarrollado CSS HTML / para garantizar la calidad y la precisión en el producto final.Esto también es una gran herramienta para el control de su progreso en el desarrollo para asegurarse de que estás en el camino correcto o si necesita hacer ajustes.
Precio: Gratis
Requiere: Firefox 3.0 – 3.5 .*, Firebug
Complementos para Firefox: Pixel Perfect
[AIR] Em Calculator Calculadora de uso de EM para obtener todos los valores correctos convertidos a partir de píxeles a ems y calcular el ritmo vertical correcta para sus diseños. Es una herramienta simple pero eficaz y útil.
Precio: Gratis
Requiere: Adobe AIR
Enlace: Em Calculator
[AIR] Random Pattern Render patrones basados en la configuración especificada que se pueden utilizar para multitud de propósitos. Preajustes de Guardar, Guardar imagen de salida (s) como SVG y más. Random Pattern es una aplicación ideal para la generación de patrones creativos rápido y fácil.
Precio: Gratis
Requiere: Adobe AIR 1.5
Adobe AIR Marketplace: Random Pattern
[AIR] Icon Generator Es una aplicación sencilla pero muy útil. Icon Generator hace que sea fácil estupenda para crear CS3 o web 2.0 iconos de estilo. Elija un color, introduzca el texto y guardarlo. Se puede generar cuatro tamaños que van desde 16 × 16 px y 128 × 128 px.
Precio: Gratis
Requiere: Adobe AIR 1.5
Adobe AIR Marketplace: Icon Generator
[AIR] FlairBuilder Con FlairBuilder puede prototipo y sitios web de alambre, e incluso poner en práctica los componentes interactivos.Utiliza una interfaz de arrastrar y soltar, e incluye un conjunto completo de elementos y herramientas para cada aspecto de su sitio web.
Precio: Gratis 14 días de prueba o $ 99 para comprar
Requiere: Adobe AIR
Link: FlairBuilder
[AIR] Boks Boks es un editor visual para el marco de la CSS Blueprint. Con él usted puede fácilmente configurar la red, el ritmo de base, CSS, HTML grid.png la exportación de diseño y mucho más. Si usted no ha tomado el tiempo para familiarizarse con un marco como Blueprint CSS, este es un gran lugar para empezar.
Precio: Gratis
Requiere: Adobe AIR 1.5
Link: Boks
[Add-on] GridFox GridFox hace posible dibujar una cuadrícula en la parte superior de una página web que estás viendo. Es genial para el control de los diseños basados en la red para encontrar el número de columnas, ancho de las columnas y mucho más.
Precio: Gratis
Requiere: Firefox 3.0 – 3.5 .*
Complementos para Firefox: GridFox
[Add-on] Font Finder Font Finder le permite sacar con rapidez los estilos CSS de texto que selecciona en las páginas web por lo que es fácil estupenda para descubrir el estilo de fuente nueva.Una herramienta sencilla pero muy útil para diseñadores y desarrolladores web.
Precio: Gratis
Requiere: Firefox 1.5 – 3.5 .*
Complementos para Firefox: Font Finder
[Add-on] Firebug Firebug es posiblemente la más populares y llenas de desarrollo web add-on para Firefox con una fantástica colección de herramientas y capacidades. Editar, depurar y monitorear CSS, HTML, JavaScript y mucho más en cualquier página web, así como las pruebas de rendimiento y mucho más.
Precio: Gratis
Requiere: Firefox 3.0 – 3.5 .*
Complementos para Firefox: Firebug
[Add-on] Web Developer Toolbar La barra de herramientas para desarrolladores Web ofrece una amplia gama de diseño web y desarrollo de las funciones y herramientas para Firefox para todo, desde CSS y HTML a JavaScript, caché, la validación y mucho, mucho más.
Precio: Gratis
Requiere: Firefox 1.0 – 3.5 .*
Complementos para Firefox: Web Developer Toolbar
[Add-on] YSlow YSlow analiza las páginas web y los clasifica sobre la base de Yahoo! ‘S normas para los sitios web de alto rendimiento. También incluye Yahoo! ‘S Smush.it servicio para optimizar y reducir el tamaño de la imagen para la web. Este es un gran complemento para los diseñadores y desarrolladores para mejorar el rendimiento y optimizar sus imágenes sitio web.
Precio: Gratis
Requiere: Firefox 2.0 – 3.5 .*
Complementos para Firefox: YSlow
[Add-on] FireFTP FireFTP Firefox le da más que competencias de navegación web, convirtiéndolo en un navegador de super potencia, con una cruz-plataforma cliente FTP completo.FireFTP es comúnmente usado como un sustituto completo para un cliente de FTP independiente, ya que ofrece casi todo lo que usted necesita.
Precio: Gratis
Requiere: Firefox 3.5 a 3,5 .*
Complementos para Firefox: FireFTP
[Add-on] HTML Validator Rápida comprobación de validación de la página web de Firefox con el validador de HTML add-on. También puede consultar el número de errores y advertencias, todos de una manera discreta.
Precio: Gratis
Requiere: Firefox 1.0 – 3.5 .* (sólo Windows)
Complementos para Firefox: HTML Validator
[Plugin] Safari Tidy Safari Tidy valida páginas web como usted navega conTidy y el validador del W3C. El error de advertencia y los resultados se muestran en la esquina inferior derecha de la ventana del navegador. Al hacer clic en ellos se abrirá el dril y páginas de resultados de W3C.
Precio: Gratis
Se requiere: Safari 3 +
Link: Safari Tidy
[AIR] jsBeautifier jsBeautifier es una aplicación muy básica de que los formatos de su código JavaScript correctamente para facilitar la lectura y edición.
Precio: Gratis
Requiere: Adobe AIR 1.5
Adobe AIR Marketplace: jsBeautifier
[Add-on] DownThemAll! Este es un gestor y acelerador de descargas de Firefox para maximizar la velocidad de descarga y gestión de las descargas de archivos a granel. Se agrega muchas capacidades más avanzadas para personalizar Firefox como criterios de descarga y la descarga de todos los enlaces o imágenes en una página web.
Precio: Gratis
Requiere: Firefox 3.0 – 3.5 .*
Complementos para Firefox: DownThemAll!
[Addon] Ver Dependencias Ver las dependencias de la extensión añade una nueva pestaña a la ventana de la página de información y las listas de todos los archivos cargados al mostrar la página Web actual. Ver los archivos en orden de servidor, tipo, tamaño y más. Entonces, rápidamente, abrir cualquier archivo en una nueva pestaña, ventana o copiar en el portapapeles.
Precio: Gratis
Requiere: Firefox 1.0 – 3.5 .*
Complementos para Firefox: Ver Dependencias
[Add-on] JSView JSView le ofrece una forma rápida de ver los archivos externos enlazados en un sitio web como CSS y JavaScript sin necesidad de excavar a través del código fuente del sitio. Acceder rápidamente a esos archivos vinculados directamente desde el menú contextual, la barra de herramientas, menú Ver o la barra de estado.
Precio: Gratis
Requiere: Firefox 2.0 – 3.6a1pre
Complementos para Firefox: JSView
[Add-on] IE Tab IE Tab permite hacer páginas web en Firefox la forma en que sería visto en Internet Explorer. Este es un gran complemento para las pruebas del navegador, sin necesidad de salir siempre Firefox.
Precio: Gratis
Requiere: Firefox 3.0 – 3.6a1pre (sólo Windows)
Complementos para Firefox: IE Tab
[Add-on] OperaView Esta es otra de base add-on para la rápida apertura de los enlaces o páginas actuales que se está viendo en el navegador Opera para la prueba y propósitos de desarrollo web.
Precio: Gratis
Requiere: Firefox 1.0 – 3.5 .*
Complementos para Firefox: OperaView
[Add-on] FirePHP Con FirePHP puede acceder a su consola de Firebug mediante una llamada al método de PHP. Es un gran complemento para el desarrollo de AJAX, pero tiene varios usos fantástica.
Precio: Gratis
Requiere: Firefox 3.0 – 3.5 .*, Firebug, una librería PHP
Complementos para Firefox: FirePHP
[Add-on] Live HTTP Headers Aunque esta es una muy básica add-on, es muy útil para los desarrolladores. Con Live HTTP Headers, puede ver las cabeceras HTTP de las páginas que está navegando, rápida y fácilmente.
Precio: Gratis
Requiere: Firefox 0.8 a 3,5 .*
Complementos para Firefox: Live HTTP Headers
[Plugin] Saft Saft añade un número asombroso de características de Safari incluida la publicidad y la animación de bloqueo, deshacer cerrar pestaña (s), soporte de Growl, navegación en pantalla completa, modo de pantalla completa, la navegación segura de Google, y mucho, mucho más.
Precio: $ 15
Se requiere: Safari 3.1 +
Link: Saft
[Plugin] SafariStand SafariStand práctica muchos grandes mejoras para Safari incluido un marcador útil para el ahorro y la reanudación de sesiones de navegación, la alteración del sitio para personalizar la configuración específica de la web, coloreado de sintaxis, en vista de origen, y mucho, mucho más.
Precio: Gratis
Se requiere: Safari 3.1 +
Link: SafariStand
[Plugin] SafariSource Fuente de Safari por defecto vista no incluye coloreado de sintaxis, que es donde entra en juego SafariSource que resuelve este problema y añade coloreado de sintaxis para una fácil lectura. Usted puede personalizar las preferencias de plug-in (fuentes, colores, etc) en el panel de preferencias de Safari.
Precio: Gratis
Requiere: (4,0 Safari 3.0?)
Link: SafariSource
[Add-on] Window Resizer Tamaño de la ventana del navegador de prueba es importante, pero una tarea a menudo pasado por alto. El navegador Resizer ventana de Firefox add-on le hace una brisa para probar con rapidez todas las resoluciones importantes.
Precio: Gratis
Requiere: Firefox 1.5 – 3.5 .*
Complementos para Firefox: Window Resizer
[AIR] Polaris en Google Analytics Controle su cuenta de Google Analytics directamente desde tu escritorio con un interfaz simplificado y muy atractivo. Ver toda su información de Google Analytics fácilmente con mapas, tablas y gráficos.
Precio: Gratis – $ 15/año
Requiere: Adobe AIR
Link: Polaris
[AIR] Klok Klok es un tiempo de seguimiento de la aplicación que hace que sea muy fácil de visualizar cómo el tiempo se está utilizando. Ver gráficos y otras ayudas visuales de su tiempo de seguimiento de la información y de fácil hacer un seguimiento de cada minuto que pasa trabajando o no para maximizar su tiempo y eficiencia.
Precio: Gratis
Requiere: Adobe AIR
Link: Klok
Conclusión: Sólo las tareas básicas Aunque varias de estas herramientas, son muy útiles y sorprendentemente útil para optimizar su flujo de trabajo y la productividad. Tanto si eres un diseñador web o programador web (o ambos), las aplicaciones y los complementos del navegador antes mencionados están obligados a ayudar de alguna manera, y están bien vale la pena probar si usted no tiene ya. La gran cosa sobre muchos de los instrumentos antes mencionados, es que requieren poco o ningún recursos informáticos adicionales!
Algunas aplicaciones más grandes AIR o complementos del navegador encuentre útil que no teníamos la lista? Publicar un comentario a continuación y háznoslo saber.
