Todo lo que necesitas como Diseñador web

15 de junio de 2012 § Deja un comentario

40 herramientas para diseñadores web en las que hay páginas de inspiración, herramientas de diseño, herramientas de codificación y herramientas para verificar y administrar el sitio.

Inspiración

1. Deviantart

Deviantart es uno de los escaparates de arte más amplios en internet. Aquí puedes hallar gran inspiración.

deviantart-web-designer-tools-useful

2. Web design library

Web design library es un recurso internacionalmente utilizado que provee una plataforma para difundir el pensamiento y la investigación en materia de diseño. Cubre todos los aspectos teóricos y prácticos de una presentación de información online efectiva, eficiente y atractiva.

webdesign-web-designer-tools-useful

3. Stylevault

Stylevault.net es un escaparate de diseño donde los diseñadores web pueden exhibir su talento y obtener inspiración así como brindarla.

stylevault-web-designer-tools-useful

4. Behance

Behance es un excelente lugar para la inspiración, porque hay más profesionales con estupendos diseños.

behance-web-designer-tools-useful

5. The design inspiration

The design inspiration fue creado por un grupo de diseñadores que buscan todos los días nuevas inspiraciones de diseño.

thedesigninspiration-web-designer-tools-useful

Herramientas de diseño

6. Colour lovers

COLOURlovers es una comunidad internacional de diseñadores y artistas de toda clase que visitan el sitio para obtener inspiración en cuanto a colores, ideas y parangones para sus proyectos tanto profesionales como personales. Los leales miembros de COLOURlovers crean colores, paletas y modelos para alimentar su permanente amor al color.

colourlovers-web-designer-tools-useful

7. Adobe kuler

Adobe kuler es aplicación de Adobe para la web que te ayuda a crear y compartir temas referidos al color.

kuler-web-designer-tools-useful

8. Color hunter

Color Hunter es un lugar donde hallar y hacer paletas de colores creadas desde imágenes.

colorhunter-web-designer-tools-useful

9. Colorotate

Con ColoRotate puedes trabajar con colores en 3D, en tiempo real, y de una manera que concuerda con la manera en que nuestra mente procesa el color.

colorotate-web-designer-tools-useful

10. Stripemania

Stripemania es una herramienta web 2.0 sencilla y gratuita, para crear franjas diagonales sin costura para tus diseños. Tú puedes elegir el tamaño de las franjas y el espaciado entre ellas. Puedes incluso agregar color y grado de declive a todas las franjas de tus diseños.

stripemania-web-designer-tools-useful

11. Fontstruct

FontStruct te permite crear con facilidad y rapidez fuentes construidas a partir de formas geométricas, las cuales se disponen en una configuración cuadriculada, como baldosas o ladrillos.

fontstruct-web-designer-tools-useful

12. Dafont

Un excelente website que te permite examinar las fuentes por orden alfabético, por temas o por fechas. La mayoría de las fuentes se pueden bajar sin cargo.

dafont-web-designer-tools-useful

13. Icon finder

Motor de búsqueda de íconos con más de 100.000 íconos gratuitos.

iconfinder-web-designer-tools-useful

14. Whatthefont

¿Viste una fuente en uso y quieres saber cuál es? Presenta una imagen a WhatTheFont para encontrar lo más aproximado en nuestra base de datos. O bien, deja que entusiastas encubiertos te echen una mano en el WhatTheFont Forum.

whatthefont-web-designer-tools-useful

15. Lorem Ipsum

Lorem Ipsum es sencillamente texto de muestra de la industria tipográfica y de impresión.

loremipsum-web-designer-tools-useful

Herramientas de codificación

16. Typetester

El Typetester es una aplicación en línea para la comparación de diferentes tipos de letra. Su rol primordial es hacer más fácil la vida del diseñador web.

typetester-web-designer-tools-useful

17. Typeface.js

Con typeface.js puedes incrustar fuentes personalizadas en tus páginas web, y no necesitarás crear imágenes para mostrar tu texto.

typefacejs-web-designer-tools-useful

18. Firebug

Firebug se integra con Firefox para poner a tu disposición un cúmulo de herramientas de desarrollo cuando examinas una página web. Puedes editar, eliminar errores, y supervisar CSS, HTML y JavaScript en cada página web.

firebug-web-designer-tools-useful

19. Smush.it

Smush.it utiliza técnicas de optimización para formatear imágenes a fin de eliminar bytes innecesarios de los archivos de imagen. Es una herramienta “sin pérdida”, es decir, opimiza las imágenes sin cambiar su apariencia o calidad visual.

smushit-web-designer-tools-useful

20. pForm

Creador de formularios HTML

pform-web-designer-tools-useful

21. Zend Studio

Zend Studio 7.0 es la próxima generación de nuestro entorno PHP para desarrollo de aplicaciones a nivel profesional. Fue diseñado para elevar al máximo tu productividad como desarrollador, al permitirte desarrollar y mantener con más seguridad un programa, resolver problemas de aplicación rápidamente y mejorar la colaboración del equipo.

zendstudio-web-designer-tools-useful

22. Fire FTP for Firefox

FireFTP es una plataforma cruzada de clientes FTP, segura y gratuita, para Mozilla Firefox, que ofrece acceso fácil e intuitivo a los servidores FTP.

fireftp-web-designer-tools-useful

23.  Expandrive

ExpanDrive actúa exactamente como un drive USB incorporado a tu Mac o PC. Te permite abrir, editar y guardar archivos en computadoras remotas desde dentro de tus programas favoritos. ExpanDrive aumenta el rendimiento de cada aplicación en tu computadora al conectarla de modo transparente con datos remotos.

expandrive-web-designer-tools-useful

24. W3C Validator

El W3C Validator es un servicio gratuito ofrecido por W3C que ayuda a verificar la validación de documentos en la Web. Se consigue también el CSS validator.

w3cvalidator-web-designer-tools-useful

25. jQuery UI

jQuery UI es una biblioteca abierta de componentes de interface – interacciones, widgets completos y efectos de animación – basados en la estelar biblioteca javascript jQuery . Cada componente está armado de acuerdo a la arquitectura jQuery de manejo de eventos (hallar algo y manipularlo), y se puede ordenar por temas, facilitando a desarrolladores de cualquier nivel integrarlo y extenderlo en su propio programa.

jqueryui-web-designer-tools-useful

26. Clean AJAX

Clean es un motor de código abierto para AJAX, que ofrece una interface de alto nivel para trabajar con la tecnología AJAX.

cleanajax-web-designer-tools-useful

27. Reflection.js

Reflection.js te permite añadir reflejos a las imágenes en tus páginas web. Utiliza javascript moderado para no alterar tu programa.

reflection-web-designer-tools-useful

28. Blueprint CSS

Blueprint es un marco CSS, que tiene por objeto acortar tu tiempo de desarrollo. Te da una base sólida para construir sobre ella tu proyecto, con una cuadrícula fácil de usar, tipografía sensible, plugins útiles, e incluso una hoja de estilos para imprimir.

blueprint-web-designer-tools-useful

29. CleanCSS

CleanCSS es una poderosa herramienta de optimización y formateo. Básicamente, toma tu programa CSS y lo hace más claro y más conciso.

cleancss-web-designer-tools-useful

30. XHTML Character Entity Reference

Esta página contiene los 252 caracteres permitidos en HTML.4 y XHTML 1.0, delineados en la sección 24 de las especificaciones oficiales del HTML 4, publicadas por la W3C.

htmlcharacters-web-designer-tools-useful

31. Pingdom

Pingdom ofrece un servidor confiable y efectivo, para el manejo de redes y sitios web. Utilizamos una red global de servidores para monitorear nuestros sitios de clientes 24/7, durante todo el año. El servicio incluye estadísticas de tiempos de subida y tiempos de respuesta, y puede enviar alertas vía SMS y email.

pingdom-web-designer-tools-useful

32. Lightbox 2

Lightbox es un script sencillo y cómodo utilizado para recubrir imágenes en la página actual. Es muy rápido de instalar y operar en todos los buscadores modernos.

lightbox2-web-designer-tools-useful

33. WIX

Armador de página flash gratuito.

wix-web-designer-tools-useful

34. Best free templates

BestFreeTemplates.info ofrece templates CSS exclusivos de diversas categorías, disponibles para bajar gratuitamente. Nuestros templates gratuitos pueden ser considerados os mejores templates gratuitos de la Internet. La configuración cualitativa de CSS, el diseño web absolutamente único, constituyen una indiscutible ventaja de nuestros templates web gratuitos. Esto es lo que nos permite caracterizar nuestros templates para website como los mejores templates gratuitos.

bestfreetemplates-web-designer-tools-useful

Verificar y administrar el sitio

35. Browsershots

BrowserShots es una herramienta de comprobación de compatiblidad del browser en un sitio web. Te permite obtener una vista previa de cómo se verá tu sitio web en todos los browsers populares. No requiere email ni registración, acepta tu URL web y espera de 3 a 5 minutos para que BrowserShots genere pantallazos para cada browser.

browsershots-web-designer-tools-useful

36. Browsercam

Mira tu diseño web en cualquier browser y cualquier sistema operativo. Chequea javascripts, DHTML, formularios y otras funciones dinámicas sobre cualquier plataforma. No sólo los tuyos. Utiliza nuestro banco de mecanismos de comprobación a distancia para verificar tu sitio web.

browsercam-web-designer-tools-useful

37. Are my sites up?

Are my sites up es un servicio simple que te notifica cuando tus sitios se caen de la red.

aremysitesup-web-designer-tools-useful

38. Google analytics

Google Analytics es la solución analítica clásica para empresas en la web, que te da una visión clara de la efectividad comercial de tu sitio web. Poderosa, flexible y fácil de usar, te permite ver y analizar los datos de tu tráfico de una manera enteramente nueva. Con Google Analytics estás más preparado para escribir agregados mejor dirigidos, fortalecer tus iniciativas de marketing y crear websites con mayor conversión.

googleanalytics-web-designer-tools-useful

39. W3Counter

W3Counter es tu solución analítica de website gratuita para contestar las preguntas clave acerca de tu sitio web: quiénes componen tu audiencia, cómo encuentran tu sitio, y qué les interesa.

w3counter-web-designer-tools-useful

40. eLogic

Rastrea y controla las actividades de tu website. Conocer las estadísticas de tu página web es la clave para llevar a cabo un exitoso negocio online.

elogicwebsolutions-web-designer-tools-useful

Source: pixeros

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

¿Qué es esto?

Actualmente estás leyendo Todo lo que necesitas como Diseñador web en Víctor Frutos Santamaría.

Meta

A %d blogueros les gusta esto: