Probando para aprender

Ver video de mega box sin descargarlo completamente

2013-02-23T13:38:00.001-06:00

Ver video de mega box sin descargarlo completamente

Para los que saben esto se resume en estos simples paso

Buscar tu video
Empezar a descargarlo
Buscar en la carpeta temporal de chrome C:\Users\Otro\AppData\Local\Google\Chrome\User Data\Default\File System\000\t\00
Los archivos que se descargan tienen el nombre de al estilo 00000000x, x es otro número.
Por ultimo arrastrar ese archivo al reproductor VLC.
Disfrutar la película

Y si no entendiste lo anterior detallaremos los pasos.

1 Buscar video a descargar

Por ejemplo buscar en google “Tadeo jones mega”

Bueno aquí yo corrí con suerte y el primer link me lleva a la descarga de este archivo

https://mega.co.nz/#!cwIGkTAI!Fp4oSnN4iA0HiYHeeOd2ZQAsZzhWYDKuHlEAD1-ZmL8

Después seleccionamos la palomita de que aceptamos los términos y por ultimo el botón de descargar.
Ya que esta descargando estamos listos para el próximo paso.

2 Buscar archivo

Dejamos descargando el archivo y nos pondremos a buscar donde se esta generando temporalmente, para esto nos vamos a la carpeta.

C:\Users\Otro\AppData\Local\Google\Chrome\User Data\Default\File System\000\t\00

Y ahí tendrá que estar nuestro archivo lo identificaremos fácilmente por que será el único que estará aumentando su tamaño.

Solo espere alrededor de 20 segundo para ver como cambio su tamaño

Ahí tenemos nuestro querido archivo que tiene nuestra película y que podremos ver antes de que termine.

3 Ver video

Para este paso tendríamos que tener VLC instalado de la pagina:

http://www.videolan.org/vlc/

Abrimos VLC

Arrastramos el archivo a VLC

En el cuadro siguiente nos dice que archivo dañado, solo necesitamos darle al botón reproducir como.

Y ya podremos ver el video sin problemas

En ocasiones mega da un error y reintenta descargar el archivo automáticamente es ese caso hacemos de nuevo del paso 2 en adelante.

Probando Office 365 Hogar Premium Preview

2012-09-04T18:00:00.000-05:00

Probando Office 365 Hogar Premium Preview

Hola de nuevo este tutorial debería ser “la primera aplicación de android” pero de primeras aplicaciones existen infinidad de tutoriales asi que pasemos otros temas.

Vamos a instalar en nuevo office 365 que sera para windows 8 por su interfaz simple, aunque se podrá instalar en win7 confirmado hasta el momento esperemos que pasa más adelante.

Nos vamos a https://office.microsoft.com/es-mx/MyAccount.aspx y ahi nos identificamos con nuestra cuenta de hotmail

despues nos aparecera que no tenemos suscripción entonces solo presionamos empezar para activarla.

y en la siguiente ventana ubicamos el boton registro y lo presionamos.

ahora nos aparecerá una ventana nueva solo damos click en probar ahora y elegimos nuestro país.

Después solo confirmamos que en serio queremos empezar ahora.

y como sabemos que a microsoft le gusta preguntar muchas cosas todavía falta unos cuantos pasos, en el siguiente cuando damos al botón instalar.

después de este paso se empezara a descargar nuestro archivo de instalacion.

Firefox

Chrome

dependiendo el navegador lo abrirán con un click o dos clicks pero en cualquiera de los casos al abrirlo nos aparecerá nuestra ventana de instalación.

y ahora esperaremos un poco dependiendo tu conexión a internet, al terminar nos aparecerá la siguiente ventana.

otra vez esperamos alrededor de 2 minutos....

Obviamente presionaremos Siguiente.

Aquí la mayoría supone lo que dice en el contrato de licencia de Microsoft, conociéndolos dice que se apropiaran de todo nuestro dinero y los archivos que usemos con su office será totalmente suyos, o algo asi por el estilo, pero presionaremos aceptar y lo siguiente que nos muestra es un video que es como un dejavu de lo que es google docs pero bueno terminamos de verlo.

Iniciamos sesión

Nos saluda

