espero les agrade…

http://www.ceciliabarajas.com/portafolio/

http://www.ceciliabarajas.com/

Es cierto que con los tutoriales para hacer diseños siempre aprendemos cosas nuevas y manejamos herramientas que no conocíamos pero cuando eres un principiante en Illustrator necesitas que alguien te guíe, te enseñe cada menú y cada herramienta, su posición y para qué sirve.

Pues bien, aquí os traigo un enlace a 12 tutoriales para aprender bien el manejo de Adobe Illustrator desde el principio, empezando por las nociones más básicas, para fijar bien las bases y para que después podáis seguir todos nuestros tutoriales de illustrator sin ningún problema.Sin duda, si aún no te has atrevido a usar Adobe Illustrator porque te parece muy complicado, después de seguir estos 12 tutoriales te sentirás como en casa usando este programa porque ya sabrás para qué sirve cada botón y cada menú y aprenderás todo el potencial que tiene el programa de vectorización de Adobe

1. Primeros pasos en Illustrator

Primero lo primero: Es necesario familiarizarse con la interfaz gráfica de usuario de Illustrator. Esta rápida y fácil de leer las conversaciones tutorial sobre el espacio de trabajo de Illustrator, apuntando a áreas tales como el panel de herramientas, la barra de estado, la mesa de trabajo donde embarcaciones de sus vectores, y así sucesivamente. También alude a cómo crear su primer documento de Illustrator, así como los diferentes elementos que se encuentran en el panel Herramientas.

2. Pen Herramienta Illustrator: La Guía Completa

La característica principal de dibujo de Illustrator es la herramienta Pluma. Si usted tiene aspiraciones de convertirse en un ninja Illustrator, deberá tener un fuerte dominio de esta herramienta. Este tutorial de Illustrator Vectortuts + (un sitio de gráficos vectoriales principales tutorial) abarca todas las cosas que usted necesita saber acerca de este potente, pero muchas veces la herramienta de enormes proporciones.

El tutorial cubre el concepto de curvas de Bézier, que se utilizan para dibujar formas con curvas suaves, la necesidad de conocer métodos abreviados de teclado, e incluso proporciona una hoja de practica que se puede descargar e importar en Illustrator para ayudarle a practicar el dibujo vectorial habilidades.

3. Diversión con la mezcla de herramientas de Illustrator

El comando Blend es engañosamente simple de la función. Se necesitan dos o más formas o colores, y luego las mezcla suavemente. Pero como este tutorial Illustrator le mostrará, el comando Blend es una característica muy eficaz para la elaboración efectos impresionantes gráficos de forma rápida y sencilla.

4. Adobe Illustrator Consejos: Calco

Calco, que apareció en Adobe Illustrator CS2, es un juego-cambiador. Antes de Live Trace, un artista dibujando una obra de arte con bolígrafo o lápiz y el papel que tiene que escanear su trabajo en Illustrator, a continuación, pasar horas manualmente trazado con la herramienta Pluma y otras funciones de Illustrator.

Cuando Live Trace fue presentado, este proceso se hizo más sencillo gracias a la automatización, que le ahorra horas preciosas. Desde dibujos boceto a las fotografías que deben ser convertidos a gráficos vectoriales – Live Trace es una excelente opción para probar. Este tutorial va sobre el proceso de usar Live Trace utilizando una foto de archivo tiro en la cabeza, discutiendo la forma de ejecutar Live Trace, las distintas opciones, así como mostrando un puñado de ejemplos en los que Live Trace ha sido utilizado en obras de arte existentes.

5. Tipo de herramienta de Illustrator: una introducción completa

Illustrator es una aplicación de gráficos populares para los diseñadores de impresión. Desde logos, tarjetas de visita y folletos, hasta llegar a los carteles y vallas publicitarias grande, Illustrator puede ayudarle a hacer diseños flexibles y escalables.

Una gran parte del diseño de impresión es bastante obvio que el texto. Este tutorial le ayudará a comenzar a explorar la herramienta Texto Illustrator. Cubre formas en que puede establecer el texto en trazados vectoriales para los flujos de texto convencional, habla de los paneles asociados, tales como el panel Carácter y Párrafo, y proporciona atajos de teclado útiles.

6. El poder (y facilidad) de los patrones en Illustrator

Uso de patrones que permite realizar gráficos de repetición. Experimentar con patrones pueden dar lugar a una excelente obra de arte que parece que llevaba días en completarse.

Creación de pinceles personalizados patrón y su aplicación a formas vectoriales se cubre en este tutorial Illustrator.

7. Mastering Effects Illustrator

Efectos en Illustrator te permiten añadir todo tipo de maravillosos tratamientos gráficos a la ilustración. Desde la aplicación de efectos 3D para la creación de un lápiz de color falso se ve, este conjunto de funciones de Illustrator le permitirá aumentar rápidamente su trabajo con unos pocos clics del ratón.

Si desea descubrir las capacidades de los efectos de Illustrator, echa un vistazo a lo anterior tutorial, que analiza diversos procesos – como áspero y A mano alzada -, así como el panel Apariencia, que le permite modificar los efectos aplicados, entre otros consejos útiles.

8. Todo lo relacionado con gradientes

El panel de degradado en Illustrator es una característica maravillosa para la aplicación de los gradientes de color y patrón para su trabajo. Gradientes le permiten estilizar sus gráficos de tal manera que el buen mezclado llena o derrames cerebrales.

Aprenda todo lo que necesita saber para empezar a trabajar con gradientes de este tutorial, que trata temas como la aplicación de gradientes, que modifica el ángulo y la dirección de los gradientes, el ahorro de muestras de degradado, y mucho más.

9. El Grupo Carrera

En Photoshop, Un hermano de Illustrator, los accidentes cerebrovasculares (crear un contorno alrededor del borde de un objeto) parece como una idea de último momento. Pero en Illustrator, donde sus trazados vectoriales el centro de atención, la función de movimiento es muy importante dominar.

Este tutorial de Adobe Illustrator cubre el uso del panel Contorno en la creación de objetos vectoriales.

10. Pathfinder: Explicación

El panel de Pathfinder es un tiempo popular característica de ahorro para trabajar con formas y caminos. Este panel es un conjunto de comandos que le permiten unir, dividir y restar dos o más formas, entre otras funciones. La utilización de estos comandos que da la capacidad de dibujar gráficos vectoriales complejas con herramientas básicas de forma.

Aprende a usar el panel de Pathfinder con este excelente tutorial de Illustrator.

11. El poder de las guías inteligentes en Illustrator

¿No tienes una mano firme? Tener problemas para dibujar las formas que se alinean unos con otros? Las guías inteligentes le dan características ajuste que permiten dibujar objetos con mayor precisión.

Explora los fundamentos de guías inteligentes de Illustrator a través de este tutorial fácil para principiantes.

12. Cómo hacer un pincel personalizado Illustrator

Pinceles de Illustrator son una manera rápida para salvar los objetos que se volverá a utilizar más adelante en sus proyectos. pinceles de arte, por ejemplo, tomar un objeto vectorial que ha dibujado y le permiten aplicar a continuación, los objetos más tarde como trazos o rellenos de otros vectores.

En esta guía paso-a-paso, descubrir la maravilla de pinceles personalizados en Illustrator.

Son más de treinta tutoriales en los que veremos como crear logotipos orientados a empresas medioambientales, a redes sociales, a recrear logos existentes como el de la campaña de Barack Obama o a tirar un poquito de imaginación.

Tras el salto quedan, en inglés.

Fuente | 1stwebdesigner

1. Creating an Environmentally Friendly Green Type Treatment

2. Use Illustrator to Create a Fun, 3D, Character Logo

3. Creating a crazy cool logo

4. Zee Logo in Illustrator

5. Logo Design Project Step by Step Walkthrough

6. Creating the Mini Logo

7. Quick Logos with Live Trace in Adobe Illustrator

8. Olympic Logo Tutorial-Munich 1972

9. Wood Worker Logo Illustration

10. The Making of the TweetBacks Logo

11. Raw Logo Design in Illustrator CS4

12. Obama Logo Tutorial

13. Create the BMW Logo

14. How to make a logo icon using a W letter and a custom art brush

15. Illustrator How-To: Make a Logo Flow in Illustrator

16. Origami Logo

17. Abduzeedo 2010 Logo Design

18. Create a Logo from Sketch to Vector Artwork in Adobe Illustrator

19. Create the Renault logo

20. How to Make a Cartoon Style Cereal Box Logo in Adobe Illustrator CS3

21. Honey Farm Logo

22. Create the Audi logo

23. How to Create Seamless Watermark Patterns

