miércoles, mayo 28, 2014

Compressor.io: Compresión de fotografías con o sin pérdida



Compressor.io es una herramienta que permite reducir el peso de una fotografía sin perder la calidad de la misma. Los resultados pueden llegar a ser sorprendentes reduciendo el tamaño de la fotografía hasta en un 90%.

Sirve para los formatos JPEG, PNG, GIF y SVG, tras realizar los cambios y optimización/compresión de la fotografía se puede descargar el resultado final directamente a la pc o enviarla a un servicio de almacenamiento.

La imagen se puede subir arrastrando la imagen a la aplicación. Los tipos de compresión son lossy (compresión con pérdida) y lossless (compresión sin pérdida).

Cabe mencionar que la compresión sin pérdida o lossless funciona solo para los formatos JPG y PNG.

Tras probar con una fotografía en formato JPG que pesaba alrededor de 300 KB se redujo en un 53%. Se trata de una herramienta útil para poder ahorrar algunos KB en las fotografía y lograr reducir espacio con las mismas, sin perder la calidad en las imágenes.
 


Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

lunes, mayo 26, 2014

MakeAGIF: Crea GIFs desde YouTube, tus imágenes o videos


MakeAGIF es una aplicación que te permite crear GIF animados a partir de diversos recursos como una cámara web, a partir de una serie de fotografías para subir o desde YouTube. Asimismo, cuenta con una extensa galería de imágenes animadas diferenciadas por categorías.

Un ejemplo de una imagen creada por un usuario:


A continuación explicamos cómo crear tus propias animaciones con esta herramienta:


Crear una GIF animado a partir de tus propias imágenes

Para crear un GIF animado solo se debe subir fotografías y establecer una serie de parámetros como la velocidad de animación o demora en la transición de elementos. También se permite establecer el tamaño del GIF final, establecer una categoría en la que quedará en la aplicación guardada. Asimismo se puede poner un nombre el trabajo final y agregarle etiquetas para para una mejor descripción.

Crear una GIF animado a partir de tus propios videos

Para crear un GIF animado utilizando tus videos solo se debe subir dichos videos y cuando el video está cargado, se debe indicar el inicio del video y el tiempo de duración de la animación.

Crear una GIF animado a partir de YouTube

Para crear un GIF animado a partir de YouTube solo se debe establecer la dirección URL del video de YouTube, cuando el video está cargado, se indica el inicio del video y el tiempo de duración de la animación. Cabe mencionar que los videos de Vevo no están soportados para crear un GIF.

Crear un GIF animado a partir de la cámara web o webcam

Para crear un GIF animado desde una webcam se deberá encender primero la webcam para que sea reconocida por el programa. A partir de entonces se podrá escoger entre grabar un video desde la cámara o tomar fotografías y editar las imágenes.

Hosting de imágenes GIF:

MakeAGIF también sirve como un hosting de imágenes GIF que se pueden subir desde tu computadora o laptop.

Llegué a esta aplicación buscando por herramientas para crear GIFs animados a partir de mis propios videos y a mi gusto. Es una de las herramientas más completas y con mayor variedad para crear una animación en este popular formato.


Link MakeAGIF


Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

viernes, mayo 23, 2014

Code Hunt: Aprendiendo a programar con Microsoft



Code hunt es una aplicación dedicada a enseñar a programar. Esta desarrollada por la gente de Microsoft Research.

Se trata básicamente de un juego de programación de tipo puzzle que se puede visualizar a través del navegador. El código de los ejemplos mostrado está desarrollado en Java o C#. Está dividido en 14 secciones y cada una de ellas tiene 15 puzzles para resolver.

Cada uno de los puzzles muestra una pantalla dividida en dos partes con un botón en el centro. Al lado izquierdo aparecerá el código que debemos modificar. En el lado derecho se nos muestran los datos que recibe el código, el resultado esperado y el resultado obtenido.

La finalidad de cada uno de estos retos es el de alterar el código para que nuestro resultado sea idéntico al esperado.

Link: Microsoft Research Connections Blog | Code hunt

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

miércoles, mayo 21, 2014

Chess Opening Visualizer: Mapa de las aperturas de ajedrez



En el siguiente gráfico se muestran las aperturas de ajedrez en un mapa partiendo de un punto central en el cual de acuerdo a las fichas que se elijan, sean blancas o negras se pueden ir viendo el nombre de las diferentes aperturas en Wikipedia.

Se tiene anexada la información de cada una de las aperturas en Wikipedia, como la llamada Defensa Berlinesa.

De acuerdo con la Wikipedia sobre una apertura:
En ajedrez se denomina apertura a la fase inicial del juego, en la que se procede a desarrollar las piezas desde sus posiciones iniciales. Las tres fases de una partida de ajedrez son: apertura, medio juego y final. Las secuencias de movimientos iniciales reconocidas se conocen como aperturas o defensas y se le han dado nombres como: la Apertura española, la Defensa siciliana y el Gambito de Dama Declinado. Hay docenas de aperturas diferentes que pueden variar ampliamente desde el punto de vista del carácter, desde el juego posicional (p.ej. la Apertura Reti y algunas líneas del Gambito de Dama) hasta líneas de táctica salvaje (como el Gambito Letón y la Defensa de los dos caballos).
Link: Chees Openings Visualizer


Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

lunes, mayo 19, 2014

Fontastic: Herramienta para crear fuentes




Fontastic es una aplicación que permite poder crear o diseñar tu propia fuente con una serie de íconos, alrededor de 9000, para poder agregarlo a tu página web o blog. Permite la modificación y la edición de las fuentes vía CSS.

Basta con crearte un usuario con tu correo y contraseña para luego cargar la aplicación y empezarla a utilizar. Se puede escoger una serie de iconos o agregar tu propios íconos en formato SVG para que formen parte de tu fuente.

Se puede escoger la serie de íconos que deseas para tu fuente. Asimismo se le puede poner un nombre a tu creación y agregarle un prefijo para las llamadas en CSS a la fuente.

Finalmente la aplicación te permite descargarla fuente para que puedas agregarla en tu fuente o sitio web o alojarla en los servidores de la propia aplicación.

Link: Fontastic

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

viernes, mayo 16, 2014

NastyIcons: Compendio de íconos graciosos






NastyIcons es un tipo de letra web (o también llamado fuente) con un conjunto de caracteres como gráficos de tipo obsceno o gracioso para ser utilizado en proyecto de diseño como creación de logos o impresión en polos.

Importante: En el caso de que se desee utilizar la fuente como parte de un proyecto web, el autor solicita que se le contacte para solicitar autorización en el uso de la fuente.


Link: NastyIcons

Descarga directa: nastyicons.com/pack/NASTY-ICONS.zip

Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

miércoles, mayo 14, 2014

Youfm: Reproductor online alimentado por YouTube




YouFm es una reproductor de música alimentado por videos de YouTube con una interfaz de usuario muy bien lograda y que tiene el estilo de los otros reproductores como Spotify o Grooveshark. Este proyecto ha sido creado por Ashraful Sheikh.

Solo basta con escribir el nombre del artista y se mostrarán la lista de canciones en cuestión. También puedes crear una cuenta a partir de tu dirección de correo electrónico para poder crear listas de canciones y grabarlas en tu cuenta.






En tu cuenta puedes grabar tus canciones favoritas o arrastrar los resultados de búsqueda a la derecha de la pantalla para crear un playlist y grabarlo para escuchar la música después.

Se trata de una forma diferente de escuchar música (me gustó el diseño web de la página) utilizando el contenido de YouTube y tener un registro de tus canciones favoritas, así como crear playlists con ella.



Link: YouFm 


Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

lunes, mayo 12, 2014

Perfect Icons: Herramienta de creación de íconos sociales




En el siguiente post veremos Perfect Icons, una página que nos permite crear íconos de diferentes redes sociales para colocar en un sitio web o blog.

Esta herramienta permite cambiar el orden en el que se mostrarán estos íconos de izquierda a derecha o modificar parámetros como el tamaño de los íconos, bordes, espacio entre íconos, color de letra, color de fondo.

Con el botón de agregar íconos (Add Icons) se puede agregar hasta 65 diferentes redes sociales adicionales como Skype, Vine, Instagram, YouTube, entre otros.

Al finalizar de editar el diseño de los íconos, se deberá de seguir los pasos explicados en la parte de la derecha para aplicarlos a tu proyecto web.

Se trata de una herramienta útil y práctica para crear rápidamente íconos de redes sociales en tu sitio web o blog.

Link: Perfect Icons



Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

jueves, mayo 08, 2014

iOS y Android: Utilizarlo como módem (Tethering)




En el siguiente post veremos cómo utilizar el dispositivo móvil, sea Android o iOS, como si fuera un módem. Este proceso se denomina Tethering, de acuerdo con la Wikipedia es lo siguiente:

Se denomina anclaje a red o tethering al proceso por el cual un dispositivo móvil con conexión a Internet actúa como pasarela para ofrecer acceso inalámbrico a la red a otros dispositivos, cualesquiera que estos sean, asumiendo dicho dispositivo móvil un papel similar al de un módem o enrutador inalámbrico. Esto se puede realizar mediante una conexión LAN inalámbrica (Wi-fi), Bluetooth o físicamente mediante un cable, como el USB. Este método puede ser utilizado para permitir el acceso a internet a un dispositivo, como para ahorrar dinero mediante el anclaje a una conexión de tarifa plana. 

En la actualidad es posible realizar la configuración, siguiendo los siguientes pasos:

En teléfonos iPhone (iOS):


  • Se debe ir a Ajustes 
  • Seleccionar la opción Compartir Internet y activarla 
  • Establecer una contraseña para la red 
  • Buscar la red desde un dispositivo, conectarse e introducir la contraseña 

Se mostrará un mensaje como el siguiente:

Compartir Internet:

Active "Compartir Internet" para compartir la conexión a Internet del iPhone. Este servicio puede ser de pago.

Para Conectar mediante Bluetooth

1. Enlace el iPhone con el ordenador.
2. En el iPhone, pulse Enlazar o introduzca el código que se muestra en el ordenador.
3. Conecte el iPhone al ordenador.

Para conectar mediante USB

1. Enchufe el iPhone al ordenador.
2. En la lista de servicios de red de los ajuste, elija iPhone.


 En Android:

Para los dispositivos Android, se debe realizar lo siguiente:

  • Se debe ir a Ajustes
  • Seleccionar la opción Conexiones Inalámbricas
  • Seleccionar la opción Anclaje a red y zona Wi-Fi
  • Activar la opción Zona Wi-Fi portátil
  • Escoger Configuración de Zona Wi-Fi portátil
  • Luego se establece la conexión como abierta o de tipo WPA2 PSK con contraseña

Una vez hecho esto es posible conectarse a internet utilizando el teléfono como módem.


Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

lunes, mayo 05, 2014

Tunecrawl: Buscar en Youtube, Spotufy y Soundcloud



Tunecrawl

En el siguiente post hablaremos sobre Tunecrawl, un buscador de música que te permitirá encontrar música de diferentes fuentes como YouTube, Spotify y Soundcloud en una misma página.

Basta con escribir el nombre del artista y se mostrarán en tres columnas los resultados por cada fuente. Se le da clic al botón play para que la música empiece a sonar. En el caso de Spotify será necesario hacer login a tu cuenta.

Finalmente hay un botón de mostrar o esconder el reproductor. Se trata de una aplicación útil para buscar rápidamente a un mismo artista desde estas tres fuentes musicales más importantes.

Link: Tunecrawl


Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

viernes, mayo 02, 2014

Spotify: Incrustar Play Button en tu página web o blog




Si cuentas un blog, página web o entrada de foro, el Spotify Play Button te permitirá compartir música de una forma fácil y elegante. Con ello, lo que deberán hacer quienes visiten tus páginas con este widget es darle clic al play para escuchar la música.




Los pasos a seguir para compartir música en tu sitio web o blog son los siguientes:

1) Abrir Spotify y hacer clic con el botón derecho en el álbum, tema o playlist que se desee incrustar.

2) Hacer clic en “Copiar código”. El código que aparecerá será similar al siguiente:

3) Pegar este código en tu blog o sitio web en la vista de edición HTML. Con esto, el Play Button quedará listo para funcionar.


Personalizar el aspecto y disposición del play button:

Se puede utilizar el generador de Play Buttons. Pero con conocimientos básicos de HTML se pueden seguir estas sencillas indicaciones:


Cambiar el alto y ancho del play button: Se pueden modificar mediantes estos dos campos:

width="250" height="300"

Cabe mencionar que el ancho mínimo es 250 píxeles y el alto mínimo es 80 píxeles


Fondo del play button: Para que se tenga un fondo blanco se añade “&theme=white” justo después del código de álbum o playlist: 

spotify:user:spotify:playlist:6AV1SULGwX3OFyYzoZqokN&theme=white"


Portada del álbum: Añadir “&view=coverart” después del código de álbum o playlist:

spotify:user:spotify:playlist:6AV1SULGwX3OFyYzoZqokN&theme=white&view=coverart"

Cabe mencionar que el ancho mínimo para esta opción es 250 píxeles, el alto mínimo es 330 píxeles)


Mayor información: Spotify Play Button


Si te gustó el post, puedes seguir a Ricardo en Twitter, a Severito en Twitter y a RFSDigital en Twitter, Facebook y Google+.

Entradas populares

Related Posts with Thumbnails