Nos saldrán otras cuantas ventanas que con click en siguiente es más que suficiente.
En la siguiente ventana nos damos cuenta que en todo el transcurso de las preguntas anteriores office ya se estaba instalando.
Ahora si nos toca esperar a que office realice unos retoques finales segun leemos en la información, aquí es donde más tarda asi que les sugiero ir a comer o un buen café según la hora que sea aunque un cafe siendo la hora que sea es buena opción.

Y por fin, después de una larga espera ahí lo tenemos bien instalado y listo para usarse.

En lo personal lo siento mucho más fluido que cualquier de sus otras versiones y la forma con la que se conecta a la nube es muy buena siendo muy transparente para el usuario, todo el funcionamiento se siente bastante decente pero como sabemos este no es la versión final así que todavía tendrá algunos pequeños cambios cuando saquen la versión final.

Supongo que ahora que ya existe un rival como google docs, Microsoft está bastante nervioso ya que todo lo que se puede hacer en google docs es gratuito y ofrece bastantes ventajas en esta era de la nube donde tenemos la necesidad de tener todo a cualquier hora y en cualquier lugar, espero Microsoft este aprendiendo algo de todos los usuarios que ha perdido gracias a su forma de hacer negocio.

Todo para empezar a programar en Android

2012-08-11T13:13:00.001-05:00

Instalación de eclipse con plugin de Android en Windows 7

Preparando nuestro sistema operativo para poder programar en android con windows 7.

1.-Instalación de eclipse.

Lo primero que tenemos que hacer es descargar la ultima version de eclipse en la página http://www.eclipse.org/downloads/.

Y aquí vamos a descargar Eclipse Classic en mi caso de 32Bit, si no sabes cual version tienes que descargar solo abre propiedades de sistema con la tecla Windows+Pausa inter, en la ventana propiedades de sistema busca “tipo de sistema” y ahi te dira que version tienes.

Ya que seleccionamos la versión tendremos que descargarla ya sea del archivo torrent o directamente del servidor, aquí yo prefiero el servidor torrent ya que la velocidad de descarga es muy rápida.

Aquí para descargar el archivo torrent solo presionamos el boton Bitorrent y agregas el archivo al programa que uses para descargar torrents, o seleccionas el unico servidor que existe en descarga directa que es [Canada].

Después de esperar unos cuantos minutos ya tenemos descargado eclipse en su versión más nueva, ya sólo nos faltaría ubicar nuestro archivo descargado y extraer fichero en carpeta.

Ya que lo tenemos extraído y como no necesita instalacion solo ubicamos el archivo ejecutable eclipse.exe y listo doble click para abrir.

Por ser la primera vez que iniciamos nos preguntará la ruta donde guardará la configuración y los plugins, por defecto selecciona, C:\Users\nombre_usuario\workspace

Activamos la palomita de “Use this as the default and do not ask again” para que no vuelva a preguntar y listo ahi tenemos eclipse listo para usarse pero sin complementos osea que todavía faltan pasos para poder desarrollar para android.

2.-Instalación del SDK de android

Esta parte es muy rápida de instalar pero muy tardada al descargar osea que preparense para esperar.
Empezamos por descargar el SDK de android de esta página http://developer.android.com/sdk/index.html que son alrededor de 62MB, la página detectara la descarga que más te convenga en este caso sera para windows.
Una vez descargado solo lo instalamos con unos cuantos clicks.

después de muchos clicks en "Next"obtendremos nuestro SDK Manager listo para descargar la versión de android en la que queramos programar.

Aquí es donde tendremos que basarnos en las estadísticas que arroja la página de android:
http://developer.android.com/about/dashboards/index.html

Como vemos la versión más usada es la Gingerbread 2.3 para adelante así que en nuestro SDK Manager seleccionaremos esta versión y quitaremos la versión 4, esto no quiere decir que lo que programemos en 2.3 no corra en la versión 4 sólo que para abarcar la mayor cantidad de usuarios programamos en la versión de android más usada, pero sin llegara a lo obsoleto pues la API que descargaremos es la que nos dará acceso a funciones que entre más nueva sea esta va mejorando y agregando funcionalidades así que a descargarla nos quedaria asi nuestra lista.

Esto es todo lo que tenemos que instalar que son alrededor de 180 MB así que esperaremos en lo que descarga e instala.

Una vez terminado estamos listos para nuestro siguiente paso.

3.-Instalación de ADT android en eclipse.

Teniendo abierto eclipse nos dirigimos a la pestaña help>Install New Software

En la ventana que abre vamos a agregar la dirección donde se encuentra nuestro plugin, para esto presionamos el botón add.

En location escribimos https://dl-ssl.google.com/android/eclipse/
Y en Name escribimos ADT Plugin

Presionamos Ok y en la lista que aparece vamos a seleccionar Developers Tols, ahora solo click en Next.

En el siguiente paso te muestra la lista de lo que se instalara, tambien presionamos Next, por último aceptamos los acuerdos de licencia, presionamos Finish y empesara a descargar e instalar las herramientas.

Si nos llega a aparecer algunas advertencias solo aceptar y seguirá instalando, al finalizar reiniciara nuestro eclipse y ahora ya solo nos resta crear nuestro dispositivo virtual.

4.- Creando nuestro dispositivo virtual android 2.3

Abrimos eclipse y vemos 2 iconos nuevos precionamos el que se llama “Opens the Android Virtual Device Manager”

En la ventana que nos aparece presionamos el botón New y llenamos los datos:
Name: Android-2.3
Target: Android 2.3.3 - API Level 10
Size: 100

Presionamos nuestro boton Create AVD y listo ya tenemos todo listo para crear y probar nuestras aplicaciones android.

Bueno pues hasta aquí es todo ya que esto se extendió más de lo que imaginé entonces en el siguiente tutorial crearemos nuestra primera aplicación, espero les haya gustado y les sirva para empezar a programar.

Saltando restricciones de tiempo de algunos servidores

2012-08-06T18:49:00.001-05:00

Viendo series con nuestro propio reproductor

Hola a todos, esto lo estoy escribiendo porque me frustre al ver una serie que extrañamente cada que intentaba verla se empezaba a trabar la imagen y entre más la veía más se trababa no se a que se deba pero se me ocurrio, “porque no usar cualquier reproductor” ya sea flash o el que nos proporciona html5 dentro de la misma web y asi aparte de saltar las molestas restricciones de tiempo nos evitamos esas horrorosas pausas.

Bueno vamos a empezar.

1.- Lo primero que tenemos que hacer es ubicar y extraer el video que queremos ver, en mi caso el video es de la página “http://www.allbox4.com/embed-bb5jtmo5ey95.html” una vez estando en la página presionamos Control+u para abrir codigo fuente y ahi presionamos F3 para buscar, nuestra busqueda sera “.mp4” sin comillas y encontramos lo siguiente:

y ahí tenemos la ruta de nuestro video, copiaremos toda la ruta y este será nuestro video que insertaremos en una página nueva.

2.- Ya tenemos la dirección del video ahora solo queda crear un documento html en mi caso le puse video.html y este lo guarde en el escritorio, este lo abrimos en nuestro editor de textos preferido y agregamos estructura basica html de esta forma:

<!DOCTYPE HTML>
<html lang="es">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>

y dentro de body insertaremos la etiqueta video que solo lo soporta html5

<source src="RUTA DE NUESTRO VIDEO.mp4" type="video/mp4">Tu navegador no soporta la etiqueta <code>video</code>.

</video>

cambiamos src por el link que copiamos en nuestro paso 1 y listo ya tenemos nuestro video que se puede ver en chrome, y extrañamente <s>(archivos MIME types del servidor desactualizados)”</s> en firefox no.

Chrome

Firefox

hasta aquí quien quiera ver el video en chrome esta bien pero si no estas conforme y quieres verlo con firefox sigue leyendo.

3.- Ahora para firefox crearemos el html sin la etiqueta video y con la etiqueta object esto para cargar el video con un reproductor flash.
Aquí necesitamos tener un reproductor que esté guardado en algun servidor yo encontre uno que nos proporciona Video For Everybody.

solo nos queda crear nuestro archivo con estructura básica de html y entre las etiquetas body agregar:

<object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="640" height="360">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
<param name="allowFullScreen" value="true" />
<param name="wmode" value="transparent" />
<param name="flashVars" value="config={'playlist':[{'url':'NUESTRO VIDEO.MP4','autoPlay':false}]}" />
<span title="No se puede">:(</span>
</object>

donde yo agregue el link de nuestro reproductor flash, opciones más comunes y ustedes solo les tocara cambiar la url del video mp4 que conseguimos en el paso 1, y listo así hemos logrado saltar las restricciones del servidor y algunas fallas molestas de algunos reproductores flash que se encuentran en algunas páginas de videos.

Pues con esto ya estaría todo completo espero les sirva.

Extra:

http://sandbox.thewikies.com/vfe-generator/

Ahora sabras quien ve lo que publicas en Facebook.

2012-08-02T14:41:00.001-05:00

Ahora sabras quien ve lo que publicas en Facebook.

Facebook presentó esta nueva actualización para que los usuarios de un grupo sepan con exactitud quien ve sus publicaciones y por si fuera poco puedes saber exactamente a que hora la vieron, esto es una utilidad muy buena para quien crea los grupos y algunos otros usuarios que estén interesados en publicar cosas a ciertas horas o aumentar su audiencia en su blog, página o en videos publicados, aquí vemos un ejemplo de cómo nos presenta facebook estos resultados:

al presionar el botón de “Seen by“ nos muestra la lista de usuarios y así es como podemos agregarlos a nuestra lista de amigos:

Como vemos es una buena utilidad aunque algunos no les gustara la idea es un paso más para que facebook conozca nuestros gustos y darnos publicidad a la medida y otras cosas retorcidas que les gusta hacer con nuestros datos.

Galeria Simple con hml5 y css3

2012-08-02T14:04:00.000-05:00

Galeria Simple con hml5 y css3

Bueno en esta ocacion les mostrare como realizar una galería muy pequeña pero que con todo lo que utilizaremos se podrán dar una idea de cómo funciona y modificarla a su gusto, el ejemplo original lo tome de http://hacks.mozilla.org/ pero con unas cuantas (muchas) modificaciones llegamos a un ejemplo muy adecuado para una galeria muy agradable, muy limitada pero al fin algo que entenderemos.

Empezamos sabiendo que tenemos zencoding y sublimetext, si no lee nuestro articulo anterior http://iendo.blogspot.mx/2012/07/que-es-zencoding-este-es-un-poderoso.html.

Bueno ahora creamos dos archivos uno con nombre index.html y otro con estilo.css, ahora creamos estructura básica html5 en nuestro index.html con “html:5” presionamos tabulador y ahí lo tenemos:

estando en body (cuerpo de nuestra página) vamos a usar la siguiente línea para generar el encabezado con un formato h1 para poder cambiar la fuente en nuestro codigo css:

header>h1{EJEMPLO GALERIA}

presionamos tecla tabulador y nos queda asi:

Aquí antes de que se nos olvide agregamos nuestra hoja de estilos antes de terminar nuestro header agregamos:

<link rel="stylesheet" href="estilo.css">

y ahora si la parte complicada bueno yo aqui se las pongo muy fácil:

(section.gallery>(nav>ul>li*5>a[href=#Img_$]>img[src=$.jpg][alt=Img_$])>(article#Img_$.target*5>figure>img[src=$.jpg][alt=img_1]))

tecla tab y listo generamos:

Solo explicare lo que crea sea más interesante de nuestro código:

aqui estamos generando una etiqueta section para agrupar todo nuestro contenido principal, a esta etiqueta le asignamos una clase “gallery” para que en nuestra hoja de estilos podamos asignarle diferentes formatos como cambiar color, tipo de letra, tamaño, etc.
También vemos nuestra etiqueta nav, ésta en html5 se usa para separar las zona donde tenemos los enlaces a las páginas principales de nuestra página.
En nuestra etiqueta article vemos que asignamos un id y una clase esto lo hacemos pues la forma de cambiar de imagen es cambiar el id en cuanto se cambia el id aplicaremos el efecto de fade in y opacidad en nuestra hoja de estilos.

Nota: dentro de la etiqueta “li” tenemos las imágenes en miniatura recuerden cambiar el src=”su_imagen_chica.jpg” en mi caso asigne imágenes de 50x75px en imágenes miniatura y 300x200px en nuestras imagenes grandes.

ya solo nos queda agregar nuestro link en un aside y la fuente de donde fue tomado en un footer esto lo agregamos con:

aside>p>a[href="http://iendo.blogspot.mx"]{Modificado por Oscar}

tecla tab

(footer>p>(a[href="http://hacks.mozilla.org"]{Ejemplo Original})>a[href="http://christianheilmann.com/"]{realizado por: Chris Heilmann})

tecla tab

terminamos nuestro index.html y el código completo lo dejo hasta abajo de este artículo.

Lo que sigue es nuestra hoja de estilos estilo.css pero esta un poco larga y solo les mostrare donde esta lo mas interesante como por ejemplo:

header h1{
font-size: 35px;
text-shadow: 1.5px 1px 1px rgba(0,0,0,0.5);
}

Aquí podemos modificar el estilo de nuestro titulo que esta dentro de un h1 como vemos tiene una ligera sombra y el tamaño de la fuente es 35px, podríamos modificar color y otros detalles para hacerlo más vistoso.

.target figure img{
   position: relative;
   border-radius: 20px 0 20px 0;
   padding: 0px;
}

Aquí lo que hacemos es redondear dos de las esquinas para que la imagen no se vea tan cuadrada podríamos asignar las 4 esquinas redondas o no se, aqui es donde su imaginación juega un papel importante.

  -webkit-transition: 1s;
      -moz-transition: 1s;
       -ms-transition: 1s;
        -o-transition: 1s;
           transition: 1s;

aquí vemos el tiempo que tarda en hacer la animación de escalado de la imagen se agregan todas estas definiciones para que sea compatible con la mayoría de navegadores aunque con Internet explorer dudo que funcione.

Bueno hasta aquí ya tenemos explicadas las lineas mas relevantes de nuestro código explicadas espero les haya gustado y aquí tienen el ejemplo terminado y el código para que lo puedan copiar y modificar.

El resultado aquí:

El poder de sublime text2 y zencoding

2012-07-27T18:09:00.002-05:00

¿Que es Zencoding?

Este es un poderoso plugin para escribir código estructurado a velocidades increíbles, el código estructurado es como: HTML, XML, XSL entre otros, para saber que podemos escribir con este complemento podemos visitar:

HTML http://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn

CSS http://code.google.com/p/zen-coding/wiki/ZenCSSPropertiesEn

¿Que es Sublime text2?

Sublime text es un editor de textos que paso al siguiente nivel, siendo tan ligero como un notepad pero tan poderoso como nosotros necesitemos, te hace la vida mas fácil a la hora de programar y reconoce la sintaxis de la mayoría de lenguajes y por si fuera poco este es multiplataforma.

¿Como empezar a usarlo?

En la pagina oficial http://www.sublimetext.com/2 tenemos la lista para descargarlo dependiendo el sistema operativo que tengamos.

En mi caso seleccionare la versión portable para Windows 32 bit.

Una vez descargado lo extraemos en alguna carpeta en mi caso seleccione C:\Users\usuarior\Documents\sumblimetext2

Una vez extraido dentro de nuestra carpeta ya tenemos nuestro programa “sublime_text.exe” ejecutamos y listo ahí lo tenemos funcionando.

¿Ahora que?

Bueno aquí lo tenemos sin complementos y como en mi caso lo utilizare para escribir HTML y CSS instalaremos Control de paquetes “package control” desde la pagina http://wbond.net/sublime_packages/package_control/installation, vemos que para windows necesitamos descargar el archivo desde http://sublime.wbond.net/Package%20Control.sublime-package bueno ahora solo resta copiar nuestro archivo en la carpeta de paquetes de sublime text, para esto realizamos lo siguiente:

Teniendo abierto nuestro programa nos vamos a la pestaña Preferences > Browse Packages y aquí nos abrirá la ubicación donde tendremos que buscar Installed Package, en caso de que esta carpeta no exista ir al directorio anterior, nos encontraremos en mi caso “C:\Users\usuario\Documents\sublimetext2\Data” y ahora si nos aparece nuestro directorio Installed Package una vez dentro de este directorio copiaremos el archivo antes descargado.

Reiniciar nuestro programa.

Ya teniendo instalado este nos permite instalar de forma automática todos complementos que necesitemos, para nuestro caso descargaremos Zencoding, para esto nos vamos a Preferences > Package Control

Nos abrirá una lista de lo que podemos realizar en nuestro caso seleccionamos “install Package”

Escribimos zencoding, nos encontrara el paquete, ahora solo lo seleccionamos con click o con enter y empezara a instalarlo tendremos que esperar unos segundos en lo que se descarga e instala.

Cuando esta instalado en la barra de estado encontraremos el letrero Succesfuly installed.

Ahora solo nos queda reiniciar nuestro sublime text y lo tendremos listo para trabajar con zencoding.

Extra:
Les dejo un video mostrando las características más esenciales de esta increíble combinación.

Prueba el codigo aqui:
Para ver el codigo presiona los botones "CSS" o "HTML"