¿Qué es y para qué sirve GifCam? – Creador de gifs

GifCam es una aplicación que nos permitirá crear gifs animados.

¿no sabes lo que es in GIF? A la wikipedia !

La idea es que funcione como una cámara de video que, manteniéndose por encima del resto de ventanas, es capaz de grabar la zona seleccionada pudiendo hacer rec/pause y modificando el area de selección.

Puede grabarse durante el tiempo que queramos (rec) o captura a captura (frame) y realizar gifs sin interrupciones o con diferentes marcos o cuadros.

Además posee un editor para que podamos introducir texto u otras herramientas de edición de animaciones muy muy chulas (yoyo, Draw Green Screen y otras).

Para ver toda esta información podemos visitar http://blog.bahraniapps.com/gifcam/ que contiene ejemplos de uso de cada una de las propiedades.

 

¿Para que lo uso yo?

En mi caso concreto lo uso ocasionalmente en el trabajo. Cuando tengo que adjuntar pruebas de algún comportamiento específico de una página web simplemente grabo con este programita y el resultado (gif) lo puedo adjuntar como prueba.

Podéis ver un ejemplo de uso en este vídeo:

 

Como siempre, espero que os resulte útil.

 

Enlaces de interés:
http://www.makeuseof.com/tag/gifcam-the-easiest-way-to-make-animated-gifs-ever-windows/
http://blog.bahraniapps.com/gifcam/

 

Generadores y validadores diversos

 

Alguna vez ya os he hablado sobre páginas con cierta funcionalidad de generador. Por ejemplo, hablaba de cómo generar NIF´s, CIFS aleatorios.O , en esta otra entrada, de cómo generar códigos QR. O bien, cómo generar contraseñas seguras.

 

Últimamente para todo ello estoy usando Genware para hacer ésto. Posee generadores como:

  • NIF/CIF/NIE
  • Tarjetas de crédito
  • Cuentas bancarias (CCC)
  • Contraseñas seguras y PIN
  • Nombres completos
  • Códigos visuales (1D y 2D)
  • Códigos de barras
  • ISBN
  • Códigos QR
  • Acortador de URL

Unas muy buenas funcionalidades agrupadas en la misma página: http://www.genware.es/index.php

Úsenlo !

Generador de contraseñas onLine

En ocasiones no nos apetece tener que pensar en nuevas contraseñas que sean seguras, o bien tenemos que tener unas cuantas distintas para varias pruebas (por ejemplo para el desarrollo de aplicaciones).

Esta aplicación nos facilita el trabajo:

http://password.es/

 

 

Puedes indicar el tipo de caracteres a usar:

codificacionPassword

Así como el número de dígitos:

longitudContraseña

 

Y generará una contraseña para la cual además, evaluará el nivel de seguridad:

resultadoPass

Uso de Sprites CSS

¿ Sabes lo que es un Sprite cuando hablamos de CSS?

Si alguna vez has tenido que maquetar o modificar ciertos aspectos visuales de una página web es probable que hayas oido hablar de Sprites. Básicamente se trata de una técnica CSS que aprovecha una sola imagen para mostrar múltiples imágenes a partir de ella dentro del sitio. Es decir, junta en la misma imagen aquellas que vayamos a mostrar en la web.

 

¿Para que sirve?

Mejoramos el rendimiento del sitio porque se hace sólo una petición HTTP en vez de que se pidan una por cada imagen. Si tenemos por ejemplo 50 imágenes pequeñas dentro del sitio, cuando un visitante abre la página se consultan en el servidor toda esta cantidad de imágenes. ¿No sería mejor que se pida solo una vez?. Pues es mejor, porque la imagen es cargada solo una vez por el navegador y el CSS (que actúa en el cliente y no en el servidor) se encarga de mapear la imagen.

 

¿Cómo podemos crear estos Sprites?

Pues simple, podemos unificar estas imágenes mediante algún programa de edición (ej: Photoshop). Lo que tendremo que hacer más tarde, será adaptar el CSS para que lo que muestre sea un fragmento de la imagen, en vez de la imagen completa (sólo la parte que nos interesa).

Pero si sólo pudieramos hacerlo de esta forma tan manual, este artículo no se encontraría aquí, en www.cuandoeltiempoteatrapa.es

 

Aplicaciones de Creación de Sprites

Existen numerosas aplicaciones web que nos ayudan a generar estos sprites. Estas aplicaciones no sólo nos crean la imagen unificando las que queramos sino que nos generan el código CSS que podemos usar; o al menos una base para que luego podamos adaptarla. Genial !

Algunas de las que he probado son:

SpritePad: Genial. A diferencia de otras tú situas las imagenes donde quieras para despues unificarlas.

InstantSprite: Sencilla y funcional.

CSS Sprite Generator: Hay que subir las imagenes en zip.

Otras: SpriteCow SpriteMe

 

Origen de los Sprites:

Si quieres conocer cómo surgieron los sprites y en base a qué problema, te recomiendo que te pases por http://web.ontuts.com/tutoriales/introduccion-comprension-y-utilizacion-de-los-css-sprites-parte-i/ y le eches un vistazo a su artículo, así como a otros que tiene. Muy recomendable.

 

¿Y tu? ¿usas Sprites?

 

Referencias:
Artículo basado en http://www.documentoweb.com/Guia/CSS/Sprites-CSS

http://www.pixelovers.com/css-sprites-mejora-rendimiento-web-i-37249

http://web.ontuts.com/tutoriales/introduccion-comprension-y-utilizacion-de-los-css-sprites-parte-i/