el blog de Javier Guillén

Pedro volvió a visitarnos, y Ariadna lo pasó genial

Las visitas de Pedro siempre son geniales, siempre nos trae alguna novedad y aprendemos algo nuevo de él. Además Ariadna lo pasa genial con los montajes que prepara. Ahí van unos cuantos de la última visita.

Moviendo el esqueleto

El ataque del rayo loco

Alguno se queda hoy sin cobertura seguro!

El Piano

Bailnado con mi amigo invisible

El Ataque Imperial a mi princesa Ariadna (3años)

Nos han encontrado, la aviación enemiga tiene nuestra posición, seremos atacados en breve, tenemos que escapar. Al menos Ariadna debe salvarse....

Usar "curl" en lugar de "file_get_contents"

Algunos alojamientos no permiten la función file_get_contents, así que la podemos sustituir por la función curl. El código equivalente es:

<?php
ini_set('display_errors', 1);
error_reporting(E_ALL);
$url = 'https://ejemplo.com';
$curl = curl_init(); curl_setopt($curl, CURLOPT_URL, $url);
curl_setopt($curl, CURLOPT_RETURNTRANSFER,1);
curl_setopt($curl, CURLOPT_HEADER, false);
$data = curl_exec($curl);
curl_close($curl);
echo $data;
?>

Cargar y refrescar una imagen en Word desde VBA

En Word, podemos insertar un control ActiveX Imagen y cambiar sus propiedades desde VBA (Visual Basic Aplicaciones). El problema surge al cambiar la imagen a mostrar, mediante

Image1.Picture = LoadPicture(file)

, ya que no se actualiza o refresca en el documento de forma automática, lo cual en la versión completa de Visual Basic se hace fácilmente mediante

Image1.Refresh

, pero en VBA no tenemos esa opción disponible, al menos yo no la he encontrado. Para remediarlo, simplemente hay que añadir la siguiente linea de código en nuestra función :

ThisDocument.UpdateStyles

De esta forma conseguimos que se refresque automáticamente y muestre la imagen correcta.

Para comenzar con HTML5

Me estoy iniciando con la programación en HTML5 y para ello me está siendo muy útil el blog HTML5fácil, es muy útil.

También destacar a uno de sus colaboradores, Dxvtuts, cuyos tutoriales puedes seguir en su canal de Youtube.

Desplazamiento dentro de una misma página (Smooth Page Scrolling)

Con unas simples lineas de código en y usando JQuery podemos desarrollar una función que nos permita realizar un desplazamiento suave y animado dentro de una misma página.

Cuando queremos desplazarnos dentro de una misma página existe una forma de hacerlo con etiquetas HTML pero que producen un efecto muy brusco, en cambio con estas simples lineas de código podremos hacer ese scroll suave y controlar su velocidad, a cualquier elemento de nuestra página, ya sea a un DIV, SPAN, IMG, etc... a cualquier etiqueta a la que le añadamos un ID para identificarlo.

Antes de explicar el código, pongo un enlace a un ejemplo de uso de desplazamiento suave en página.

Código para realizarlo:

1- cargar la librería jquery, en la cabecera de la página.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

2. Escribir las siguientes funciones ntre las etiquetas <script></script>
2.1 -


function moveTo(pos,velocidad){ $('html, body').animate({scrollTop: pos}, velocidad);}

Esta función es para moverse a una determinada posición de la página expresada en pixels que le pasamos a la función con el parámetro 'pos' ( pos=0 nos moveremos al inicio de la página),el parametro 'velocidad' indicará la velocidad a la que haremos el desplazamiento, a menor valor irá más rápido. También podemos usar las palabras "slow"(lento) o "fast"(rápido).

2.2-

function position(elem){var offset = $('#'+elem).offset();return(offset.top);}

Función que devuelve la posición de cualquier elemento de nuestra página, para ello hay que darle un valor ID al elemento al crearlo. Por ejemplo

3. Asociar la función 'moveTo()' al eveto 'onclick' funciones dentro de la etiqueta que deseemos.

<div id="inicio">

<h2 onclick="moveTo(position('abajo'),1000)">Haz click para ir al elemento de la página llamado "abajo"</h2>

Nótese que como no conocemos la posición en pixel del elemento al que nos queremos desplazar y que es necesario en la función 'moveTo(pos,velocidad)' lo que hacemos es pasarle al parametro 'pos' la función 'position(elem)' que calculará la posición en pixels del elemento que le pasemos como argunmento.

4. Ir al inicio de la página.

<div id="abajo">

