• 14 Amazing Free Photoshop .psd Resource Sites. Recopilación de 14 sitios web desde los que podemos descargar ficheros .psd. Algunos de ellos no los conocía.

• 8 fonts you probably don’t use in css, but should. A la hora de trabajar con fuentes siempre acabamos utilizando las mismas 4 o 5 fuentes: Arial, Verdana, Georgia,... En este post nos ofrecen 8 alternativas que nos pueden ayudar a enriquecer tipográficamente nuestros diseños, y que están presentes en gran medida en los usuarios tanto de Windows como de Mac. Fuentes como: Palatino, Tahoma, Impact, Century Gothic o Copperplate. El inconveniente del artículo es que no contempla los usuarios de Linux. Para tener una visión más global de las fuentes instaladas con los sistemas operativos podemos recurrir a Complete Guide to Pre-Installed Fonts in Linux, Mac, and Windows.

• Qbrushes. Quality brushes for Photoshop. Web que recopila pinceles de calidad para Photoshop. Lo cierto es que tanto ésta como su "hermana" Qvectors, para gráficos vectoriales, ofrecen bastantes cosas interesantes.

• Flexigrid. Ligera "data grid" realizada a partir de jQuery que entre sus características principales cuenta con: Ordenación en las cabeceras; Cambiar el tamaño de columnas y cabeceras; Paginación; Búsqueda; Temas; Convertible a una tabla normal; Posibilidad de conectarse a una fuente de datos AJAX mediante XML y JSON.
  

• JavaScript Color Fading Script. Este ligero script permite realizar transiciones de color. Esto nos permite añadir efectos de fundido a tablas, divs, etc. Podemos actuar sobre el fondo, el borde o el color del texto del elemento en cuestión.

• 7 Crucial Tips for Designing and Maintaining a Large Site. A partir de su experiencia como responsable de FlashDen, el autor nos da una serie de consejos para crear y mantener un sitio web de grandes dimensiones: 1.- Diseña y programa para su mantenimiento; 2.- Averigua tus grupos de usuarios y tareas; 3.- Entiende los objetivos del sitio; 4.- Diseña, perfecciona, perfecciona, perfecciona; 5.- Consigue la opinión de otros, pero toma las decisiones finales; 6.- Organizate para el futuro; 7.- Haz fácil desarrollar con tu hoja de estilos.

• 10 Dark Business Card Designs. Galería de tarjetas de negocio oscuras.

• Create Abstract Backgrounds. Tutorial para Illustrator que, a través de tres herramientas, nos enseña a crear fondos abstractos. El tutorial está en inglés pero es muy interesante y bastante fácil de seguir dado el gran número de imágenes explicativas.

• 101 CSS Techniques Of All Time- Part 2 .El CSS ha cambiado la forma en la que se nos presentan los distintos elementos que conforman una web. En esta recopilación se nos presentan 101 técnicas que los diseñadores han usado durante todo este tiempo. Esta es la segunda parte, pero si os perdisteis la primera todavía estais a tiempo de echarle un vistazo.

• Manipulate del.icio.us bookmarks with PHP. Tutorial que nos muestra como llegar a manipular nuestros marcadores de del.icio.us mediante PHP y PEAR.

• FlipMyDesign es un showcase de sitios web con la particularidad de que está pensado para mostrar el antes y el después del rediseño de un sitio web. Podemos añadir nuestros sitios subiendo el antes y el después pero como diseñador creo que estaría bien un poco más de feedback con los visitantes del sitio.

• Sosymbol. A través de sosymbol.com podemos acceder a una gran cantidad de símbolos; crear y compartir nuestros propios símbolos y descargar los que más nos agraden. Los símboles vienen ordenados por categorías y nos pueden servir por sí mismos o para tomarlos como punto de partida en algún proyecto de señalética.

• 21 Factors that Influence the First Impression of Your Website’s Visitors. Cuando un nuevo visitante accede a un sitio web la impresión inicial se forma rápidamente y puede ser determinante para que el usuario abandone el sitio, permanezca en él o repita visita. Sobre el planteamiento -creo que cierto- de que sobreponerse a una mala primera impresión es muy difícil, el artículo cita algunos de los factores que pueden influir en la primera impresión de un visitante al acceder a una web: Tiempo de carga, mensajes de error, colores, tipografía, publicidad, facilidad de navegación, calidad de contenido,...

• 65 Adobe Illustrator Tutorials. Con la desaparición de Freehand, Illustrator se ha convertido en el programa por excelencia para trabajar con gráficos vectoriales. Estos 65 tutoriales pueden ser una buena fuente para aprender su manejo; para adquirir nuevas técnicas o ser una fuente de inspiración e ideas.

• Email Standards Project está trabajando con los desarrolladores de clientes de email y la comunidad de diseñadores para mejorar los estándares web y la accesibilidad. Una buena iniciativa que espero llegue a cumplir su objetivo. Mientras tanto, muy interesante la tabla que nos podemos encontrar, con el estado y capacidades de los clientes de email disponibles en el mercado, tanto on-line como de escritorio.

• Icons For Your Desktop and Icons For Your Web Designs. Nueva entrega de Smashing Magazine, en este caso recopilando iconos que pueden ser usados tanto en nuestro escritorio como en nuestros diseños web. Algunos de ellos se pueden utilizar en proyectos comerciales, mientras que otros tan sólo para proyectos privados o fines personales. Como siempre en estos casos, lo mejor es leerse la licencia de uso de los iconos antes de usarlos.

• Christmas Photoshop Brushes. Varias colecciones de pinceles para Photoshop con motivos navideños o inspirados en esta época del año. Ideales para crear tarjetas de felicitación navideñas.

• 6 Sets de vectores de personas. Un total de 6 sets de vectores de personas, vienen en formato .AI (Adobe Illustrator)  y con una buena variedad de posiciones, sin duda muy útiles.

• 35 website footer designs, trends and styles. Con el llamado web 2.0 han cobrado especial importancia los pues de página. Yo prefiero no poner información relevante en los pies de página pero no se puede obviar que es una tendencia que cada vez tiene más adeptos. En esta entrada se hace un repaso al diseño de pies de página, sus estilos y tendencias.

• Videobox. Es un script que pesa sólo 6 Kb y que nos permite mostrar nuestros videos sobre la misma página que los usuarios están navegando. Lo mismo que hace lightbox con las imágenes, ahora lo podemos hacer con videos.

• Web Site Optimization: 13 Simple Steps. Quizá el tutorial más completo que he visto para lograr una correcta optimización de sitios web.

• CSS3 fun with :target: Excelente ejemplo del uso de la pseudo-clase :target de la especificación de nivel 3 de CSS. Evidentemente el navegador ha de tener soporte para este tipo de selectores. La demo ha sido testada en Opera 9.50 Alpha 1, Mozilla (incluyendo Firefox), y Safari.

• LiveValidation, Sistema de validación en tiempo real: Una buena opción para validar formularios de forma muy clara, utilizando Ajax y que nos permite, mediante la creación de reglas, que nuestros formularios validen la información a medida que los usuarios van cumplimentando los campos. En su sitio hay abundante documentación y ejemplos. Hay que dejar claro que es un sistema de validación del lado del cliente y que siempre es conveniente que haya otro sistema de validación de datos del lado del servidor.

• Non-notorious CSS templates for websites. Recopilación de sitios que ofrecen plantillas web gratuitas.

• Grow a textarea: script basado en Mootools que permite la posibilidad de hacer crecer los textarea de nuestros formularios. La posibilidad de que los textareas tengan la posibilidad de crecer o no se realiza mediante la asignación de clases CSS y se pueden definir varios parámetros tales como el tamaño máximo y mínimo, el tipo de transición, la duración del crecimiento, etc.

• Vector Logo Database: Como su nombre indica, biblioteca de más de 600 logos con sus respectivos fuentes vectoriales.

• Regular Expresion Library: Biblioteca de expresiones regulares que en la actualidad tiene indexadas más de 1500 entradas. La biblioteca se nutre de las contribuciones de los usuarios. Podemos realizar una búsqueda, por ejemplo buscar expresiones regulares relacionadas con el termino email, o navegar por las distintas categorías (Browse Patterns).

• Diseñando con Retícula. Un interesante acercamiento a este tema. Desde la definición a una elección de tutoriales y artículos tanto en inglés como en castellano que pueden servir para iniciarse en esta metodología.

• LightWindow. Otra librería para abrir ventanas modales. Ésta incluye soporte para cinco tipos distintos de contenido: Páginas web, Contenido interno (inline content), Media (películas, swf,...), Imágenes (ya sean galerias o una sola) y Sitios web externos vía iframe.

• Consejos para emprendedores en Internet. Esta es una lista de post, artículos y documentos, todos en español, que pueden ser útiles para todos aquellos que deseen emprender a través de Internet.

• Ext Js es un framework que me ha sorprendido muchísimo. Tanto por el estado de desarrollo y el soporte que ofrece como por los ejemplos que se pueden ver en su web. Una opción que tendré muy en cuenta para futuros desarrollos. La librería es gratuita para usos no comerciales.

• Acc_calendar. «En los campos de formulario en los que se tiene que introducir una fecha, de cara a mejorar la experiencia de usuario, y a la par que se aumenta el control en el formato de los datos, se puede incluir un calendario mediante javascript.» Este calendario ha sido desarrollado pensando en dos objetivos: Que sea accesible y no intrusivo y Que sea fácil de implementar y utilizar.

 

• 10 best IE7 add-ons. Una lista con 10 de los mejores addons para IE7. Los addons son pequeños programas que sólo funcionan anexados a otro y que sirven para incrementar sus funcionalidades. Vía SentidoWeb

 

• More Freefonts. En Smashing Magazine recopilan 5 fuentes más, gratuitas y de calidad.

• Font Search. Un buscador personalizado, que utilizando los operadores de google, nos puede ser de gran utilidad para encontrar fuentes para MAC o PC. Vía lineasguia.

 

• Download Tabmenu for free. Paquete gratuito para generar contenido por pestañas. Se puede establecer cuando se pasa de una pestaña a otra: al evento click o mouseover. No es la primera solución de este tipo pero está bien desarrollada.

 

• 15 CSS Properties You Probably Never Use (but perhaps should). 15 propiedades CSS interesantes, que como el título de la anotación, quizá deberíamos utilizar más a menudo; pero que son propiedades CSS de nivel 2 y que algunas de ellas no funcionarán en los navegadores más utilizados.

 

• Portable Adobe Photoshop CS2. Instrucciones para crear una versión portable de Adobe Photoshop e ImageReady. Después de todo el proceso, se eliminan aproximadamenete 212 MB de elementos 'no necesarios' quedando el paquete en aproximadamente 26 MB.

 

• Javascript Lint. «Javascript Lint es una aplicación que nos permite comprobar que nuestro código no tenga los errores más comunes en Javascript, así como el uso de técnicas cuestionables.» Vía sentidoweb