X-Blue WordPress Theme

X-Blue es una plantilla de WordPress basada en mi versión personalizada de SandBox pero en HTML5, a ésta plantilla le he añadido:

  • Soporte para Facebook OpenGraph y Google++.
    • De manera automática obtiene la primera imagen del post y la usa como muestra.
    • Usa el extracto de la entrada como descripción
  • Botones de Twitter, Google+ y Facebook para compartir.
  • Todos los gradientes son generados por CSS o por Canvas, gracias a Stylus, Nib y node-canvas.
  • Las listas ordenadas del sidebar <ol> tienen un diseño especial. (Usar una lista de 5 elementos como máximo)
  • Se ha usado el wordpress.styl de stylus-boilerplate

 

Instalación

Luego de descargar el zip desde GitHub, lo descomprimes y subes la carpeta x-blue a tu directorio de plantillas ubicado en wp-content/themes. Antes de activar la plantilla realiza los siguientes cambios:

  • Agregar tu AplicationID proporcionado por Facebook en la línea 9 y línea 71 del archivo header.php
  • Modificar el sidebar.php
    • Cambia la URL de la página de Facebook por la tuya.
    • Cambia el usuario de Twitter por el tuyo.
  • En la carpeta ad encontrarás 3 archivos .html en los cuáles pondrás el código de tus bloques de publicidad.

Activa la plantilla en tu pánel de administración de WordPress y siéntete libre de modificar la plantilla de la manera que desees.

 

Compilar style.styl

Instalar Stylus (es necesario tener instalado NodeJS)

npm install -g stylus

Instalar Nib

npm install -g nib

Instalar Cairo Graphics Library (únicamente para MacOS y Linux), luego instalar node-canvas

npm install -g canvas

Una vez instalado todo ello, dentro de la carpeta donde se encuentra el archivo style.styl y desde el terminal ejecutamos

stylus -w -u nib style.styl

También puedes usar  (te dará un archivo CSS comprimido)

stylus -c -w -u nib style.styl

Obtendrás como resultado el archivo style.css

 

Siguientes versiones

Para las siguientes versiones intentaré añadir soporte para el Timeline de Facebook. así se publicará en su muro de actividades de cada usuario cada vez que realice una de las siguientes acciones:

  • Leer un artículo
  • Escribir un comentario
  • Responder a un comentario

Si tienes alguna otra idea o recomendación, escríbela en el cuadro de comentarios o en el mismo repositorio de GitHub puedes proponer cualquier cambios.

 

DescargaX-Blue para WordPress

Etiquetas:

BETA de Facebook Messenger para Windows

Facebook-logo

Facebook en su arduo trabajo por continuar su expansión y “conquista del mundo” está desarrollando una nueva aplicación la cuál está presente en smartphones con sistema operativo Android, iOS o BlackBerry llamada Facebook Messenger. Ahora ésta aplicación está disponible para Windows y cuenta con las siguientes funciones:

  • Chatear y enviar mensajes a tus contactos de Facebook
  • Ver las notificaciones, nuevos mensajes y solicitudes de amistad tal y como lo haces dentro de la web de Facebook
  • Recibir notificaciones rápidas en tu escritorio.

La aplicación aún se encuentra fase de pruebas pero puedes descargarla a través del siguiente enlace.

Facebook-Messenger

En la imagen anterior puedes observar como es la nueva aplicación de Facebook Messenger para Windows y si te gusta recuerda que puedes instalarla.

Enlace – Descarga Facebook Messenger para Windows.
Enlace – Página de ayuda de Facebook Messenger para Windows

Etiquetas:

Publicidad “El Bocón”

El siguiente vídeo es de un diario deportivo peruano “El Bocón”, uno de los más importantes de mi país (Perú) el cuál transmite el siguiente mensaje: “Continuar con la violencia solo hará que el fútbol desaparezca | Cuidemos el fútbol. Cuidemos la vida.

¿Qué te pareció el vídeo?

PD.: Este es un post “off-topic” pues no va con la temática del blog, sin embargo me pareció importante e interesante re-transmitir el mensaje del vídeo con ustedes.

Etiquetas:

Porqué migrar de Firefox 8 a Firefox 9

Firefox-logo

Mozilla ha lanzado su nueva versión de su navegador multiplataforma “Firefox” y ciertamente muchos usuarios de Firefox huyen de éste por la frecuencia con la que es necesario actualizarlo, y estoy seguro de que el problema no es actualizarlo; el problema es que no son actualizaciones silenciosas como el caso de Google Chrome.

Pero si a pesar de todo sigues siendo un usuario fiel de Firefox, o sí usas el navegador y no deseas actualizar porque crees que es lo mismo de siempre y no sentirás la diferencia a continuación podrás observar en números el porqué vale la pena actualizar a Firefox 9.

Firefox-performance

Como pueden observar, la velocidad de respuesta de Firefox 9 en las 3 prueba obtienen aproximadamente un 30% de mejores resultados que la versión de Firefox 8, por lo tanto vale la pena sacrificar unos minutos de nuestro tiempo para actualizarnos a la nueva versión de éste navegador.

 