<h2  onclick="moveTo(0,300);">Haz click para ir al inicio de la página rápido</h2>
<h2  onclick="moveTo(0,3000);">Haz click para ir al inicio de la página Lento</h2></div>

Con este poco código podemos hacer un efecto bastante elegante de desplazamiento a elementos de nuestra web, espero que sea útil.

Feliz Año 2012 para todos. Espero que este año sea algo mejor que el que dejamos atrás y que se cumplan todos nuestros/vuestros deseos. Y si no puede ser, al menos que tengamos salud, que eso sí es importante.

Feliz Navidad desde Fliis con música.

Ocultar iconos de editar en tu blog de Blogger

A mi me molesta mucho que aparezcan los iconos de edición en mi blog de blogger. Sí, ya sé que sólo salen si estás "logueado" y sólo los puedes ver tú, los demás usuarios no los ven. Pero me sigue molestando, yo prefiero verlo exactamente igual que lo ve cualquier lector, y si quiero editar mi diseño, pulso el botón "Diseño".

Así que buscando en la ayuda de blogger, veo un tema en el foro que trata sobre esto mismo.

El enlace al foro es "Ocultar iconos editar"

Aquí encuentro una respuesta que me ha servido, Mejor solución para ocultar iconos.

Se trata de añadir el siguiente código en la plantilla de sus blogs (Escritorio > Diseño > Edición HTML) y justo antes de agregar esto:

<style type='text/css'>

.quickedit{display:none;}

</style>

Y problema resuelto :)

El nuevo Blogger!

Acabo de activar el nuevo blogger y estoy gratamente sorprendido.
Es mucho mejor y más intuitivo.
Voy a empezar a usar mucho más mi blog.

Una forma sencilla de usar Google+ para hacer encuestas

Mientras Google no haga una función específica para hacer encuestas(polls) en Google+ podemos hacerlas de forma sencilla desde nuestro propio stream. La forma de hacerlas sería :

1- Escribir en nuestro muro-novedades la pregunta de la encuesta y compartirla escogiendo los círculos que queramos o hacerla pública.

2- Acto seguido escribir las opciones de posibles respuestas como comentarios. Cada opción en un comentario.

3- Por último, vamos a la parte superior-derecha de la publicación, al menú de opciones de ese post en concreto y escogemos la opción"deshabilitar comentarios". De esta forma la gente podrá votar la opción que más le guste, pero no podrá hacer comentarios.

Y listo, ya tenemos una forma sencilla de hacer encuestas en G+ ya sea de forma privada (con los círculos que queramos) o hacerla totalemente pública si así lo queremos.

Publicar en facebook y twitter desde G+ de forma simple.

Comparto una forma sencilla de publicar en facebook, twitter desde Google+, sin instalar nada, sólo haciendo uso de los círculos.

El truco está en que podemos publicar en estos servicios desde una dirección de email, bueno en twitter no directamente pero si podemos usar un servicio que lo hace, se trata entonces de crear un círculo llamado por ejemplo "Publicar en otras redes". Una vez creado el círculo añadimos en él las direcciones de email que usamos para compartir en estas redes.

Paso a explicar dónde encontrar las direcciones de email para publicar en estos servicios.

1. Facebook , ve a la dirección facebook.com/mobile y ahí, en la parte central de la pantalla verás "Cargar por correo electronico" y debajo de la imagen tu dirección personal para publicar por el móvil. Cópiala y la añades al círculo que hemos creado. El número de caracteres que se publican es limitado, te puede servir para compartir tu estado de forma breve pero no para compartir fotos o enlaces

2. Twitter, aquí no nos ofrece un servicio de publicación por email directo, con lo que haremos uso de algunas de las aplicaciones disponibles para publicar por email en twitter. Hay varias opciones, pero yo he probado twittermail y va bien. El siguiente proceso sólo hay que hacerlo la primera vez para obtener la dirección de email y añadirla al círculo. Entra a twittermail , le autorizas a crear cuenta en Set up your TwitterMail account now luego te mostrará Twitter Counter Settings y una pestaña que pone TwitterMail, entras y obtienes una dirección de email personal del tipo 1234asd-12@twittermail.com, cópiala para añadirla al mismo círuclo que has creado antes. Antes de cerrar esta pestaña de twittermail.com cambia la opción de abajo What to tweet y escoge "subject and message" y le dás a .

Con eso ya está configurado el email para publicar en twitter. Sé que puede parecer un poco engorroso, pero piensa que sólo lo tendrás que hacer una vez, luego ya podrás guardar esa dirección de email en tu círculo de compartir en redes para siempre.

