lunes, 21 de diciembre de 2009

51 Web Apps para diseñadores y desarrolladores web

0 comentarios




El diseño y desarrollo web ha cambiado significativamente en los últimos años, así como las herramientas y tecnologías implicadas. Con estos avances vienen herramientas para hacer nuestra vida más fácil, dar trabajo de mayor calidad y mejores servicios para nuestros clientes. La comunicación y colaboración a grandes distancias ya no es dolorosamente frustrante (o imposible) y el proyecto o la gestión de tareas es ahora más fácil que nunca.

Diseñadores y desarrolladores web también pueden ir en casi cualquier ordenador conectado a internet con un navegador moderno para realizar su trabajo sin sus aplicaciones de escritorio principal. De carcasa, diseño, probar, desarrollar, implementar y mucho más, directamente desde la web.

Aquí les dejo unas cuantas aplicaciones web para hacer diseñador web y de los desarrolladores más fácil que nunca y poner encima de sus capacidades.

Splashup
Con Splashup tiene más de capacidades básicas de edición de imagen a su alcance, en cualquier lugar que vaya. Usted puede editar varias imágenes y capas juntas, utilizan una variedad de filtros y herramientas, así como acceder a sus imágenes almacenadas en cualquier lugar (Flickr, Picasa, etc.)

Precio: Gratis
Requiere: Flash
Link: http://www.splashup.com

Aviario
Aviario es una colección de aplicaciones web que van desde la imagen y de edición de vectores a la pantalla de captura y edición de audio. Estos editores son capaces de un trabajo bastante sorprendente, sin embargo, son simples, libres y lo suficientemente rápido como para la edición rápida, de base.

Precio: Gratis – $ 24.99/yr
Requiere: Flash
Link: http://aviary.com

Pixlr
Como Splashup y Aviario, Pixlr trae la edición de imágenes a la web. Pixlr es más de un clon de Photoshop que los otros dos, con una interfaz gráfica de usuario, que probablemente será más cómodo para los usuarios de Photoshop. Pixlr paquetes de algunas características adicionales, así como el uso de memoria RAM, el rendimiento FPS y un montón de herramientas y filtros.

Precio: Gratis
Requiere: Flash
Link: http://www.pixlr.com

Photoshop.com
Photoshop.com en línea es una versión muy básica de la popular aplicación de escritorio de Photoshop. Por fundamentales, lo digo de verdad básica. Está pensada para fotos y vídeo con un conjunto muy limitado de herramientas. Lo hace sin embargo, incluyen el almacenamiento de fotos online, álbumes y un rápido acceso a sus fotos en sitios como Flickr y Picasa.

Precio: Gratis (2 GB de almacenamiento) – $ 499.99/yr (500 GB de almacenamiento)
Requiere: Flash
Link: https: / / www.photoshop.com

Adobe Kuler
Kuler Adobe hace que sea rápido y fácil de crear, compartir y descubrir nuevas combinaciones de colores hermosos para satisfacer sus necesidades. A partir de una base de color o una imagen, usted puede crear rápidamente todo tipo de esquemas de color, como análogos, monocromáticos, tríada, complementarios y mucho más.

Precio: Gratis
Requiere: Flash
Link: http://kuler.adobe.com

Color Scheme Designer
Color Scheme Designer ofrece una interfaz más simple que kuler para la creación de esquema de color mientras que también ofrece algunas otras características útiles.Vista previa de la combinación de colores y una luz y la oscuridad ejemplo plantilla con los colores. Tipos de régimen de color, como cortesía, la tríada y tétrada son todos soportados.

Precio: Gratis
Se requiere: JavaScript del navegador más reciente que IE6
Link: http://colorschemedesigner.com

Typetester
Typetester es una forma rápida para probar y comparar hasta tres tipos de fuentes con una configuración personalizada a todos de lado a lado. Cambiar el texto de la muestra y las opciones de fuente, a continuación, cuando haya terminado usted puede conseguir la costumbre de CSS.

Precio: Gratis
Se requiere: JavaScript, Firefox, Safari 2.0 +, Opera 8 +, Camino 0.8 +, Omniweb 5.1.1 o IE 5.5 +
Link: http://www.typetester.org

PXtoEM.com
Con PXtoEM usted puede obtener un conjunto completo de las conversiones de EM basada en un determinado tamaño de fuente del cuerpo. Si usted está sólo en la necesidad de una rápida conversión PX EM también hay disponible una calculadora para realizar operaciones matemáticas para usted.

Precio: Gratis
Se requiere: JavaScript
Link: http://pxtoem.com

WhatTheFont
¿Con qué frecuencia ve una fuente en algún lugar de la web o en una revista y me pregunto qué es? Subir una foto de la fuente a través de URL o localmente para WhatTheFont y obtener una lista de posibles coincidencias. También obtendrá vínculos para comprar el partido posible de fuente (es).

Precio: Gratis
Requiere: Imagen de texto para el descubrimiento de la fuente.
Link: http://new.myfonts.com/WhatTheFont/

FontStruct
Con FontStruct puede crear y compartir fuentes TrueType de alta calidad, que ellos llaman FontStructs. El editor ofrece herramientas de fácil uso, una rejilla de alineación, una amplia gama de formas (que ellos llaman ladrillos) y más.

Precio: Gratis
Requiere: Flash
Link: http://fontstruct.fontshop.com

CSS Sandbox
CSS Sandbox es una herramienta sencilla pero útil para la experimentación y el aprendizaje de CSS. La vista previa es vivir para seleccionar las diferentes opciones que usted verá el cambio inmediatamente, no requiere actualización.

Precio: Gratis
Se requiere: JavaScript
Link: http://aurelio.net/css-sandbox/

templatr
templatr es un modelo generador que le da la capacidad de construir una plantilla de página web en línea y descargar el paquete terminado. Seleccione el diseño que desee, subir tus gráficos y personalizar todos los elementos haciendo clic en ella para seleccionar y luego especificar sus ajustes.

Precio: Gratis
Se requiere: JavaScript
Link: http://templatr.cc

iPlotz
iPlotz te permite crear y colaborar en maquetas y wireframes rápida y fácilmente. Ofrece una gran variedad de elementos para sitios web y aplicaciones, y es muy fácil de usar. También ofrece múltiples niveles de colaboración para los clientes, compañeros de trabajo, etc

Precio: Gratis – $ 495/year
Requiere: Flash
Link: http://iplotz.com

Lanzamiento Splash
Lanzamiento Splash es una manera rápida de obtener una línea una página de bienvenida de inmediato. Es limpio, sencillo, rápido y una gran manera de satisfacer a un cliente ansioso o amigo, mientras se construye el verdadero negocio.

Precio: Gratis
Se requiere: JavaScript (para vista previa)
Link: http://www.launchsplash.com

Wufoo
Admitámoslo, las formas no son exactamente divertido crear. Wufoo ha logrado el cambio que con su fácil de usar, drag-n-creador forma de gotas. Usted obtiene mucho más aunque, como informes, la seguridad y la integración de pago. También puede utilizar sólo para crear HTML válido y formularios de CSS para su propio desarrollo, si lo desea.

Precio: Gratis – $ 199.95/month
Se requiere: JavaScript
Link: http://wufoo.com

JotForm
Como Wufoo, JotForm le permite crear formularios utilizando un drag-n-gota. JotForm no es tan bonita como Wufoo pero todavía tiene mucho que ofrecer y simplifica el proceso de creación de todo tipo de diferentes formas de web. Informes, pagos y más también es compatible.

Precio: Gratis – $ 9/month
Se requiere: JavaScript
Link: http://www.jotform.com

BgPatterns
Aunque la selección BgPatterns y herramientas de creación de fondo son un tanto limitados, es una idea ingeniosa y creativa. Puede crear rápidamente y descargar una trama de fondo de una selección de opciones y las imágenes del patrón.

Precio: Gratis
Requiere: Flash, JavaScript
Link: http://bgpatterns.com

Stripe Generator
Cree rápidamente a repetir con rayas Stripe Generator.Usted puede personalizar el tamaño de banda, espacio, colores, estilo de fondo, la sombra y la orientación. A continuación, descargue el 18px * 18px imagen de repetir y ya está bueno para ir.

Precio: Gratis
Se requiere: JavaScript
Link: http://www.stripegenerator.com

Genfavicon
Con Genfavicon puede crear faivcons de diferentes tamaños, de forma rápida y fácilmente. Subir su imagen de disco duro o una URL, seleccione la opción de tamaño deseado y utilice el cuadro de selección para seleccionar la imagen y la posición de la imagen como te gustaría. Es una base, pero una aplicación útil e ingenioso.

Precio: Gratis
Se requiere: JavaScript
Link: http://www.genfavicon.com