DescargaFirefox 9
EnlaceMozilla Blog

Etiquetas:

YouTube Rewind 2011, lo mejor de este año

YouTube-rewind

Hace una semana aproximadamente teníamos las estadísticas de lo mejor del 2011 en lo que respecta a búsquedas en Google a través de Google Zeitgeist 2011, pues ahora es el turno de YouTube con YouTube Rewind 2011. Como presentadora de YouTube Rewind 2011 nada y más y nada menos que la autora del vídeo más visto del 2011 Rebecca Black.

Enlace – Canal YouTube Rewind 2011

Etiquetas:

Facebook lanza Timeline para todos el mundo

timeline

Hace un par de meses Facebook, lanzó Timeline, que es el nuevo perfil de Facebook el cuál (en menos de 140 caracteres) es “la nueva manera de contar nuestra historia a través de nuestro perfil de Facebook”. Al principio y como siempre Facebook lo hace estuvo disponible para un grupo de reducido de personas quienes esencialmente eran desarrolladores quienes tienen que experimentar con las nuevas funcionalidades del Timeline pues ahora ya no es simplemente “Me gusta esto” ó “Me gusta lo otro” ahora también es “Estoy viendo ésta película”, “Estoy escuchando esta canción” ó “Estoy cocinando éste plato de comida”.

Para entender un poco más de lo que se trata Timeline pueden observar el siguiente vídeo:

Para activar el Timeline de Facebook ingresa a la página de información del Timeline de Facebook y a continuación en la parte inferior de la página haz clic en “Obtén la biografía”.

timeline-2

Enlace – Facebook Timeline

Etiquetas:

Samsung GALAXY Note

Samsung GALAXY Note

Hace un par de meses en Berlín de anunció el lanzamiento de Samsung de su nuevo celular, llamado GALAXY Note. Y aún sin tener una fecha exacta de lanzamiento en Perú, se puede decir que está cada vez más cerca; y antes de ir directamente a las especificaciones del celular, voy a mostrarles un pequeño vídeo promocional del celular, el cual de seguro les fascinará.

Especificaciones:

  • HSPA – 4G – EGDE/GPRS
  • Procesador 1.4 Ghz. Dual Core
  • Pantalla de 5.3″ WXGA con una resolución de 1280px por 800px y 225 PPI
  • Cámara principal de 8 Mega Pixeles con flash LED y una cámara frontal de 2 Mega Pixeles.
  • Graba vídeo en una calidad de 1080p Full HD
  • Pantalla completamente táctil
  • Incluye un lápiz óptico

Lista completa de especificaciones.

Uno de los detalles a tener en cuenta es que el equipo cuenta con la versión 2.3 de Android, pero con el acercamiento de Android 4.0,posteriormente vas tener que realizar la actualización de sistema operativo de creerlo necesario.

Etiquetas:

Galería de fotos o contenido en jQuery

galeria-1

Hace unos días buscaba un script en JavaScript que me permita hacer circular contenido de manera eficaz y tras no encontrar algo realmente sencillo, decidí crear yo mismo un script que me permita solucionar ese problema.

Su funcionamiento es muy básico, el script está listo para ser usado y no solo sirve para el desplazamiento de fotos, sino para el desplazamiento de cualquier tipo de contenido. Lo he creado haciendo uso de jQuery por ser una excelente librería de Javascript que funciona en todos los navegadores.

En caso desees reportar un bug o desees alguna implementación por favor deja tu comentario y gustosamente te atenderé.

DemoSlice fotos/contenido jQuery
DescargaSlice fotos/contenido jQuery

Etiquetas:

Configurar OpenDNS en Windows

opendns-logo

OpenDNS es un servicio del cuál ya hablé hace más de 3 años (increíble lo rápido que pasa el tiempo), a diferencia del servicio de DNS de Google, las DNS de OpenDNS tienen un mejor tiempo de respuesta, tal y como podrán a apreciar en la siguiente imagen:

opendns-8

El tiempo de respuesta es importante pues determina que tan rápido vas a obtener una respuesta tras el envío de una solicitud. Pero además del tiempo de respuesta, la seguridad es muy importante, OpenDNS es muy social, pues los mismos usuarios colaboran en el reporte de sitio web maliciosos, clasificación de sitios de acuerdo a su contenido, etc.

Las direcciones IP de las DNS que siempre debemos recordar son:

  • 208.67.222.222
  • 208.67.220.220

Y para configurar OpenDNS en Windows 7, los pasos son los mismos en Windows Vista únicamente que el título de las opciones pueden ser diferentes; lo que tenemos que hacer es seguir los pasos de las siguientes imágenes:

opendns-1

opendns-2

opendns-3

opendns-4

opendns-5

 

opendns-6

 

opendns-7

En ésta última imagen, el recuadro con el número 44, indica la dirección IP de nuestra computadora, este número debemos modificarlo por cualquier número entre el 2 y el 255, y de preferencia no usar el número 33. Al final de realizar todos los pasos hacemos clic en aceptar, y listo tendremos configurado OpenDNS en nuestra PC.

EnlaceOpenDNS

Etiquetas: