Links 18-11-2008

Links - 18/11/2008

50 Incredible Fonts for Professional Web & Print Design y 40+ Extremely Beautiful FONTS Hand-picked from deviantART. Dos recopilaciones de fuentes gratuitas. En mi opinión, mucho más interesante la segunda que la primera. La primera recopilación recoge fuentes ya vistas en otras recopilaciones de este tipo. La segunda, en cambio, me ha resultado muy interesante: fuentes que no conocía y de gran calidad.

20 Free & Open Source Image Galleries for Web Designers. Recopilación de galerías gratuitas que podemos utilizar en nuestros proyectos. Las hay en Flash pero también hay un gran número que utilizan Javascript. Una manera rápida y fácil de crear una galería de imágenes o un portafolio.

75 Best Free Graphics Design Icon Sets. Iconos de todas las clases y para todos los gustos.

Texturise. Web que provee de texturas gratuitas en alta resolución, tanto para su uso personal como profesional. Muy interesantes sus texturas de papel.

50 Beautiful Free WordPress Themes. Una de las formas más eficaces de darse a conocer es ofrecer a la comunidad algún tipo de recurso de forma gratuita. En este sentido, ya son muchos los diseñadores que ofrecen temas de una gran calidad para WordPress. Como muestra este recopilatorio.

Google es un "Frienemy". Nuevo término "frienemy" que sirve para expresar la dualidad Amigo-Enemigo (Friend-Enemy). En el caso de Google por un lado está el lado "Friend" con todo los productos gratuitos que está aportando y el lado "enemy" con su dudosa política de privacidad y el virtual monopolio en determinados sectores de internet.

Free Vectors - 230 Marker Illustrator Brushes. Pack con 230 pinceles para Illustrator para simular el trazo de un marcador. El pack incluye un gran número de formas y colores.

Links 11-05-2008

Links - Photoshop - Fuentes - 11/05/2008

• 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.
  

Links 05-05-2008

Javascript - Links - Tutoriales - 05/05/2008

• 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.

Links 24-01-2008

Links - CSS - Recursos - 24/01/2008

• 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.

Links 30-11-2007

Enlaces - Links - Recursos - 30/11/2007

• 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.

 

Links 25-10-2007

Links - 25/10/2007

• 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.

 

Links 11-09-2007

links - recursos - 11/09/2007

• 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).

Links 17-04-2007

Links - Enlaces - Ajax - 17/04/2007

• 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.

Links 02-03-2007

Links - 02/03/2007

• 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.

Links 21-02-2007

Links - Fuentes - 21/02/2007

• 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

 ajax  anotaciones  aplicaciones  articulos  brushes  citas  clases  consejos  css  desarrollo  enlaces  extensiones  firefox  flash  flickr  fotografia  freeware  fuentes  generadores  google  html  iconos  illustrator  ilustracion  ilustradores  inspiracion  javascript  jquery  juegos  layouts  links  mp3  musica  mysql  ocio  optimizacion  photoshop  php  pinceles  plantillas  png  posters  psd  recursos  scripts  seguridad  seo  showcase  snippets  software  tipografia  tips  trucos  tutoriales  usabilidad  utilidades  vectores  vectoriales  vintage  web  web2  windows  wordpress  xp