IzzyMenu
Crear menús personalizados y vista previa antes de descargar el trabajo final. IzzyMenu ofrece una interfaz fácil de usar para personalizar los gráficos, colores, fuentes, etc Usted también puede encontrar los menús prediseñados de su catálogo. Registro es necesario para algunas de las características más avanzadas como los efectos jQuery.

Precio: Gratis
Se requiere: JavaScript
Link: http://www.IzzyMenu.com

Produle
Crear reproductores flash personalizadas y aplicaciones para su sitio web con estadísticas de seguimiento, el intercambio y muchas otras opciones. El editor es arrastrar y soltar simple y proporciona gran cantidad de opciones de personalización.

Precio: Gratis – $ 39/mes
Requiere: Flash
Link: http://produle.com

WebbyChat
WebbyChat es un completo aplicación de chat se puede integrar en su actual sitio web utilizando JavaScript, a continuación, personalizar para ajustarse a su diseño.Ofrece varias opciones para la moderación y la administración, así como una interfaz de usuario agradable.

Precio: Gratis – $ 70/month
Se requiere: JavaScript
Link: http://www.webbychat.com

Ajaxload
Ajaxload es otra aplicación web muy básico que le permite generar una medida “carga” la imagen de uso común con las aplicaciones AJAX. Podría ser, pero es fundamental llegar a tiempo a mano y otra vez para muchos de mis proyectos.

Precio: Gratis
Se requiere: JavaScript
Link: http://ajaxload.info

Mozilla Labs Bespin
Bespin es un editor de código extensible en las nubes.Con él usted puede crear, editar y compartir proyectos o incluso conectar a otros proyectos de código abierto y los repositorios de acceso público. Hay una enorme cantidad más que se puede hacer con él, incluso la tematización si lo desea.

Precio: Gratis
Requiere: Firefox 3.x, Webkit nightly builds, Google cromo
Link: https: / / bespin.mozilla.com

PHPanywhere
Al igual que Bespin, PHPanywhere es un editor de código en línea que soporte PHP / HTML (posiblemente más?).Asimismo incluye un totalmente equipado e

integrado un cliente FTP. Edición de pestañas, gestión de archivos gráficos, ilimitada “deshacer” y “rehacer” y muchas más características están incluidas. Hay muchas más funciones actualmente en desarrollo también.

Precio: Gratis
Se requiere: Opera 9 +, navegadores basados en Gecko (Firefox, Camino, etc), soporte para Internet Explorer, Safari y Chrome en breve.
Link: http://phpanywhere.net

Yahoo Pipes
Yahoo Pipes te da la habilidad para tirar fácilmente contenidos, así como de todo el web en varias formas distintas como, widgets, badges, mapas, etc Usando el editor visual, usted puede crear todo tipo de grandes cosas sin tener que escribir ningún código.

Precio: Gratis
Se requiere: JavaScript
Link: http://pipes.yahoo.com/pipes/

Google Code Zona de juegos
Google ofrece un enorme número de servicios y API.Afortunadamente, también proporcionan una manera fácil de probar, aprender y crear prácticamente cualquier cosa a través de su Código de Zona de juegos. Ejemplos de acceso de la API, personalizar, depurar, ejecutar, guardar y exportar su trabajo.

Precio: Gratis
Se requiere: JavaScript
Link: http://code.google.com/apis/ajax/playground/

serFISH.com Cliente SSH
cliente SSH serFISH da acceso rápido a la derecha un completo cliente SSH desde la web. Con él usted puede conseguir alrededor de las restricciones de firewall y proxy, conectarse de forma anónima (sin la presentación de informes de PI) y más.

Precio: Gratis
Se requiere: JavaScript
Link: http://serfish.com/console/

net2ftp
Con net2ftp usted puede obtener un acceso rápido y ofrecido completo a su servidor FTP de su elección. Usted no necesita tener Javascript, Flash o incluso la versión más reciente de Firefox o Safari. Está construida completamente de PHP garantizar un acceso fácil en cualquier lugar, en cualquier momento. Incluso puede organizar una versión de la misma en su propio servidor!

Precio: Gratis
Requiere: N / A (usa PHP)
Link: http://net2ftp.com

Dabble PP
Dabble PP le ofrece una manera fácil de crear bases de datos en línea, pero sí mucho más. Tome la información en sus bases de datos y crear informes con gráficos, mapas, etc, o colaborar con los demás y todo se hace en un fácil utilizar el interfaz de usuario.

Precio: Gratis – $ 8/month
Se requiere: JavaScript
Link: http://dabbledb.com

Adobe Browserlab
La idea de cruzada de pruebas del navegador hará que muchos de ustedes temblar. Adobe Browserlab hace esta tarea más rápido, más fácil y mucho menos

doloroso.Varias opciones adicionales están disponibles, así como de visualización de múltiples navegadores al lado del otro, o incluso superpuestos. Prueba de su sitio web en todos los principales navegadores de Internet Explorer 6 + para Firefox 2 + (Windows y OS X) y Safari 3 + (Windows y OS X).
Precio: Gratis
Requiere: Flash
Link: https: / / browserlab.adobe.com

BrowserCam
Como Browserlab, BrowserCam le permite capturar imágenes de los sitios web de su elección, sino en una mayor selección de los navegadores, incluidos los dispositivos portátiles como iPhone BlackBerry, y más. Si tiene que interactuar, también puede obtener acceso remoto a los sistemas de pruebas.

Precio: $ 19.95 – $ 999.95/month (Prueba gratuita disponible)
Requiere: N / A
Link: http://www.browsercam.com

ViewLike.us
ViewLike.us es básico pero muy útil. Escribe tu dirección web de la elección y seleccionar el tamaño del navegador para poder verla incluyendo el iPhone, Wii y muchas de las resoluciones de pantalla más populares. Sitios de ensayo, pero la pantalla es demasiado pequeña para las pruebas 1929 × 1200? No hay problema, simplemente desplazarse por la ventana de visualización.

Precio: Gratis
Se requiere: JavaScript
Link: http://viewlike.us

W3C Markup Validation Service
W3C Markup Validation CSS & Servicios
Si no estás familiarizado con los servicios de validación del W3C, ahora es un buen momento para hacerlo.Validar su margen de beneficio y CSS a través de URI, archivo de entrada de carga o directa. Especifique las opciones adicionales, tales como tipo de documento, limpiar marcado con HTML y más ordenado.

Precio: Gratis
Requiere: N / A
Link (Markup Validator): http://validator.w3.org
Link (CSS Validator): http://jigsaw.w3.org/css-validator/

Son mis sitios hasta
Son Mis sitios Up?
Supervisar el estado de su sitio web y recibir alertas mediante SMS, correo electrónico, Twitter o más, dependiendo del nivel de la cuenta que usted elija.

Obtener los códigos de error con las notificaciones e incluso obtener búsquedas de palabras clave.
Precio: Gratis – $ 95/year
Requiere: N / A
Link: http://aremysitesup.com

Google Analytics
Google Analytics le da seguimiento de sitio web fácil y el análisis con herramientas de fácil uso. La generación automática de informes, otra subvención de la visualización o de control de acceso, ver las estadísticas gráficamente y mucho, mucho más.

Precio: Gratis
Se requiere: JavaScript, Flash
Link: http://www.google.com/analytics/

Casa de la Moneda
Aunque la Casa de la Moneda es un sitio web alojado auto aplicación web de seguimiento, los rivales de Google Analytics y ofrece muchas de las mismas características.Gráficos y estadísticas de averías fácil de datos de su web están todos incluidos.

Precio: $ 30 por licencia
Se requiere: JavaScript, el navegador moderno, Apache, MySQL y PHP
Link: http://haveamint.com

Pingdom Tools
Pingdom Tools es una colección de herramientas para probar el tiempo de carga de página, ping y traceroute.Usted recibirá un desglose de todo tipo de información para cada prueba que es muy útil para el rendimiento y la prueba de error y mucho más. Puedes incluso controlar el rendimiento y tiempo de actividad del sitio web de forma gratuita.

Precio: Gratis
Se requiere: JavaScript
Link: http://tools.pingdom.com

clickdensity
clickdensity es un tipo diferente de aplicación de seguimiento de sitio web que le permite analizar los clics de los visitantes, la búsqueda y funciones de usabilidad.Los mapas de calor haga clic en Ver y otros informes para ayudarle a mejorar su interfaz de web.

Precio: Gratis – $ 400/month
Se requiere: JavaScript
Link: http://www.clickdensity.com

CushyCMS
CushyCMS es un CMS totalmente diferente que no requiere la instalación en su servidor web y es bastante fácil de usar que no tendrá que formar a sus clientes cómo usarlo. Es genial para los no programadores y super rápido de implementar.

Precio: Gratis – $ 28/month
Se requiere: JavaScript
Link: http://www.cushycms.com

LightCMS
Como CushyCMS, LightCMS es un sistema simplificado de gestión de contenido que no requiere instalación y es bastante fácil para los clientes o no-diseñadores web programador para usar. Incluye alojamiento y todas las herramientas necesarias para administrar sus sitios.

