Herramientas Archives - Página 11 de 35

Color Scheme Designer, generador de paletas de colores

15 agosto, 2009 por Juanguis

Color Scheme Designer

Post escrito por Edu de Volteck

Color Scheme Designer es una excelente herramienta que nos permite crear paletas de colores para diseñar nuestro sitio web, crear logos, o elegir alguna buena combinación de colores para cualquier tipo de diseño.

CSD es muy sencillo y fácil de usar, dentro de un circulo movemos un punto en el color deseado y se va mostrando la paleta a la derecha. Se pueden usar 6 variaciones de paleta (monocromático, analógico, complementario, etc.), además de elegir parametros secundarios, como brillo, saturación y balance entre «luces y sombras».

No requiere registro y podemos descargar la paleta final en varios formatos, desde HTML+CSS hasta el formato de paleta de Photoshop o Gimp.

¿Mi blog está funcionando?

12 agosto, 2009 por Juanguis

No, no les voy a preguntar si Punto Geek está funcionando bien, Is My Blog Working es el nombre de un servicio que te permite comprobar si tu blog está funcionando. ¿A quién no le ha pasado que no le carga su blog y empieza a preguntarle a todos sus amigos si les carga o no?.

Sólo basta con ingresar la URL de nuestro blog y esperar a ver qué dice el sistema, si el blog está funcionando o no. Además nos ofrece información adicional, como la IP del servidor, el feed, enlace al robot.txt, páginas indexadas en Google y Bing, tiempos de carga, velocidades de respuesta, tamaño de la página, y una gran cantidad de información interesante.

Visto en gHacks

Colección de herramientas para diseñadores

5 agosto, 2009 por Juanguis

firebug

Todos los que diseñamos, como en cualquier otro trabajo, contamos con ciertos elementos y herramientas que hacen nuestro trabajo algo mas ameno y rápido, o que nos ayudan a realizar nuestras tareas de alguna forma. Seguro muchas ya son conocidas por ustedes, como los sitios que nos permiten probar diferentes fuentes para un diseño web.

La gente de WebDesignerDepot publicó una extensa recopilación con herramientas útiles para diseñadores. Se incluye practicamente todo lo que uno necesita, como por ejemplo aplicaciones relacionadas a la tipografía, CSS, sitios que nos ayudan con paletas de colores, a crear formularios, motivos y fondos para un nuevo proyecto, además de generadores de botones y claro, nuestro querido Firebug . Ustedes ¿Cuáles de estas herramientas usan a diario? Estaría bueno que nos cuenten y si conocen alguna mas la sumen con un comentario.

Pure CSS Menu, crea un menú en CSS online

4 agosto, 2009 por Juanguis

Pure CSS Menu es excelente herramienta que te da la posibilidad de crear menúes desplegables en CSS sin ningún tipo de conocimientos de diseño, y en un par de clicks. Podemos partir de templates predefinidos, tenemos 8 para elegir, no son muy lindos que digamos, pero lo ideal es que lo personalicemos a gusto en vez de usar un template.

Para decirlo de una manera sencilla, es una especie de editor WYSIWYG para menúes CSS, ya que podemos ir agregando o eliminando ítems o enlaces con un click, ajustando las tipografías y colores, el enlace de destino, etc. Siempre viendo una vista previa de los cambios en la parte derecha de la pantalla.

Una vez que terminamos le damos al botón «download» y descargaremos un archivo comprimido con el código CSS y HTML para instalar el menú, también están incluídas las imágenes.

PD: No vamos a entrar en la discusión de cómo se dice, si menúes o menús, por favor les pido (?).

Visto en Web Upd8

BackTweets, averigua quiénes comparten tus posts en Twitter

26 julio, 2009 por Juanguis

Los que tenemos blogs y usamos Twitter asiduamente nos interesamos en ver quiénes comparten posts de nuestro blog en sus cuentas de esta red social, por eso no dudé en comentarles sobre BackTweets, una herramienta que te permite hacer búsquedas de los tweets que tengan enlaces hacia nuestros posts.

Sólo tenemos que ingresar la URL que queremos analizar, y el sistema nos mostrará todos los tweets que contengan enlaces hacia nuestro blog (hacia la URL que pusimos, mejor dicho). Tranquilos que se encarga de «traducir» las direcciones acortadas, así que los resultados son bien precisos.

También pueden generar alertas para que el sistema les avise por mail cuando alguien comparte nuestros posts en Twitter, puediendo elegir la frecuencia en la cual recibirlos, una buena idea es recibir uno por día y estar al tanto del buzz que generamos con nuestros posts.

Visto en gHacks

Comparte varios links en forma de pestañas con ShareTabs

24 julio, 2009 por Juanguis

ShareTabs

ShareTabs es una herramienta especial para compartir varios enlaces, ya que, como bien lo indica su nombre, los agrupa en forma de pestañas para que los podamos navegar más cómodamente. Al entrar al sitio verán un campo para personalizar la URL si es que lo desean, y luego el lugar para ingresar las distintas direcciones, recuerden que es una por línea.

Luego el sistema crea la página con todos los enlaces que ingresamos y nos muestra los enlaces que podemos usar para compartirla, uno es el que nosotros personalizamos, y el otro es generado automáticamente por el sitio, generalmente es más corto que el que nosotros elegimos, especial para utililizar en servicios de microblogging, como Twitter.

Cuando entren a alguna página que contenga los enlaces, verán que les asigna un preview a cada URL y muestra las pestañas en la parte superior, así podemos ir navegando por los distintos enlaces de manera eficaz. Pueden ver un ejemplo de unos links compartidos en ShareTabs desde éste enlace.

Visto en FeedMyApp

Crea un formulario de contacto para tu blog von SayToMe

4 julio, 2009 por Juanguis

saytome
Los usuarios de WordPress tenemos plugins para cualquier cosa prácticamente, lo que queramos lo podemos hacer mediante plugins, que si bien no es recomendable utilizar tantos, nos salvan de muchos dolores de cabeza. Pero los usuarios de otros CMS, como Blogger o WordPress.com, no disfrutan de tantos beneficios, uno de ellos es el formulario de contacto, muy importante en cualquier blog.

Por suerte existen herramientas externas como SayToMe, un sitio que nos da la posibilidad de crear un formulario de contacto para que nuestros visitantes puedan enviarnos mensajes directamente a nuestro email, obviamente sin poder verlo por motivos de seguridad.

Lo que me gustó es que el sitio no necesita registro, en menos de un minuto tenemos nuestro formulario de contacto funcionando, ya sea mediante un enlace para compartirlo, o bien generando el código HTML y CSS para pegar en nuestra plantilla y que nos contacten directamente desde nuestro blog.

Visto en GeeksRoom

Supalogo, generador de logos online

3 julio, 2009 por Juanguis

Laurent me avisa vía email que ha lanzado un nuevo sitio llamado Supalogo, un generador de logos online, con el cual podemos, mediante un par de clicks y un poquito de buen gusto, crear un logo con un diseño que, obviamente, no va a ser como uno creado en Photoshop, pero nos puede sacar del paso más de una vez.

Pueden optar por generar un logo con el diseño predeterminado, para ello tienen que introducir el texto que quieren que tenga y listo. Pero les recomiendo que hagan uso completo de la herramienta, ya que ofrece la posibilida de personalizar los logos eligiendo tipografía, borde, degradados, etc.

Aviary, lanza excelente herramienta para capturar la pantalla y editar la imagen

3 julio, 2009 por Juanguis

aviary-talon
Aviary, la suite de herramientas de diseño más completa de internet, lanzó hace unos días una nueva herramienta llamada Talon, que permite hacer una captura de pantalla de un sitio web, puediendo elegir algunas configuraciones como la resolución de la pantalla, la calidad de la captura y optar por capturar toda la página o sólo la porción visible. Por el momento no permiten elegir el sistema operativo, pero próximamente si.

El modo de funcionamiento es muy sencillo, podemos optar por entrar directamente al sitio de Talon e ingresar la URL a capturar, o bien anteponer «aviary.com/» a la URL que estemos navegando y queramos capturar, de modo que quedaría algo así «aviary.com/http://www.puntogeek.com«.

aviary

Pero a mí lo que más me gustó de todo es la extensión para Firefox que tienen ya que nos permite tener una herramienta para capturar la pantalla muy poderosa, ya que se integra con la suite de edición de Aviary. Una vez capturada la pantalla, ya sea toda la página, la porción visible, o una selección, podemos optar por guardarla directamente a nuestra computadora, o bien editarla online con las herramientas avanzadas que ofrecen.

Por último, también podemos mencionar la disponibilidad de un bookmarklet que nos permite capturar el sitio web que estemos visitando con un solo click.

ViewLikeUs, testea cómo se ve un sitio web en distintas resoluciones

30 junio, 2009 por Juanguis

Hace unas semanas les comenté algunas alternativas para ver cómo se vería un sitio web en diferentes resoluciones, pero hoy encontré una herramienta muy interesante llamada ViewLikeUs, que nos permite ver un sitio web en diferentes resoluciones, para detectar posibles errores en el diseño y adaptarlo para que nuestros lectores lo disfruten correctamente.

Su uso es muy sencillo, sólo tenemos que ingresar la URL del sitio que queremos cargar, y luego elegir la resolución con la que queremos verlo, a medida que vamos pinchando en las diferentes resoluciones el cambio es automático, no hay que recargar la página ni nada, realmente muy útil.

Visto en FeedMyApp