Ahora que hemos creado el círculo, cuando queramos publicar las actualizaciones de estado de Google+ en otros servicios, sólo tenemos que escribir en nuestro stream y a la hora de escoger círculos para compartir, escogemos al menos el círculo "Publicar en otras Redes" y si queremos pues el resto de círculos con los que lo deseamos compartir. Y ya está.

Por supuesto que el círculo lo podeis llamar como querais. Y también podéis en lugar de crear un cículo común, crear círculos de un solo email, por ejemplo el círculo "Publicar en twitter" sólo con el email de twitter , otro con el facebook y así podréis decidir en cualquier instante a que red lo compartimos.

Espero que os sirva. No es muy completa la forma de publicar pero al menos podemos actualizar pequeñas frases de nuestro estado de forma rápida y sencilla.

Bye :)

Post no apto para detractores del Gif animado :)

Desde que apareció Google+ creo que se está viviendo un resungir de los gifs animados. Algunos con mucha gracia y otros con mucho arte.

Destacan los de Google+ vs Facebook, que conste que me gusta Google+ y le veo mucho futuro, pero también me sigue gustando Facebook y estoy convencido que el Mark debe estar preparando un contraataque a Google, pero hay que reconocer que la gente tiene unas ganitas de cachondeo y tienen mucho arte :)

Google+ smacks Facebook by Ala'a Assamawy

Facebook being a bully. Google Plus on the defensive (offensive). by Malachi Jones

Not so Fast by Ala'a Assamawy

Añadir leyenda

Incoming.... by Ala'a Assamawy

Google Plus Taking Away FB & Twitter

Twitter scared of G+ turning its back on Facebook by Author Unknow

Iré colgando los que salgan y seguro que pronto salen sobre la posible respuesta de Facebook a Google. :)

GPlus+ Search - Mi primer extensión en Chrome Web Store

GPlus+ Search

Estos días han lanzado la nueva red social de google, Google+, que desde el primer momento me ha gustado. El sistema de circulos, las fotos, el stream, la integración con otros servicios Google etc...

Esperando que saquen la API y viendo que algunos, que son unos genios programando, sacaban extensiones de Google+ fantásticas, decidí estudiar cómo se hacían.

Aunque aún no sé casi nada de ellas, me he animado a hacer una muy simple que usa el Custom Search de Google para realizar busquedas dentro del contenido público de Google+ (a la espera de que saquen uno oficial de Google)

La extensión es muy sencilla pero creo que útil y me ha servido para iniciarme en la programación de extensiones. Podeís probarla descargándola en la tienda Crhome de Google...

Pincha la imagen para acceder a la descarga gratuita de GPlus+ Search

Espero que os funcione bien, si teneis alguna duda o comentario os agradecería que me lo hicierais saber.

Pensando en la seguridad de las centrales nucleares.

Hace unos días lo pensé, la solución podría ser que al lado de cada central nuclear se construyera una presa con agua, da igual que no fuera potable. Así en caso de que todo falle, en casos realmente extremos, se podrían abrir las compuertas e inundar la central nuclear para que se enfriara el núcleo. E incluso si no funcionan las compuertas, explotarla para conseguir inundar la central nuclear. Después, pensé que igual no era una buena idea, que no funcionaría, que haría falta algo más sofisticado. Y me callé. Pero ahora resulta que veo a los helicópteros echando agua del mar al núcleo de la central japonesa, con lo cual la idea de construir una presa al lado de la central e inundar la central en caso de emergencia no era mala idea, al menos era mejor que echar agua desde un helicóptero.

No sé igual es una gilipollez de idea, pero a veces las ideas más tontas son las mejores, recuerdo en la Universidad el profe de Algoritmos hablando sobre el tema de la simplicidad de los problemas. Ponía de ejemplo una historia que no sé si es real o se la inventó. Era la siguiente.... nos contó que en la carretera de las Pedrizas (que va de Málaga a Granada) hace ya muchos años un autocar que llevaba niños de excursión se quedó encallado en el tunel, era un autocar muy alto y era un túnel muy antiguo. Total que la carretera quedó bloqueada, vinieron peritos e ingenieros a ver cómo lo solucionaban, pensaron en traer excavadoras para rebajar el suelo, en cortar parte del techo del autocar, en picar en el techo para hacerlo más grande, en esto que un niño del autocar le dice a otro, ¿ y por qué no desinflan las ruedas del autocar ? un ingeniero que lo escuchó se quedó flipando, vaya una solución sencilla, y así se hizo, el problema se resolvió en unos instantes. La solución más simple fue la correcta. Ya digo, no sé si es cierta la historia o fue sólo para ilustrar con un ejemplo la explicación.

Quizás lo de construir un embalse al lado de cada central sea una solución a problemas graves....

MTV+Youtube+LastFm = Fliis Radio

Nuevo en fliis.com,

Puedes ver un canal de música, según estilos (existen 250 estilos musicales) ordenados por ...

estilos populares, por ejemplo: pop, rock, hip-hop ...
emociones y sentimientos... happy, sad, melancholic ...
música de un país,... spanish, brazilian, italian ...
instrumentos musicales, ej, piano, guitarra ...
o el canal de banda sonoras de películas.

Además puedes crear tu propio canal de vídeos musicales, para ello indicas el artista que te gusta y automáticamente se creará un canal con videos de artistas y canciones similares al que tu introduces.

Cada estación musical, por ejemplo "pop", tiene 50 canales diferentes y cada uno de ellos 250 canciones del estilo escogido.

Cuando seleccionas un estilo, se te reproducirá automáticamente un canal con videos de ese estilo, pero si lo deseas puedes pulsar el botón "next similar station" y se reproducirá otro canal o emisora de ese mismo estilo, hay 50 por cada estilo.

Resumiendo 250 estilos predefinidos cada uno con 50 canales que a su vez tienen 250 canciones. Además de poder crar canales de tu artista favorito.

Puedes compartir un canal de video por facebook, twitter o mediante el enlace a ese canal, pero también puedes compartir sólo la canción que desees de ese canal.

El servicio, puede ser muy útil si piensas hacer una fiesta temática, por ejemplo "fiesta de los 80" ya que te aseguras 250 canciones variadas de ese estilo, que además puedes ver en pantalla completa.

El enlace es http://fliis.com/radio.php , he decidido no crearlo en un dominio independiente para así poder aprovechar las 'sinergias' de mi buscador http://fliis.com, así cuando estás escuchando una emisora o canal, si te gusta un tema en concreto puedes añadirlo a tu "playlist" de fliis, si ya tenías una cuenta o crear una cuenta que servirá tanto en este servicio como en el buscador.

Además la integración con fliis te permite, pinchando en el título del tema que se está reproduciendo en ese momento, buscar más versiones de ese mismo tema en el buscador fliis.

Nuevo en Fliis: Buscar un video musical escribiendo un poco de la letra

Ahora con fliis puedes buscar el video de una canción escribiendo un poco de la letra de esa canción (lyrics) , esto puede ser muy útil cuando no recuerdas el artista o el nombre de la canción.

Además, heañadido el botón "lazzy button" o botón para vagos, al pulsarlo te reproducira una canción aleatoría de la base de canciones que hay creada en fliis y que ya son más de 1.000.000 de temas (alguno repetido en diferentes versiones), esto además de ser algo entretenido te permite descubrir canciones que de otra forma quizás nunca hubieras escuchado.

Wolfram|Alpha Computational Knowledge Engine

Me encanta Wolfram, el buscador inteligente de ciencias. Pregúntale en lenguaje natural, por ejemplo "distancia de marte a la luna" o para conversiones simplemente dices " 1cc = ? " y te da las equivalencias... impresionante para entenderlo un poco mejor podeis ver ejemplos de uso....http://www.wolframalpha.com/examples

Tengo que mirarla más a fondo a ver que más descubro... ;)

ytroulette.com – Vídeos aleatorios en Youtube. Ten cuidado es adictivo

YouTube Roulette es un nuevo proyecto que nos permite ver vídeos de youtube al azar, tanto de todo el sitio como de categorías específicas (comedy, films, how to, people, news etc…) o escribir tu propia categoría (por ejemplo: caídas graciosas).

El diseño es muy simple para que sea accesible por cualquier persona. Tiene versión para dispositivos móviles e tablets, siendo tan fácil su uso como el cambiar de canal de una TV.

Además, está integrado con los principales sitios sociales, permitiéndote compartir el vídeo que te guste de forma sencilla.

Destacar como curiosidad la categoría “chatroulette” que ofrece vídeos aleatorios del popular sitio, creando un videoroulette del chatroulette.

También es interesante la categoría "full movies" que nos permite ver películas clásicas/antiguas/reliquias en v.o. completas y sin publicidad :) Exquisito para cinéfilos.

