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:

Añadir a SublimeText soporte para Jade, Stylus y Coffee Script

sublimetext-1

SublimeText es un IDE (Integrated Development Environment) muy completo cuyo desarrollo sigue avanzando y cuyas capacidades hablan por sí solas, si aún no lo tienes instalado, descárgalo, puedes usarlo en cualquier sistema operativo; pero hoy no voy a hablarles más de SublimeText, pues quizás ya lo conocen y trabajan con él.

A lo largo de éstos días hemos estado conversando acerca de Jade, Stylus y Coffee Script, pues ahora es momento de buscar un editor de código para trabajar con estos productos, la solución está aquí; SublimeText por defecto no trabaja con éstos lenguajes, para poder hacerlo, es necesario descargar los paquetes que harán posible eso.

El primer paso es descargar el archivo que contiene los paquetes para agregar los lenguajes a SublimeText. Luego de descargarlo descomprimirlo, tendremos 3 carpetas.

Antes de reubicarlas, necesitamos activar la opción “Mostrar archivos ocultos”. Dentro del explorador de Windows en el menú “Herramientas” (si no lo vemos presionamos la tecla <ALT>) seleccionamos “Opciones de carpeta…”.

sublimetext-2

En la siguiente ventana en la pestaña “Ver” seleccionamos la opción “Mostrar archivos, carpetas y unidades ocultos”.

sublimetext-3

Estos pasos son iguales tanto para Windows 7 ó Windows Vista como para Windows XP, la siguiente ruta si variará de acuerdo a tu sistema operativo.

  • Windows 7 ó Windows Vista: “C:\Users\<USUARIO>\AppData\Roaming\Sublime Text 2\Packages”
  • Windows XP: “C:\Documents and Settings\<USUARIO>\Datos de programa\Sublime Text 2\Packages”

Allí moveremos las 3 carpetas que descomprimimos inicialmente y ahora al iniciar SublimeText en la zona inferior derecha de la ventana, donde escogemos el lenguaje con el trabajaremos aparecerán la opciones: Jade, Stylus y Coffee Script.

sublimetext-4

EnlaceSublimeText 2
DescargaPaquete Jade, Stylus y Coffee Script para SublimeText

Etiquetas:

Instalación de Stylus, Jade, Coffee Script en Windows con NodeJS (Parte III)

manual-nodejs

Repasando la Parte I y la Parte II de éste tutorial, hasta el momento hemos hecho lo siguiente:

Ahora nos corresponde el aprender a crear nuestro primer sitio web con Jade y Stylus. Jade será nuestra herramienta de trabajo para la generación de código HTML y un poco de JavaScript; Stylus lo usaremos para crear nuestras hojas de estilo CSS para nuestro sitio web.

Lo primero que necesitamos es montar nuestro servidor web (gracias a Express) de manera local para poder empezar a trabajar; pero antes, algunos detalles:

  • Al montar el servidor web, de preferencia usemos un puerto diferente al puerto “80” y “8080” para evitar con otros programas que puedan estar usando esos puertos; Como por ejemplo AppServ, XAMPP o ISS.
  • Todos los proyectos que deseemos trabajarlos con Jade y Stylus tendremos que trabajarlos desde la carpeta “home > Usuario” de “Cygwin”; que por defecto es “C:\cygwin\home\<Usuario>\”.
  • Es sumamente importante tener cuidado con la tabulación del código fuente de nuestro proyecto, pues tanto Jade como Stylus trabajan en base a la tabulación.
express = require "express"
app = module.exports = express.createServer()
 
app.configure () ->
	app.set "views", __dirname
	app.set "views engine", "jade"
	app.use express.static( __dirname )
 
app.get "/", (req, res) ->
	res.render "index.jade"
 
# Define el puerto de tu proyecto
app.listen 8002
# Definir el nombre de nuestro proyecto (Cualquier nombre)
console.log "xploit29 - Tecnologia al alcance de tus manos"

Guardamos ese código en un archivo al que llamaremosapp.coffee” y desde una ventana de Cygwin, lo ejecutaremos de la siguiente manera.

$ coffee app.coffee

Console-8

Lo siguiente será crear dentro de la misma carpeta los siguientes archivos:

  • index.jade
  • layout.jade
  • style.styl

El archivo “index.jade” y el archivo “layout.jade” pero nuestro servidor web le dará preferencia a los cambios realizados en “layout.jade”.

El siguiente paso es compilar el código CSS, para ello simplemente en una nueva ventana o pestaña de Cygwin ejecutaremos:

$ stylus -w style.styl

Éste comando realizará lo siguiente: compilará el CSS es un archivo llamado “style.css” (dentro de la misma carpeta) y lo segundo que hará es vigilar los cambios que se realicen en él, es decir el comando se mantiene siempre activo hasta que cerremos la pestaña.

Para visualizar nuestro proyecto nos dirigimos en la barra de nuestro navegador a: “http://localhost:8002” dependiendo del puerto que escogimos en nuestro archivo “app.coffee”.

Espero que hayan disfrutado de éste tutorial, algo largo, pero definitivamente vale la pena!.

Etiquetas:

Mejorando Cygwin con Console

Console-1[6]

Días atrás escribí un post acerca de cómo instalar NodeJS en Windows a través de Cygwin, y bueno en muchas situaciones va a ser necesario usara múltiples ventanas de Cygwin al mismo tiempo para poder compilar los distintos archivos de nuestro proyecto. Es ante ese problema que es necesario agrupar todas las ventanas de Cygwin en una sola y para poder hacer eso simplemente necesitamos “Console”.

Para adaptar “Console” a Cygwin primero lo descargamos desde SourceForge donde se almacena el proyecto, descargamos la última versión (actualmente es: 2.00b). Luego de descargarlo, lo descomprimimos donde deseemos y ejecutamosConsole.exe”.

Console-2Por defecto se verá la línea de comandos de MS-DOS y para que por nos muestre el BashShell de Linux al iniciarlo necesitamos realizar unas modificaciones a su configuración. Sigue las instrucciones de las siguientes imágenes:

Console-3

En el recuadro que se muestra simplemente hacemos clic en los puntos suspensivos de “Shell”, para modificar el programa de arranque por defecto.

Console-4

Nos dirigimos a la carpeta donde se encuentra de Cygwin, y seleccionamos “Cygwin”, pero por defecto no aparecerá, para ello en la parte inferior en la barra desplegable de “Tipo” escogemos “Batch Files (*.bat, *.cmd)” y aparecerá.

Console-5

Guardamos todos los cambios realizados y al volver a ejecutar Console veremos que se inicia directamente Cygwin, donde tendrás la posibilidad de manejar muchas ventanas de Cygwin que se encuentran separadas por pestañas, simplemente haciendo clic en el siguiente botón:

Console-7

Enlace – Instalar Cygwin
Enlace – Console SourceForge
Descarga – Console

Etiquetas:

Instalación de Stylus, Jade, Coffee Script en Windows con NodeJS (Parte II)

manual-nodejs

Si aún no tienes instalado correctamente NodeJS, puede recurrir a la Parte I del tutorial para que luego instalar Jade, Stylus y Coffee Script.

1. Instalación de Jade

Para instalar Jade, abrimos una ventana de Cygwin como se muestra en la siguiente imagen y escribiremos lo siguiente para iniciar la instalación de Jade:

$ npm install -g jade
$ npm install jade

Cygwin-11

Para asegurar una instalación correcta de Jade, lo instalamos a través de esos dos comandos. Para comprobar que Jade está instalado correctamente, simplemente escribimos:

$ jade --help

Y deberá aparecer la información de ayuda de Jade.

Jade-1

Leer Más »

Etiquetas:

Instalación de Stylus, Jade, Coffee Script en Windows con NodeJS (Parte I)

manual-nodejs

Como todo programador Front-End, siempre es tedioso el tener escribir una y otras vez las llaves de apertura y de cierre de una etiqueta ya sea en HTML, CSS o en JavaScript, es por eso que ante este problema surgen herramientas que nos ayudan a solucionar este problema, todas estas herramientas funcionan gracias a NodeJS.

  • Jade: Escribir código HTML
  • Stylus: Escribir código CSS
  • Coffee Script: Escribir código JavaScript

Para no aburrirlos escribiendo el “cómo funciona cada herramienta”, les mostraré el siguiente vídeo, creado por @neojp (un verdadero ninja del Front-End) mostrando todas éstas herramientas en funcionamiento conjunto.

Simplificando el Font-End

El vídeo es bastante emocionante y ahora sí, empecemos con el tutorial.

1. Instalar Cygwin en Windows

Es posible ejecutar NodeJS en Windows, pero lo que nosotros necesitamos es instalar módulos de NodeJS para Windows, lo cuál no es posible a través de ese medio; es por ello que necesitamos simular un entorno de Linux para poder instalar módulos de NodeJS. Para hacer ello necesitamos instalar Cygwin, quien nos permitirá crear el entorno de Linux.

Leer Más »

Etiquetas: