En maestros del web me he encontrado un excelente e imprescindible articulo para diseñadores, se trata de la Anatomía de un Logotipo, el articulo habla acerca de que se debe tomar en cuenta cuando haces un logotipo, las pautas para su diseño, lo complejo y lo sencillo que puede resultar el proceso y que tipos de diseño de logotipos existen con ejemplos graficos ya saben todo el relajo.

Les dejo una porción del articulo y la liga para que lo lean completo…

Un logotipo no es una obra de arte en sí mismo, sino un gráfico que va a representar algo o a alguien. Es fundamental recordar esto, porque va a determinar muchas de las decisiones que tomaremos durante el proceso de diseño. Un logotipo cumple con tres funciones principales:

• Identificar algo (una empresa, una web, un club de fútbol).
• Diferenciarlo de otras cosas parecidas.
• Transmitir alguna información importante: si son aspirantes a campeones o sólo quieren pasarlo bien, si es una empresa sólida, si dan un trato personal.

Articulo Completo, Anatomía de un Logotipo

For Web Designers, este sitio que hace unos meses fue post en muchos blogs de diseño excepto este ya que contaba aun con muy pocos enlaces, ahora es un pequeño monstruo, actualmente cuenta con 597 enlaces para diseñadores web todos ordenados por categorias:

• Ajax
• Blogs
• Colores
• CSS
• Flash
• Fonts
• Foros
• Fotos Gratis
• Generadores
• Graficos
• Iconos
• Inspiración
• Revistas
• OS CMS
• Tutoriales de Photoshop
• Stock de Fotografias
• Templates
• XHTML

Todos con enlaces a sitios y/o post con contenido muy bueno, sin duda es una excelente referencia cuando buscas cosas nuevas.

Enlace: For Web Designers

Que es un Cheat Sheet?Un cheat sheet o crib sheet es una recopilacion de notas usadas para tener referencias rapidas. El termino “Cheat sheet” tambien puede ser encontrado con las combinaciones “cheatsheet” o “cheat-sheet”.

ver wikipedia [ingles]

Ahora a lo que va el post buscando en digg encontre esta interesante recopilacion de Cheat sheets para desarrolladores web, siempre son utiles estos tipos de documentos de hecho mucho mejor que los manuales comunes claro que normalmente hace falta tener un conocimiento basico del tema.

Entre la recopilacion podran encontrar de Ajax, CSS, Javascript, HTML(X), Colores, Microformatos, Compatibilidad entre Navegadores (DOM) y XML.

Visitar: Recopilacion de Cheat Sheets

Leyendo infected-FX veo de una interesante lista de recursos para diseñadores web recopilada por Vandelay muy buenos y entre los cuales puedes encontrar:

• Herramientas de color
• Menú de navegación CSS
• DHTML Menú
• Stock de fotografías
• Iconos
• Themes en blanco para WP
• Estructuras en CSS
• Validadores
• Scripts
• Fuentes
• Favicons
• Creadores de botones
• Herramientas Web2.0
• Bordes redondeados
• Herramientas para CSS

Nota: La imagen es de Infected-FX

Ver lista de recursos

via infected-FX

DFD es un pequeño software opensource con el que podras realizar tus diagramas de flujo de manera sencilla, el paquete descomprimido pesa 1,19 mb puede usarse con facilidad en disco de 3′5 para los pocos que aun los utilizan, es bastante amigable y permiten correr el diagrama para verificar si esta funcionando y haciendo lo que se desea, en la imagen se esta pidiendo se imprima el clasico Hola Mundo.

Actualmente esta en su version 1.1 y se esperan muchas mejoras en la version 2 unicamente es compatible con windows esa es una contra, cosa que se espera solucionar para la siguiente version aqui una lista de las caracteristicas que traera la siguiente version:

FreeDFD 2.0

FreeDFD tendrá las siguientes características notables:

• Se guardarán los archivos texto plano
• Se guardarán en C++
• Se podrán compilar
• Funcionará en Windows y en GNU/Linux
• Se portará todo el código para poder compilar con G C C en GNU-Linux y en Windows
• Se portará a GTK+ ó a Qt
• También será posible correr algoritmos en consola para cuando esto se requiera
• ¿Cuál es la más portable?
• ¿Cuál podrá ser usada dentro de los computadores del OLPC?
• Múltiples idiomas
• Usaremos gettext para esto
• Más documentación
• Tendremos documentación en Español e Inglés en esta Wiki
• Tendremos un repositorio de ejemplos de FreeDFD
• Tutoriales en video para crear algoritmos simples
• Mejoras en el código fuente
• El motor de ejecución estará completamente separado de la GUI.
• Mejoras en el acceso a los arreglos
• Nuevas funciones
• Paquetes para Debian GNU/Linux y Ubuntu.
• Un mejor icono

Visitar Pagina Oficial / Descargar

Veo en el blog de Andres una libreria (LiveValidation) mas para hacer nuestros formulario un poco mas amigables se trata de una clase en js que te permite hacer validaciones al momento de tus campos del formulario de manera muy sencilla, dando la posibilidad de hacer comprobacion de todo tipo aqui la lista de posibles validaciones:

• Presence (valida si el campo contiene algun valor o esta limpio)
  
• Format (comprueba una coincidencia en la cadena)
• Numericality (Comprueba que el valor sea numerico)
  
• Length (comprueba el largo de la cadena de texto)
  
• Inclusion (valida si el valor escrito es igual o parcialmente igual a alguno de los listados)
  
• Exclusion (validad que el valor sea diferente a cualquiera incluido en la lista)
  
• Acceptance (puede comprobar si un checked o radio esta seleccionado)
  
• Confirmation (Comprueba la coincidencia de dos campos distintos, ej. contraseña)
  
• Email (Comprueba que el valor sea un correo electronico valido)
  
• Composite validations (combining validations) (El nombre lo dice puedes combinar las validaciones anteriores)
  
• Validating entire forms (valida todo el formulario)
  
• Styling it up (permite pasarle un estilo css segun el resultado de la validacion)
  

Tambien te permite definir la accion o mensajes a ejecutar en caso de que sea validado o falle, esta bastante completa y muy recomendable.

Ejemplo:

var sayHello = new LiveValidation( “sayHello”, { validMessage: “Hey there!” } ); 

sayHello.add( Validate.Presence, 





              { failureMessage: “Don’t just ignore me, I wanna be your friend!” } );

sayHello.add( Validate.Format, 





              { pattern: /hello/i, failureMessage: “How come you’ve not said ‘hello’ yet?” } );

Este ejemplo crea lo siguiente: Valida un campo de texto con id sayHello e imprime el mensaje Hey there en caso de que la validacion sea correcta, en caso contrario imprimiria Don’t just ignore me, I wanna be your friend! , que valida? valida que lo escrito en el campo sea igual a hello en caso de que lo escrito no este correcto imprimiria How come you’ve not said ‘hello’ yet?

El codigo HTML seria:

		<p> 	          Say “hello”:<input class=“LV_valid_field” id=“sayHello” type=“text”><span class=“LV_validation_message LV_valid”>Hey there!</span>

<script type=“text/javascript”>

var sayHello = new LiveValidation(’sayHello’, { validMessage: ‘Hey there!’ });

sayHello.add(Validate.Presence, {failureMessage: “Don’t just ignore me, I wanna be your friend!”});

sayHello.add(Validate.Format, {pattern: /hello/i, failureMessage: “How come you’ve not said ‘hello’ yet?” } );

</script>

</p>

ver Ejemplos

Descargar Libreria