Precio: Gratis – $ 99/month
Se requiere:
Link: http://www.speaklight.com

Springloops
Springloops es una colaboración de código y herramienta de gestión para los equipos trabajar juntos de manera más eficiente y evitar la sobrescritura de archivos o el código. Fácil de gestionar, colaborar e implementar proyectos en equipo.

Precio: Gratis – $ 96/month
Se requiere: JavaScript
Link: http://springloops.com

Box.net
Box.net ofrece una interfaz simple con suficientes herramientas y características de las empresas y los equipos para compartir, colaborar y gestionar archivos. Se trata de algo más que los archivos sin embargo, que mejora el flujo de trabajo y la comunicación a diferencia de muchas otras soluciones similares.

Precio: Gratis – $ 15 + por usuario al mes
Se requiere: JavaScript
Link: http://box.net

drop.io
Al igual que Box.net, drop.io se centra más en el flujo de trabajo, el intercambio y la colaboración y gestión de archivos. Colaboración en tiempo real, envío de faxes, twitter, teléfono (buzón de voz, conferencias, etc) y mucho, mucho más.

Precio: Gratis – $ 10 por GB al año
Se requiere: JavaScript, Flash
Link: http://drop.io

Dimdim
Dimdim es una potente plataforma para conferencias web que no requiere ninguna descarga. Lo he utilizado para varios clientes (y familia) manifestaciones e incluso algunas presentaciones. Funciona muy bien y el factor de la distancia para muchos clientes.

Precio: Gratis
Requiere: Flash
Link: http://www.dimdim.com

Jumpchart
Jumpchart realmente toma el dolor del concepto y la aprobación del proyecto y flujo de trabajo entre el gurú de la Web y sus clientes. La colaboración, wireframing y más en una interfaz visual y fácil para usted y sus clientes.

Precio: Gratis – $ 50 por mes
Se requiere: JavaScript
Link: http://www.jumpchart.com

Remember The Milk
Remember The Milk es un fácil hacer la lista y la aplicación de gestión de tareas. Funciona con Google Calendar, Twitter, Gmail, iPhone y Android y mucho más.Es fácil, pero también flexible.

Precio: Gratis – $ 25/año
Se requiere: JavaScript
Link: http://www.rememberthemilk.com

Domai.nr
Domai.nr es otra sencilla pero creativa y útil herramienta.Facilitar la búsqueda de nombres de dominio con la palabra y obtener resultados de la disponibilidad inmediata y sugerencias creativas. A continuación, ver enlaces adicionales para los registradores, TLD y herramientas como base de datos WHOIS.

Precio: Gratis
Se requiere: JavaScript (por AJAX)
Link: http://domai.nr

Twitter
Si usted no está familiarizado con Twitter ya, le recomiendo hacerlo. Para los diseñadores y desarrolladores, es una de las mejores herramientas de

comunicación disponibles. Aunque hay muchos clientes de Twitter para diferentes plataformas, Twitter.com siempre es rápido, fiable y fácil de usar.
Precio: Gratis
Se requiere: JavaScript (por AJAX)
Link: http://twitter.com

Zoho
Zoho es un competidor de Google Apps (abajo) y ofrece una multitud de aplicaciones web para casi todo. Con Zoho, puede hacer frente a correo electrónico, edición de documentos, conferencias web, la facturación y mucho más. El siguiente enlace le llevará a una lista completa de aplicaciones.

Precio: Gratis – $ 3 + / mes
Se requiere: Depende de la aplicación, por lo general sólo JavaScript
Link: http://www.zoho.com

Google Apps
Google ofrece un número asombroso de aplicaciones web que incluye correo electrónico, edición de documentos, RSS, calendario, creador de modelos 3D y mucho más.Si no lo ha hecho, asegúrese de consultar Gmail, Google Docs, Calendar, Picasa y Reader, o simplemente navegar por la lista completa de los productos aquí.

Precio: Gratis
Se requiere: Depende de la aplicación, por lo general sólo JavaScript
Link: http://www.google.com/apps/

Conclusión
Hay un número impresionante de aplicaciones web para casi todo. Yup, hay una aplicación para eso.
Sin embargo hay diseñadores y desarrolladores web suelen requerir aplicaciones mucho más poderosas, como Photoshop e Illustrator, Dreamweaver y otros IDE’s.

0 comentarios:

Publicar un comentario