ReCoPiLaCioN De HeRraMieNtaS
Este artículo exhibe herramientas que podrían y deberían ser usadas diariamente por los diseñadores. Si necesitas inspiración, puedes visitar los sitios de muestras de diseño más populares y recomendados para encontrar trabajos y ejemplos realmente buenos.
Verifica las herramientas de diseño relacionadas, generadores online, sitios de fuentes gratuitos, templates, grandes sitios web que ayudan a probar y administrar sitios web; todos ellos han sido creados para ahorrarte tiempo.
Recuerda: no siempre el mejor camino es crear todo tú mismo. Sé inteligente y realizarás tus tareas mucho más fácil y rápidamente ¡sin esforzarte! Te recomiendo leer todo el artículo y marcar las herramientas que te pueden ayudar, o bien marcar sólo esta página y volver a ella cada vez que te sientas desanimado o que tengas que hacer un esfuerzo. ¡Que lo disfrutes!
Inspiración
1. Deviantart
Deviantart es uno de los escaparates de arte más amplios en internet. Aquí puedes hallar gran inspiración.
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.
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.
4. Behance
Behance es un excelente lugar para la inspiración, porque hay más profesionales con estupendos diseños.
The design inspiration fue creado por un grupo de diseñadores que buscan todos los días nuevas inspiraciones de diseño.
Herramientas de diseño
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.
7. Adobe kuler
Adobe kuler es aplicación de Adobe para la web que te ayuda a crear y compartir temas referidos al color.
8. Color hunter
Color Hunter es un lugar donde hallar y hacer paletas de colores creadas desde imágenes.
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.
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.
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.
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.
13. Icon finder
Motor de búsqueda de íconos con más de 100.000 íconos gratuitos.
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.
15. Lorem Ipsum
Lorem Ipsum es sencillamente texto de muestra de la industria tipográfica y de impresión.
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.
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.
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.
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.
20. pForm
Creador de formularios HTML
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
33. WIX
Armador de página flash gratuito.
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.
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.
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.
37. Are my sites up?
Are my sites up es un servicio simple que te notifica cuando tus sitios se caen de la red.
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.
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.
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.
Fuente: 1stWebDesigner