Es una web creada para pasar el rato, y descubrir vídeos que de otra forma nunca hubieras encontrado. Se puede manejar con el teclado, pulsando la tecla ENTER pasaremos al siguiente vídeo, y con la tecla TAB cambiaremos de categoría.

El sitio lo he realizado intentando seguir las condiciones o consejos que los chicos de GoogleTV nos indican en el apartado desarrolladores, por ejemplo, el fondo no es blanco puro (#FFFFFF) ya que en la tele no es conveniente usarlo, además deja unos margenes al rededor de la web, utiliza fuentes de texto bien grandes (al menos en los textos necesarios) y se puedes manejar mediante el teclado con "TAB" & "ENTER". Los botones y el player son de gran tamaño...

Espero que pronto comience la gente a descubrirla, ya que la considero interesante para pasar esos ratos que estas aburrido y no tienes ganas de pensar ni de teclear :)

fliis.com

Hace algo más de un año, lancé http://fliis.com un buscador de música basado en youtube, con la intención de disponer de una web rápida y efectiva. Muy simple de usar y que permitiese hacer y compartir playlist con videos musicales.

Ahora Fliis tiene una serie de mejoras. En primer lugar aplica la tecnología Google Instant en el buscador, siendo el primer buscador de música que adopta el formato Instant. Esto te permite ir obteniendo resultados según vas tecleando. Y en el caso de querer una busqueda exacta, debes pulsar Enter o pinchar el icono play.

Aquí resumo las novedades:

- El sistema de búsqueda, ahora es INSTANT, similar a google instant pero aplicada a fliis.

- Al reproducir un tema, te muestra otros temas musicales relacionados.

- Cuando el titulo del vídeo sea claro, es decir, artista + canción, fliis detectará automáticamente el artista, y mostrará información sobre el grupo o artista, y sus próximos conciertos o eventos. Además te ofrecerá reproducir de forma continua su discografìa completa. Y genera automáticamente una radio en la que puedes escuchar de forma continua más de dos horas de música similar a la que estás reproduciendo.

- Te permite encontrar grupos o artistas según estilo musical, rock, pop, electrónica, clasica etc… y reproducir la discografia completa del artista escogido.

- Te permite ver sobre un mapa google lo que está escuchando la gente alrededor del mundo en fliis, permitiéndote así descubrir nueva música. Esto es Gossip.

- Playlist, te permite escuchar y compartir las listas de otros usuarios.

- Si te registras podrás crear y compartir todas las playlist que desees.

- Fliis ahora es más social para que sea fácil compartir un vídeo, o una discografia o una radio de forma sencilla en Facebook, Twitter y tuenti entre otros.

En breve, se incorporarán otras novedades con las que pienso que Fliis se convertirá en un buscador sencillo pero muy potente.

Yo y la informática, un pequeño resumen.

A los 12 años me regalaron el Spectrum 128, corría el año 1986. Desde el principio me fascinó, ahí comenzó mi relación con la informática y mis primeros programas en basic y ensamblador. Después vinó el pasó al PC y comencé mis estudios de Informática de Sistemas, compaginándolos con el trabajo en la empresa familiar de pastelería.

La vida tiene estas cosas, a veces no tienes más remedio que elegir, y las circunstancias hicieron que me dedicara de lleno a la empresa familiar. En ese momento parecía la mejor opción, y además era necesario. Curioso, por entonces google no existía y Apple estaba pasándolo mal....

En 2006 me operarón la rodilla, así que tenía tiempo de sobra y navegue mucho, me dí cuenta que en unos años un poco apartado de la programacion, me había quedado fuera de juego... web 2.0, php, javascript, wordpress...yo me había quedado en Visual Basic.

Decidi volver a ponerme al día y comenzar a aprender php, mysql, javascript etc... internet es una oportunidad fascinante. El poder crear algo y que al instante lo puedan ver en la otra punta del mundo.

Todos pensamos en hacer una web estilo google o youtube, pero seamos realistas, la posibilidad es similar a que te toque la lotería. Sin embargo, participar ya es un placer. Total, que mientras aprendo y aprendo, voy haciendo pequeñas webs a modo de prácticas, ya que lo curioso es que a medida que aprendes, se te van ocurriendo ideas y proyectos. También es de agradecer la política de google de compartir sus APIs, lo que me ha permitido aprender más rápido...

Mientras me llega la inspiración para crear la web perfecta, que me permita lanzar una OPA hostil a Google, voy haciendo pequeñas webs a modo de entrenamiento....

y alguna más que hay por ahí pero que está un poco impresentable....

Etiquetas