Como hacia tiempo que no publicaba ningún código fuente y en varias ocasiones Alejandro Torres me ha pedido escribir alguna entrada de programación, he decidido publicar este ejemplo practico.

¿En que consiste este ejemplo?

Se trata de una especie de asistente para poder generar facilmente mapas estaticos utilizando la API de google maps.

¿Que puedes aprender con este ejemplo?

• Estructura de directorios y ficheros: css, javascript, html
• Separar capas lógicas: CSS, javascript del XHTML
• Visualizar más rápidamente la página poniendo el javascript al final
• Javascript no intrusivo, separar los eventos javascript del XHTML y llamarlos en el evento onload
• Javascript: Como utilizar la API google maps para generar imagenes estáticas
• SEO: tag title, metatags description y keywords
• PHP: obligar a descargar ficheros
• Ver un ejemplo de XHTML y CSS valido
• A programar como el culo

Demo y descarga:

• Demostración en vivo del generador de mapas
• Descargar código fuente genmaps

Notas:

Si pruebas el ejemplo en modo local funcionará correctamente, si decides subirlo en un servidor tendrás que introducir tu google API key en el fichero index.html:

<script type=”text/javascript” src=”http://maps.google.com/maps ?file=api&v=2.x&key=tu_google_api_key“></script>

Más información:

• Documentación API google maps para generar mapas estáticos
• Javascript no intrusivo

Hoy le toca el turno a Cryptimg uno de los proyectos más inútiles que he hecho en mi vida (de momento jeje)

Novedades:

1. Poder importar una imagen desde una URL, idea original de hombrelobo
2. Idioma de la interfaz disponible en inglés “google”
3. API para desarrolladores para que puedan aprovechar las caracteristicas de cryptimg
4. Solucionado un bug de codificación UTF-8 al desencriptar que sólo pasaba con internet explorer
5. Cambio de última hora: He reemplazado los molestos alert(’pepe’) por divs que aparecen o desaparecen

Sobre la API:

Puede que no sea muy útil, pero vale más algo que nada y bueno… tenia ganas de hacerlo, si hay alguien con mucho tiempo libre o simplemente se aburre que sepáis que podéis experimentar con la API de cryptimg

Antes de meterme en una nueva movida me gustaría arreglar y mejorar si se puede (y me da tiempo jeje), cada uno de los servicios/productos que ofrece viciao2k3 (los podéis encontrar en la parte superior de la web)

Hoy, le ha tocado el turno al buscador GoTube:

Aquí un breve resumen de los cambios realizados / bugs solucionados:

1. Arreglado el buscador de torrents, en realidad los busca en torrentz.com pero como han cambiado la estructura de la página he tenido
   que modificar una expresión regular.
2. He cambiado el proveedor de capturas de pantalla, antes era snap.com ahora es websnapr.com:

   Código para tomar screenshots:
   http://images.websnapr.com/?url=http://www.viciao2k3.net

3. He quitado el buscador de series de TV de stage6 ¿los motivos? porqué lo han cerrado.
4. Al desplegar las últimas noticias de una web, ahora puedes suscribirte con otros lectores de feeds, aparte de google reader y netvibes.
5. Al visualizar un vídeo del youtube lo muestra en alta calidad, también te permite seleccionar la calidad del embed.
   Gracias al post de ojobuscador, Vídeos de Youtube en mejor definición
6. Solucionado un bug del buscador de negocios de 11870.com, al pulsar “opiniones” ya no sale una pagina de error 404.

A todos nos encasillan con algo, por ejemplo a Ricardo Galli con Meneame, en mi caso con xinu, no me molesta (bueno, en realidad si jeje) y me gustaría demostrar de nuevo, que puedo hacer otras cosas aparte del dichoso xinu.

Hasta ahora, he hecho proyectos simples, para que nos entendamos: sin bases de datos y con poca interacción por parte del usuario.

Llevo bastante tiempo pensando en hacer un ranking y una red social para desarrolladores web, y como la cosa está de moda, tengo que hacerlo

De momento, estoy pensando ideas y dibujando la interfaz, más adelante ya me pondré con la programación y la maquetación, con esto quiero decir que es posible que no me vean el pelo por un tiempo

Os dejo un sneak preview de la interfaz del perfil, para que vayan picando

Nota: es sólo un boceto, todavía no hay ni una sola linea de programación escrita

Si dejan un comentario es posible que en un futuro no muy lejano, prueben la beta antes que nadie

Si se aburren y eso, pueden ir a Viciao2k3 TV

Una de las cosas que me han gustado del nuevo diseño de tecnobot ha sido el Tecnobot TV, tanto, que he decidido hacer una versión con mis favoritos del Youtube.

¿Que encontrarás en Viciao2k3 TV?

Una colección de videos organizados por:

• Música (Rock, dance, R & B, POP, beatbox)
• Programas TV (Se lo que hicisteis, Art Attax…)
• Humor (Japos, frikis, anuncios TV, monólogos)
• WTF !?! (Parkour, tecnologia, videojuegos, animales)

¿Como acceder a Viciao2k3 TV?

Si estás dentro del blog viciao2k3, puedes acceder pulsando la pestaña TV:

y se te abrirá la sección en un pop-up:

Nota: no entiendo mucho de SEO pero seguro que con eso ya pican xD

También puedes entrar desde:

http://www.viciao2k3.net/tv

El propósito

Aumentar el promedio de tiempo en el sitio, que actualmente según google analytics es de 3 minutos y 16 segundos

Si quieres montar tu TV, necesitas:

1. Estar registrado en Youtube
2. Tener una lista de reproducción (playlist)
3. Al menos un vídeo
4. Crear el reproductor en:
   Youtube > My account > New custom player
5. Copiar el código HTML generado
6. Pegar el código en una página de tu blog