Tooler | Herramientas web y Recursos

En forma somera, los gráficos vectoriales son imágenes que tienen la ventaja de que se les puede aplicar zoom de forma ilimitada sin que sus bordes se afecten, a diferencia de las imágenes rasterizadas (las que estamos acostumbrados a utilizar), en las cuales llega un momento en que el zoom produce la distorsión de la misma lo cual revela que la imagen está compuesta por píxeles.

Vecteezy nos permite descargar gratis paquetes de gráficos vectoriales de alta calidad, para utilizar en nuestros logos, banners, y demás diseños, luego de ser rasterizadas. Para editar estas imágenes debemos usar programas como el Corel Draw, Adobe Ilustrador, Freehand, Inkscape, dependiendo del formato de la imagen vectorial. Sólo aceptan imágenes de muy buena calidad por lo que por el momento no cuentan con un gran repositorio, pero son muy buenas.
Algunos ejemplos de la galería:

Vía: lamateporunyogur

Ajaxload es una sencilla herramienta online para generar imágenes de progreso de carga en formato GIF.
Sólo debemos especificar el modelo de imagen (7 variedades distintas al momento de este post), y los colores de fondo y primer plano.
Vía: El utilitario

Listible pretende ser un sitio innovador que combina el uso de listas, tags (etiquetas) y un sistema de votación, para agrupar gran cantidad de recursos y determinar la relevancia de cada uno, así como también facilitar la accesibilidad a los mismos. Los recursos más relevantes y populares de cada lista estarán ubicados en el tope de la misma gracias al sistema de votación.
Todo esto con el objetivo de encontrar lo que te interesa lo más rápido posible.

Los tópicos de las listas abarcan temas muy variados, desde herramientas, tutoriales, trucos, galerías, css, programación hasta recursos sobre música, video, etc, etc y hasta el infinito y mas allá.

Pero el principal motivo de este post es citar una de las listas que me pareció muy afín a la temática de este blog:

Resources on Online Tools, Generators, Checkers:
Como indica la descripción correspondiente, es una lista con gran cantidad de herramientas gratuitas de uso online (muchas de ellas citadas en Tooler) relacionadas con la programación, diseño, desarrollo y optimización de sitios.
Incluye entre otras, generadores (de imágenes, iconos, botones, css, formularios, rss, robots.txt, .htaccess, etc), validadores, herramientas SEO, y otros chiches muy interesantes.

Me gustaría citar 3 herramientas que me llamaron la atención a simple vista:

• Typogenerator:
  Escribimos un breve texto y Typogenerator busca imágenes en google con el texto citado y crea un background con las imágenes encontradas, usando efectos generados al azar. Luego agrega el texto también con efectos. El resultado es un bonito collage de imágenes, textos y efectos. Ejemplo insertando palabra “rock“: click aquí
• Blibs animation factory:
  Una especie de herramienta de edición online de imágenes pero con características propias que no vi en las otras utilidades citadas en este blog, como por ejm la posibilidad de agregar animaciones a las imágenes entre otras interesantes características. Ejemplo: click quí.
• Tilemachine:
  Al estilo de bgmaker, permite generar imágenes de 8×8, 16×16 y 32×32 pixeles, pero con una interfaz muy atractiva realizada en flash con animación y sonido. Útil para usarlas en fondos de página o como iconos.

Los invito a explorar la lista y comentar las herramientas que consideren más relevantes.

bgmaker es una pequeña herramienta online en Flash que nos permite diseñar íconos y fondos para nuestros sitios de una forma muy sencilla.
Además posee una extensa galería de diseños creados por los mismos usuarios, los cuales podemos editar a nuestro gusto para luego descargarlos en foma gratuita.

A continuación una selección con los mejores sitios para descargar íconos gratuitos (Bajo distintas licencias).
Última actualización: 04/03/06.

• Grayscale Icons:
  Set gratuito de íconos de 34 x 34 pixeles muy bien trabajados en escala de grises en formato gif.
• Drunkey love Icons
  Más de 100 iconos de 16×16 pixeles en formato gif y png. Adicionan nuevos íconos al set en forma constante.
• Graphicpush icons
  Una colección de 4 set´s de íconos listos para descargar.
• Feed Icons
  Feed icons es un proyecto que pretende establecer un standart en cuanto a botones de sindicación de contenidos.
• 300 images from 1800 sites
  Colección de íconos miniatura agrupados por categorías en formato gif.

Leer más »

E-Mail Icon Generator es una utilidad aún más “decorativa”, por así llamarlo, que Textimage para evitar que los robots secuestren nuestro e-mail para enviarnos spam.

Genera íconos atractivos (imágen) con nuestra dirección de e-mail.

Enlace: E-Mail Icon Generator

Favicon Icon Drawing Program Online Free es una herramienta online y gratuita para dibujar iconos favicon de una manera fácil y sencilla.
Nota: Permite fondos transparentes.

URL: Favicon Icon Drawing Program Online Free

Favicon es una pequeña imagen, que aparece en algunos navegadores junto a la dirección de una página web. (En IE debe ser agregada la web a los Favoritos para que se visualice el favicon)

El título de este post se debe a que siempre quize tener uno pero me parecía muy complicado el tema, especialmente el hecho de tener que crear uno desde cero sin tener nociones de cómo hacerlo.

Hoy en día gracias a una gran cantidad de recuros disponibles en la “red de redes” es muy fácil tener uno en nuestra propia página web sin sufrir demasiado.

Supongo que habrá muchas formas de hacerlo, pero una sencilla es la que proponen en http://blog.chilelog.com

Para explicaciones más completas recomiendo http://www.favicon.net

Por último recomiendo una galería de favicon: http://mppierce66.home.comcast.net/web/fi/
Haciendo click derecho -> Guardar imagen como: -> imagen.gif
Luego generamos imagen.ico a partir de esta última usando FavIcon from Pics
(El único inconveniente es que no se hasta qué punto se pueden usar las imagenes de esta galería ya que corresponden a sitos reales, pero existen muchas otras.)

Famfamfam.com es una web con distintos set´s de iconos gratuitos para descargar.
Qué se puede decir, estan diseñados de manera tal que pueden ser usados perfectamente en cualquier interface o aplicación web.

Enlace: famfamfam icons