24. Web 2.0 Logo Reflection in Vector format with Illustrator

25. Geometric Flower Effect Logo in Illustrator

26. How to Design a Logotype from Conception to Completion

27. Particle Logo Design tutorial

28. Create the Volkswagen logo

29. How to modify a font to create a logo

30. Logo Design Process Tutorial

31. Logo Design Process and Walkthrough for Vivid Ways

Fuente: http://www.creativosonline.org/blog/mas-de-30-tutoriales-para-disenar-logotipos-vectoriales.html

Fuente:  DJedi1980

Y aquí es donde entramos nosotros vuelta a viejos tiempos, Smashing Magazine utiliza para publicar las listas después de las listas, con gran cantidad de enlaces que se trataron temas diferentes, todos de alguna manera relacionados con el diseño y desarrollo web. Hemos experimentado un gran desarrollo desde entonces, y ahora están publicando casi exclusivamente artículos de fondo – escrito por algunos de los mejores profesionales de la industria. Sin embargo, útil, cuidadosamente preparadas y listas filtradas siguen siendo útiles, y por lo tanto, mantenerlos editorial también.

A continuación encontrará 50 herramientas útiles y le ahorrarán tiempo a los diseñadores y desarrolladores web. Entre otras cosas, se encuentra en libertad recientemente, herramientas, hojas de referencia útil, artículos y otros recursos. Esos puestos se preparan durante meses, cada uno de los recursos que contiene se encuentran, revisado o marcada por el equipo editorial de Smashing. Esperamos que al menos algunos de ellos le ayudarán a mejorar su flujo de trabajo!

Usted podría estar interesado en los puestos relacionados con lo siguiente:

• 50 Potente ahorro de tiempo para Diseñadores Web
• 50 Nuevas Técnicas CSS útiles, herramientas y tutoriales
• 45 increíblemente útiles Listas de Diseño Web y cuestionarios

[Offtopic: por cierto, ¿sabía usted que hay una serie de libros electrónicos Smashing? Libro # 2 esFreelancing éxito para los diseñadores web, 260 páginas por sólo $ 9.90.]

Tipografía

Conozca su tipo: Una Guía de Campo a la tipografía (gratis en PDF)
Este libro electrónico le ayudará a comprender mejor el fundamento de la tipografía y superar los obstáculos y problemas en común la hora de elegir el tipo.

Web de muestras de fuentes
Esta plantilla le permite comprobar la tipografía, analizando el código HTML-modelo que figura en su navegador. La muestra contiene párrafos enteros en línea de diferentes alturas y tamaños de fuente, diferentes rubros, y sin ordenar listas ordenadas, así como el texto en cursiva y negrita. Usted puede analizar la comparación de tamaño del cuerpo que revela aspectos de la tipografía que de otro modo no puede ser visto y estudio de los glifos individuales, medida, escala de grises, así como la luz en oscuridad y la oscuridad en luz previstas. Es posible que desee comprobar hacia fuera Web Buenas Fuentes de las muestras reales de las diversas fuentes de pantalla legible.

Fuente Fondos de Anatomía
Este fondo de pantalla (1920 × 1200) se refiere a la terminología de la tipografía, mostrando las partes individuales de los caracteres del alfabeto.

Web Guía del usuario FontFont (PDF)
Esta web FontFont Guía del usuario contiene información acerca de la tipografía dirigidas a diferentes grupos de personas: los desarrolladores web, administradores de sistemas y visitantes del sitio web. Es posible que desee considerar la posibilidad de que sus clientes o colegas.

AltFontPrev
Este es un simple bookmarklet JavaScript que le permite ver la pila de la fuente de cualquier página web y luego desactivar cada fuente con un solo clic. Esto hace que sea fácil no sólo para asegurarse de que todo se ve bien cuando algunas fuentes no están instaladas en el sistema del usuario, sino también para ver las fuentes incluidas en la fuente de la página web de la pila con un solo clic, en lugar de abrir el código fuente. Incluso puede especificar una fuente personalizada, lo que hace a la mano cuando usted está pensando en cambiar de fuente de corriente de un diseño.

Typografix
Esta herramienta es un re-procesamiento de secuencias de comandos HTML para crear una bella tipografía. Se corrige cosas como elipses y comillas tipográficas y añade etiquetas para <script>, <pre>y <code> automáticamente. El guión corto, por ejemplo, se crea automáticamente cuando un guión está rodeado por espacios, y el guión largo se crea cuando dos guiones aparecen en una fila. Typografix está escrito en C #, debe tener Windows Installer 3.1 y. NET Framework 3.5 SP1.

Unicode gráfico Codepoint
Este cuadro se divide claramente el tipo de carácter y el símbolo (y por idioma en muchos casos), con una referencia visual de cada categoría. A partir de ahí, basta con hacer clic sobre el símbolo o carácter que desea y ya está a una página con información detallada sobre las características, junto con una página de prueba del navegador, un resumen (en formato SVG) y una variedad de codificaciones y conjuntos de caracteres ( entidad HTML, UTF-8, UTF-16, UTF-32, ISO-8859-8, etc.)

Bookmarklets

Quix
Hemos cubierto varias Quix una vez ya, pero cuando se habla de bookmarklets, solo es necesario mencionar Quix así. ¿No sería bueno tener una línea de comandos de gran alcance en su navegador, una especie de cáscara que le permite utilizar los comandos de la mano y accesos directos para un flujo de trabajo más rápido y más productivo? Eso es exactamente lo que ofrece Quix. La herramienta es un marcador inteligente extensible que le permite tanto acceder a sus marcadores y realizar diversas acciones en otros sitios web.

WP-Barra de herramientas de marcador
Esta herramienta va a ahorrar un montón de clics a medida que modificar o actualizar los mensajes en su potencia blog de WordPress. El marcador le proporciona acceso rápido a todo el apoyo administrativo de gama directamente en la ventana de su navegador. También existe un script de Greasemonkey que se carga automáticamente la barra de herramientas cuando usted visita un sitio web en particular.

Imprimir Bookmarklet
Este bookmarklet tiras de publicidad, la navegación y todas las cosas que no deseas tener cuando usted decide imprimir una página. Se da formato al contenido de un artículo o un documento para readbility grandes y genera una mínima y limpia PDF para su impresión.

Bookmarklet combinador
Esta herramienta crea un marcador principal que puede ejecutar todos los marcadores a la vez o que aparezca un menú en algún área de la página. servicio de Niza para los usuarios que desea evitar el uso de una carpeta especial sólo para mantener todos los bookmarklets.

El Printliminator
El Printliminator es un bookmarklet con algunas herramientas simples que usted puede utilizar para sitios web de impresión hace mejor. Un clic para activar y, a continuación, haga clic en para eliminar elementos de la página, quitar los gráficos, y aplicar mejor estilo de impresión.

Bespin Bookmarklet
Uso de la Bookmarklet Bespin, puede reemplazar cualquier área de texto se encuentra con un editor de Bespin, por lo que la edición del texto mucho más agradable.

CSS, HTML y JavaScript Herramientas

eCSStender
Extensiones construido con eCSStender simplificar el proceso de diseño, ya que pueden crear usando selectores CSS moderna avanzada, las propiedades, como la fuente frontera de radio, o la costumbre caras y estar seguro de que su diseño será el trabajo – incluso en IE6.

CoffeeScript
Este es un lenguaje de programación JavaScript poco que compila la vez que simplifica el código que los desarrolladores en realidad tienen que tratar. Funciona con las actuales bibliotecas de JavaScript y compila código limpio, dejando incluso comentarios intacta. Una vez que los desarrolladores se familiaricen con la forma en CoffeeScript obras, que podrían ahorrarse mucho tiempo y dolores de cabeza con el código simplificado.

# Red
# red es una pequeña herramienta que inserta una cuadrícula en la página Web. Puede mantener la red en su lugar y que alternar entre el primer y segundo plano. Para mostrar la red, basta con pulsar una tecla en el teclado, y puede configurar las teclas de corto propia para cambiar de vista.

Primer CSS
Este generador de pequeñas obras en línea y sólo tiene una función: los extractos de una página HTML (copiando y pegando lo hará) un marco de clases y los identificadores que se pueden utilizar como base de una hoja de estilos externa. Esto puede ser maravillosa si se trabaja en primer lugar hacer la estructura en HTML y, a continuación las formas y colores en la hoja de estilos.

Uso de CSS
Cobertura CSS es una extensión para Firebug que le permite escanear varias páginas de su sitio para ver que las reglas CSS se utiliza realmente en su sitio. Cada vez que se ejecuta un análisis, los archivos CSS que se incluyen en la página actual se muestra con el número de veces que las normas se ha encontrado aplicación en la página antes de ella.

JS.Class: Ruby estilo JavaScript
JS.Class es un conjunto de herramientas diseñadas para hacer más fácil la construcción de sólidos programas orientados a objetos en JavaScript. Está basado en Ruby, y le da acceso a objetos de Ruby, sistemas de módulos y de clase, algunas de sus instalaciones de reflexión y metaprogramación, y algunos de los paquetes de su biblioteca estándar. También proporciona un gestor de paquetes para ayudar a cargar las aplicaciones de manera eficiente.

JS Bin
JS Bin es una aplicación diseñada específicamente para ayudar en JavaScript y CSS-los desarrolladores para probar fragmentos de código, dentro de un contexto, y depurar el código de colaboración. JS Bin te permite editar y prueba de JavaScript y HTML (volver a cargar la URL también mantiene el estado de su código, nuevas pestañas no). Una vez que estés satisfecho puede guardar y enviar la URL a un compañero de revisión o de ayuda. A continuación, puede hacer más cambios de ahorro de nuevo si es necesario.

jQuery 1.4.2 Hoja de trucos visuales
Visual jQuery Cheat Sheet es una versión actualizada de la utilidad jQuery Cheat Sheet. Incluye todas las referencias que necesita para jQuery 1.4.2 API.

Turbina
La turbina es una colección de herramientas PHP potencia que disminuyen CSS tiempo de desarrollo y ayudará a evitar dolores de cabeza. Entre otras cosas, tiene una sintaxis simple, envasado automático y gzipping de múltiples archivos de estilo, la herencia de programación orientada a objetos, como plantillas y funciones, así como una concha para experimentación y depuración.

Jo: Aplicación JavaScript marco de HTML5
Jo abarca de modelo de objetos de JavaScript y CSS 3 aprovecha para manejar la mayor cantidad de la presentación y animación de lo posible. También ofrece un sistema modular de eventos modelo y coherente entre los objetos y juega muy bien con otras bibliotecas como PhoneGap.

Sencha: HTML5 marco de la aplicación móvil
Sencha táctil que permite desarrollar aplicaciones web que se ven y se sienten nativa en IOS de Apple y Google Android dispositivos táctiles de pantalla.

Editor de Aloha, el editor de HTML 5
Aloha Editor es un editor avanzado basado en navegador que es más rápido que otros editores y le proporciona el formato de mejor y más rica en tiempo real en su navegador.

JavaScript sintaxis Regex Resaltador
¿Quieres la sintaxis de expresiones regulares RegexPal estilo destaca en sus páginas web? Esta biblioteca se encarga de hacerlo por ti, para que pueda dedicar más tiempo a escribir expresiones regulares y menos tiempo de descifrarlos. En la actualidad, las expresiones regulares JavaScript sólo se pueden utilizar.

OpenStack Cloud Computing Software de Código Abierto
El objetivo de OpenStack es permitir a cualquier organización a crear y ofrecer capacidades de la computación en nube con el software de código abierto que se ejecutan en hardware estándar. Calcule OpenStack es un software para la creación automática y la gestión de grandes grupos de servidores privados virtuales.

dulce plantilla
Dulce (Simple plantilla Web front-end) es un peso ligero plantilla JavaScript con un alto rendimiento. Es pequeño, rápido, fácil de usar y extensible, lo más importante,. También se puede integrar con jQuery.

jQuery Deconstructed
La serie Deconstructed está diseñado para deconstruir visual e interactiva el código interno de las bibliotecas de JavaScript, como jQuery, Prototype y MooTools. Se rompe la física JavaScript en bloques visuales que se easiliy puede navegar. Cada bloque se abre para revelar su código interno. hipervínculos clicable le permiten seguir el flujo del programa.

Aleación de interfaz de usuario
Aleación es un metaframework interfaz de usuario que proporciona una API consistente y sencilla para crear aplicaciones web a través de los tres niveles del navegador: estructura, estilo y comportamiento.

Código JavaScript de Google Guía de estilo
Este documento proporciona un conjunto de convenciones (a veces arbitraria) que fijan las directrices de estilo utilizado para el código de Google. Cubre en general buenas prácticas para los proyectos de código abierto y el código bien escrito y bien documentado. Cubre mucho terreno, de “camelCase uso de nombres de variable” a “no usar variables globales” a “no utilizar las excepciones.”

gleeBox
Gleebox proporciona una manera de navegar por las páginas web a través del teclado. Por ejemplo, le permite a golpear el ‘eslabón G’-clave y todos los de la página se resaltará. Esta aplicación está disponible como una extensión para Firefox y Google Chrome.

shellinabox
Shell In A Box implementa un servidor web que puede exportar arbitraria herramientas de línea de comando para una red de terminales basados en emulador. Este emulador es accesible a cualquier navegador que soporte JavaScript y CSS y no requiere ningún plugin adicional navegador.

Exprimidor: una herramienta de empaquetado CSS y JavaScript
Juicer es una herramienta de línea de comandos que ayuda a resolver las dependencias, la fusión y compresión de archivos. Se puede comprobar la sintaxis, añadir destructores de caché y los anfitriones del ciclo activo de direcciones URL de archivos CSS.

Jake: una herramienta de construcción para JavaScript
Jake es una nueva herramienta de construcción construida totalmente en JavaScript que se ejecuta en la parte superior de la CommonJS. Como su nombre lo indica, se basa en la herramienta del rastrillo y populares ya existentes y se beneficia de la misma simplicidad.

Cierre del compilador
El compilador de cierre es una herramienta para la toma de JavaScript descargar y ejecutar con mayor rapidez. Se trata de un compilador de verdad para JavaScript. En lugar de compilar desde un idioma fuente a código de máquina, que compila desde JavaScript a una mejor JavaScript. Analiza tu JavaScript, lo analiza, elimina el código muerto y vuelve a escribir y minimiza lo que queda. También comprueba la sintaxis, las referencias a variables y tipos, y advierte sobre peligros JavaScript común.

Útiles Herramientas y Servicios

ComparePSD (Windows únicamente)
Esta herramienta le permite comparar dos archivos de Photoshop lado a lado y ver cada pequeña diferencia. Busque diferencias por capa o por el efecto. Usted obtiene una visión a escala de los archivos, por lo que se puede ver al lado de ellos y recoger las diferencias con mayor rapidez. ComparePSD está disponible sólo para Windows y es gratuito para descargar y utilizar.

Generador de contraseñas seguras
La herramienta le permite introducir los parámetros, incluyendo la longitud de la contraseña, si se incluyen en mayúsculas o minúsculas, números o puntuacion y si para eliminar personajes que se parecen entre sí (por ejemplo, I y L, 1 y yo, y oy 0). Luego, sólo tienes que seleccionar el número de contraseñas a generar, y devuelve una lista. Incluso incluye la fonética de cada una contraseña para que sea más fácil de leer en voz alta (en caso de que usted está dando una contraseña a alguien por teléfono, por ejemplo).

SwatchSpot: Generador al azar de Muestra de colores
Esta herramienta crea color al azar muestras para inspirarte. Bloqueo en los colores que te gusta y shuffle de distancia las que no lo hacen. Una vez que hayas terminado, coge los códigos de color o descargar su paleta.

Yuuguu: compartir la pantalla instantánea y conferencias web
Esta herramienta proporciona la Web al instante-conferencias, reuniones en línea y la colaboración y le permite trabajar con su cusomers, socios y colegas de inmediato, sin una sola descarga. La versión gratuita permite 100 minutos por mes de conferencia web.

Formulario Web Firefox Plugin de recuperación
Lázaro segura de auto-guarda todas las formas a medida que escribe, así que después de un tiempo de espera de accidente o de servidor que puede volver a la forma, haga clic derecho, “recuperar la forma”, y un suspiro de alivio.

Que carga más rápido?
Esta herramienta te permite ver dos páginas web al lado del otro lado de la carga en tiempo real. A continuación se muestra la duración de cada llevó a la carga y la diferencia porcentual.

Faary
Faary es un constructor del formulario en línea que opera con la ayuda de líneas de texto, y la forma se genera como tal. La herramienta crea un formulario HTML con CSS, que puede ser descargado como un archivo ZIP.

Scr.im
Scr.im le permite utilizar una URL acortado a dar a conocer su dirección de correo electrónico de manera segura en los foros. Sólo tienes que introducir tu dirección de correo electrónico en Scr.im y le dará un enlace a una página con tu dirección de correo electrónico, con seguridad para evitar que los robots de la visualización.

Nombre de lista de verificación
Esta herramienta le ayudará a averiguar si su nombre de marca, dominio nombre de usuario y la URL de la vanidad todavía están disponibles en línea o que se tengan ya.

Quora – Diseño Web
Quora es una colección de la mejora continua de preguntas y respuestas crear, editar, y organizada por cada uno que lo utiliza. Usted puede seguir el diseño web, usabilidad y debates relacionados y haga sus preguntas también.

Interfaz de línea de comandos TODO.txt
Si tienes un archivo llamado todo.txt en el equipo en este momento, este script es para usted. Usted probablemente no desea iniciar un soplado editor de texto-completo cada vez que necesite para agregar un artículo a la lista de tareas pendientes, o una marca que ya existe lo más completo. Con este simple script de shell, puede interactuar con todo.txt en la línea de comandos para una rápida y fácil,-y el acceso de Unix.

Nota y Punto
Esta galería destaca hermosa Keynote, PDF y diapositivas de PowerPoint en la Web (en su mayoría relacionadas con el diseño web) que es ideal para la inspiración, si usted está pensando en la creación de diapositivas hermoso y atractivo para su próxima presentación.

ManyBooks
Este sitio ofrece una enorme colección de dominio público los e-libros, así como otros libros más recientes que se han publicado en el dominio público o bajo licencias Creative Commons, en una variedad de formatos.

Tweetment
Este servicio le permite diseñar páginas web atractivas para sus tweets.

Cover browser generador
Esta sencilla herramienta genera una vista previa de una imagen cargada y puede agregar la barra de direcciones URL, título de la ventana, la sombra, barra de estado y varias pieles vaya a la imagen.

Plugin de Firefox Linkification
Linkification Convierte vínculos de texto en enlaces auténticos, puede hacer clic. Para ver y configurar las opciones, puede utilizar el menú Linkification haga clic derecho en el contexto.

Referencias útiles y Guías

El diseño es Historia
Este recurso presenta la evolución del diseño a través del tiempo. Fue creado como una herramienta de enseñanza para los jóvenes diseñadores recién comienzan a explorar el diseño gráfico y como una herramienta de referencia para todos los diseñadores. Como diseñador es importante entender que el diseño viene, cómo se desarrolló, y que en forma de su evolución. La exposición que tiene más a las tendencias de diseño pasadas, presentes y futuras, los estilos y los diseñadores, el más grande su caja de herramientas de resolución de problemas. Cuanto más grande es su caja de herramientas, la más eficaz de un diseñador puede ser.

Guías de Estilo de la interfaz de usuario
Esta página ofrece algunos enlaces útiles a los guías de estilo utilizado por sitios web grandes, corporaciones y agencias de noticias (por ejemplo, la Guía de estilo de la BBC), incluyendo las pautas editoriales, directrices y normas de calidad en línea.

Trademarkia
Trademarkia es un motor de búsqueda gratuito para EE.UU. registrados a nivel federal las marcas en Internet. Proporcionan a la información de última hora contextual sobre el uso actual de los nombres de negocios interesante, eslóganes y logotipos a través de fotos, anuncios, y las conversaciones de Flickr, Google, Youtube y Twitter para cada marca, los EE.UU. solicitaron a la Oficina de Patentes y Marcas (USPTO) desde el año 1870.

Icono Tabla de referencia
Este cuadro, creado por Jon Hicks, fue creado para recoger los tamaños, formatos y la información relacionada sobre los iconos utilizados en diferentes dispositivos. En el momento en que cubre los navegadores, Android, IPAD, iPhone, iPhone 4, Linux, Mac OS X y Windows. Y también se puede descargar una plantilla para los iconos de iPhone y el IPAD. Útil.

OpenWith.org
OpenWith es un directorio de extensiones de los archivos existentes y herramientas gratuitas para abrirlos. Encontrarás un programa gratuito para casi todo lo que usted necesita para abrir, incluyendo el código fuente, archivos de datos, imágenes de disco, hojas de cálculo y archivos de vídeo.

ScriptSrc.net
Este sitio ofrece todas las últimas versiones de las etiquetas de secuencia de comandos de las distintas bibliotecas de JavaScript en un solo lugar. Ya sea que use jQuery, SWFObject, Chrome, MooTools, Ext JS, YUI, Prototype, Dojo o Scriptaculous, que encontrarás en las etiquetas de secuencia de comandos más reciente aquí.

En el cuadro Colores Culturas
Este mapa muestra cómo los colores se perciben en las diferentes culturas y naciones de todo el mundo.

Directrices y manuales de normas
Handy ejemplos de directrices y manuales de normas utilizadas por las empresas y marcas en línea.También puedes ver Branding y Diseño de Identidad Corporativa página.

Código de Normas y Prácticas Front End-Mejor Desarrollo
Este documento describe las normas del código de-facto en el desarrollo profesional moderna para el usuario. La motivación principal del documento es la consistencia de códigos y mejores prácticas. Al mantener la coherencia en la codificación de estilos y convenciones, que puede aliviar la carga del mantenimiento de código heredado, y mitigar los riesgos de rotura en el futuro. Listado de Niza y útil.

Herramientas esenciales Usted siempre tener a mano cuando la fijación de un problema de PC?
Características de este hilo del foro hay que tener las herramientas que usted debe tener cargado en su unidad de disco USB cuando se le preguntó a tratar con un miembro de la familia de su expedición amigo ordenador personal.

Project Management para Dummies
Debido a la variedad cada vez mayor de proyectos grandes, complejos y difíciles técnicamente en el mundo actual, la gestión de proyectos se ha convertido en una habilidad crítica. Esta página proporciona una gestión de proyectos bonita hoja de trucos que le ayudarán a manejar sus tareas de gestión de proyectos, tales como la confirmación de la justificación de un proyecto, el desarrollo de los objetivos del proyecto y los horarios, y mantener el compromiso para un proyecto.

Motor de Expresión Gráfico de Referencia
Una referencia rápida y útil guía para usuarios ExpressionEngine. A-PDF versión está disponible también.

Equipo de hardware gráfico
Un detallado del hardware gráfico y práctico bloc de notas para la memoria RAM, la memoria RAM de escritorio, tomas de corriente de la CPU, discos duros, puertos, ranuras de procesador de la tarjeta, zócalos de procesador de tarjetas, tarjetas de periféricos, ranuras de tarjeta de escritorio y los conectores de alimentación.

Identidad Corporativa / Guías de uso del logotipo
Una colección de documentos que ilustran cómo las organizaciones y empresas de asegurarse de que su marca sigue siendo coherente y en línea en la impresión.

ASCII: La Guía Pronouncation
ASCII significa Código Estándar Americano para Intercambio de Información. Computadoras sólo pueden entender los números, por lo que un código ASCII es la representación numérica de un carácter como ‘a’ o ‘@’ o una acción de algún tipo. La falta de imprimir caracteres ASCII se usan muy poco para su propósito original. Esta página cuenta con una tabla de caracteres ASCII e incluye descripciones de los primeros 32 caracteres no imprimibles y la guía a sus pronouncation.

Nombre guía de pronunciación
Inogolo es un sitio práctico, fácil de usar dedicado a la pronunciación en Inglés de los nombres de personas, lugares y cosas varias. El sitio contiene una base de datos de nombres con las dos pronunciaciones fonéticas y de audio en Inglés.

Usabilidad y Experiencia de Usuario

Recogen a mano los recursos relacionados UX
UXMARKZ es una colección de mano escogida UX recursos relacionados, actualizados diariamente. Usted encontrará sitios de interés, artículos, videos, imágenes y presentaciones de diapositivas en el campo del diseño de interacción, usabilidad, achitecture información, diseño de la interfaz de usuario y otros. Todas las observaciones son moderados.

UX Mitos
Este ressource se supone que ayudará a construir su sitio web basado en la evidencia, no en creencias falsas. UX Mitos recoge las ideas falsas de usuarios más frecuentes experiencia y explica por qué no son válidas. Y usted no tiene que tomar su palabra para ella, el sitio que muestra una gran cantidad de resultados de investigación y artículos de gurús del diseño y la usabilidad.

Patrones de Diseño de Interfaces de Usuario para las ideas e inspiración
Una interfaz de usuario de la colección de diseño de patrones. Es una colección de patrones de diseño web y las mejores prácticas que le ayuda a encontrar la inspiración y el diseño de interfaces con gran experiencia de usuario. Es también una galería de interfaz de usuario completa de ejemplos del mundo real de nuestros patrones.

Fuente: http://www.smashingmagazine.com/2010/07/26/50-useful-tools-and-resources-for-web-designers/

espero les sirva