Cristalab

Cómo triple-hackear la conexión de tu vecino por Internet

Sat, 10 May 2008 03:06:26

Esta mañana me desperté sin Internet.

Hay gente que nos critica, nos llaman dependientes. Necesitamos estar constantemente conectados a las interwebs y sufrimos de espasmos, shocks y, en mi caso, asesinato en masa de transeúntes inocentes cómo canalización de la ira.

Así que dejaré esto claro: Mi dinero lo saco de las internets. Es mi trabajo, debo estar online.

Cómo decía, me desperté sin Internet. Tras hora y media de agitadas discusiones con los eunucos lobotomizados del servicio técnico de mi ISP, admitieron que el daño era culpa de ellos, que era un cable roto en un poste y que lo arreglarían. En tres días hábiles.

Eso es el martes.

Mi primer instinto fue usar mi celular para leer mi correo, pero cuesta casi 2 dólares por minuto. Prefiero despilfarrar mi dinero en otras obras de caridad (Como la compra de un Lamborghini). Salí corriendo a la oficina.

Pero pasado el día, volví a mi desconectado hogar. Mi apartamento está cerca de la caja telefónica de mi edificio, por lo que, en el pasado, hice un agujero en la pared que da hacia la calle e intervine los cables. Eso en épocas de modems y conexiones de teléfono. No puedo vivir eso de nuevo, pero el vecino tiene ahora ADSL.

Así que lo intenté:

Intento #1 de volver a tener Internet

No sirvió para un carajo.

Aparentemente, el ISP de mi vecino usa modems con software especializado que no acepta conexiones PPPoE tradicionales. No tengo tiempo de hackear algo así. Más importante: No tengo Google para buscar datos al respecto. Tendré que optar por la salida política.

La arquitectura de red de mi casa es más o menos así:

El PC principal no tiene tarjeta inalambrica.

Mi PC tiene dos tarjetas de red, porque actúa de bridge entre el modem ADSL y el router wifi (En otra subred diferente). El PC debe estar conectado directo al modem ADSL para que pueda abrir puertos a internet sin ponerme a abrir la configuración del router. Necesidades personales que no tienen nada que ver con velocidades extremas en bittorrent.

Con estas herramientas, rápidamente reorganicé mi plan de batalla y me encaminé a mi vecino. Hijo de La Vecina. Por protección lo llamaremos A. Martínez.

Hace meses me pidió ayuda con una cámara fotográfica cuya memoria estaba corrupta. Tras recuperar los datos, encontré viejas fotos borradas de él con, lo que aparentemente, es su novia (El genero es difícil de definir entre tanto pelo). Dos impresiones en papel de dichas imágenes fueron suficientes para disuadir a Andres M. de darme acceso a su computador y red interna. Él tiene un modem ADSL básicamente igual que el mío, pero para darle acceso a toda mi red, tendría que ser creativo.

Esto fue lo que hice:

Y es así como estoy conectado a la gloriosa conexión de 256KB/s de mi vecino por tiempo indefinido. Ahora, regresaré a mi hobbie: Hacer terrorismo telefónico a mi ISP.

Ejecutar archivos externos en Flash CS3

Fri, 09 May 2008 11:20:38

¿Recuerdan la apertura de archivos externos con fscommand en flash 8?

Bueno, pues con ella no se pueden abrir archivos en Flash CS3. Leyendo en varios foros de adobe di con este post, donde encontré la solución a este problema.

Debemos descargar un archivo .exe llamado proxy, que llamará al archivo .bat que contiene la instrucción start, que carga nuestro documento.

Descarga aquí el archivo proxy.exe.

Básicamente vamos a trabajar de la misma manera que se hacia en Flash 8:

Primero creamos el .bat con la información requerida. Abrimos el blog de notas y escribimos las siguiente instrucción:

Código :

 start nombre_del_ archivo.ext

Donde ext es la extensión del archivo, por ejemplo pdf.

Y lo guardamos con el mismo nombre del archivo seguido de la extensión .bat.

El archivo nos debe quedar como:

nombre_del_ archivo.bat

Creamos el fla con un botón para llamar el archivo externo, y le colocamos el nombre de instancia. Para este ejemplo le colocaré botonpdf:

Ahora vamos al panel de código y creamos el evento:

Código :

botonpdf.onRelease = function(){
          fscommand ("exec","nombre_del_ archivo.exe");
          }

Usando ActionScript 3, pueden hacer lo mismo, con la función flash.system.fscommand().

Bien, ahora copiamos el archivo proxy.exe en la carpeta fscommand y lo renombramos. Debe quedar con el mismo nombre del archivo.bat y el documento,
en este caso quedaría así: nombre_del_ archivo.exe.

Por último, publicamos el archivo como proyector de windows (.exe).

Los documentos deben estar así:

Dentro de la carpeta fscommand copiamos el .exe, el .bat y el documento que queremos ejecutar:

Y listo. Ejecutamos el exe que genera flash y ya podemos abrir los documentos externos.

Artículos completo en feed de Cristalab y comentarios

Thu, 08 May 2008 19:31:03

Hace muy poco tiempo, ustedes sugirieron cambios para Cristalab. Entre ellos, había dos muy pedidos "en privado" a nosotros, ~~esclavos~~ programadores que mantenemos Clab:

Que el RSS (El feed) de Cristalab se vea completo en un lector (Como Google Reader)
Que si estás registrado con tu nombre de usuario en el foro, puedas enviar comentarios desde tips o el blog y estos salgan con tu nick, perfil, etc.

Tras meses de enviar sicarios y golpeadores pagados a las casas de estas personas (Fotografía arriba), los hemos escuchado. La nueva URL del RSS de Cristalab es:

http://feeds.cristalab.com/clab

Agrégala a Google Reader, Netvibes o lo que sea que uses para leer feeds.

De igual manera, si eres miembro de Cristalab, puedes enviar comentarios desde el blog o a tips y aparecerán con tu información de login, añadiéndose también a tu historial de posts. Prueba enviando un comentario a este post.

Y así una vez más, hemos cumplido a tiempo con tus peticiones Por favor, no más látigo en llamas.

Distintos materiales a un objeto en 3D Studio Max

Wed, 07 May 2008 15:52:22

En este tip les mostrare como colocar materiales a distintas partes de un objeto, con la utilización de Multi/Sub-Object.

Pasos a realizar

Lo primero que haremos sera realizar un cubo, denles las medidas que quieran, en mi caso le di 50 en ancho, largo y alto. Lo que mas nos importa para este tip, es la cantidad de segmento que tendrá nuestro cubo ya que nos servirá para mas adelante, yo en el ejemplo coloque cuatro segmentos en alto, ancho y alto.

Una ves realizado el cubo, lo convertimos a polieditable (clic derecho sobre objeto):

Luego presionamos la tecla M y nos aparece la ventana del editor de materiales, pinchamos un botón que dice standard y nos aparecerá otra ventana que es el buscador de materiales/mapas, denle doble clic a Multi/Sub-Object

Les aparecerá un cartel con dos opciones:

descartar material antiguo
mantener el material usado como sub-material

Esto aparece por si tuvieras anteriormente un material implementado, elige la opción que quieras que no afectara el objeto, ya que todavía no le implementamos nada.

Luego aparecerá una serie de IDs de materiales en cuales podemos colocarle nombre, cambiarle el color del material, agregarle un bitmap y un montón de opciones mas.

Esto es lo que haremos:

Primer ID, le cambiaremos el color
Segundo ID, le cambiaremos algunos parametros, como la opacidad, brillo y el nivel especular
Tercer ID, le agregaremos un bitmap

Primer ID:

Es tan simple como presionar aquí:

Y aparecerá el selector de color, seleccionan un color y cierran (yo elegí el color rojo).

Segundo ID:

Presionamos el botón con la inscripción material #número (standard) para ingresar en los parámetros del material, realizamos los cambios en la opacidad, brillo y el nivel especular:

Para volver al la sección del Multi/Sub-Object presionen la flecha que se encuentra encima del botón standard.

Tercer ID:

Realizamos lo mismo que en el anterior, pero en ves de modificar los parámetros abrimos el desplegable Maps, buscamos la opción Diffuse Color y presionamos el botón none, se no abrirá una nueva ventana donde seleccionaremos Bitmap

Al seleccionar ésta ultima aparece una ventana para buscar una imagen, en mi caso busque la de mi avatar.

Así nos quedara el editor:

Ahora asignamos el material al cubo, ya sea con el botón de asignar material o arrastrando desde el previsualizador hacia el objeto.

Lo intresante del Multi/Sub-Object es que al dar la posibilidad de crear distintos materiales por ID, estos pueden ser asignados a los ID de los polígonos del objeto, esto quiere decir que podremos asignar materiales a distintas partes del objeto.

Selecciona el cubo si no esta seleccionado, ve al stack y despliega Editable Poly, selecciona Polygon y busca en el menú de abajo Polygon Properties

Luego selecciona todos lo polígonos del cubo y en Polygon Properties: Set ID coloca el número 1, da enter y se asignara el material del ID 1(en este caso el color rojo) a todos los poligonos. Has la prueba y selecciona distintos polígonos del cubo, y en Set ID coloca el numero 2 o 3.

Puede ser que al asignar los materiales no se vean en el objeto, pero si hacen el render (F9), sí se ven .

En el ejemplo coloque una esfera dentro del cubo para que apreciaran la opacidad de los polígonos.

Hagan sus pruebas, obviamente se pueden hacer muchas mas cosas que aquí no muestro, por que el tip se haría interminable.

Quizás también te interese:

Roban servidores de un Datacenter como asaltando un banco

Tue, 06 May 2008 15:36:45

No basta que seas un mago de UNIX, un hacker nato. Puedes saberlo todo de IPTables, configurar scripts para tu firewall que no sólo detienen ataques distribuidos de una botnet sino que contra-atacan poniendo a tu agresor de rodillas. Tener contraseñas de root que requieren cuatro teclados en paralelo y un analizador de transformadas de Fourier para permitir acceso. Incluso tener tu propia botnet para fulminar en llamas a cualquier atacante que ose usar nmap sobre tu IP. Porque tres ladrones con una pistola y una sierra eléctrica siempre podrán robar físicamente tu servidor.

Esta semana, el servidor web de Peter Gabriel fue robado de su datacenter. Esto se une a otras historias similares. En Chicago, dos enmascarados entraron a robarse un servidor a la antigua usanza: Cortando la pared con una sierra eléctrica de alto poder. Tras electrocutar con un Taser al BOFH de turno (Que aparentemente no uso la razón con ellos), se llevaron 20 servidores.

En Londres, en diciembre, cinco personas disfrazadas de policía engañaron a todo el mundo, entraron al cuarto principal, ataron al staff y se robaron cuatro millones de libras (7.8 millones de dólares) en servidores y equipo.

Pero no es el precio físico lo importante. ¿Qué tiene el servidor web promedio de un datacenter? Porno. Quizás más porno. Pero también nombres de usuario, contraseñas, muchas tarjetas de crédito, registros bancarios, datos personales, etc, etc, etc. Y porno.

Si usas los nuevos datacenters en containers, este es tu nuevo enemigo.

¿Qué tan seguro es tu datacenter? ¿Tienes algún tipo de servicio que maneje datos sensibles? Y aún si no fuera así, el hecho de que cualquier persona con un arma de 20 dólares pueda robar tus datos es, en si mismo, un problema masivo. ¿Tu datacenter es realmente seguro en ese sentido?

Este sitio web en específico está protegido con las medidas de seguridad tradicional Tier VII. Es decir, una facción armada paramilitar filipina mercenaria vigila 24 horas el perímetro, así como un satélite termonuclear desde la orbita está listo a ejecutar retaliación sobre la ciudad natal de cualquier atacante. Adicionalmente, los racks son cuidados independientemente por tigres siberianos entrenados por monjes tayikistanos en la desmembración estratégica de humanos hostiles. Al mismo tiempo que un anillo de pura energía extraído de la fuerza combinada de los ancestros de nuestro overlord destruye las ilusiones de cualquiera expuesto a él.

Crear una isla flotante en Photoshop

Mon, 05 May 2008 00:00:00

Usando Adobe Photoshop crearemos el ambiente ficticio de una isla flotante realista.

Configurar sonido 5.1 en Ubuntu Hardy

Sun, 04 May 2008 23:00:09

Al hacer una instalación fresca de Ubuntu 8.04, el sistema usualmente detectará y configurará tu tarjeta de sonido sin que tengas que hacer ningún esfuerzo. Esto es correcto incluso con las tarjetas de sonido 5.1, siempre y cuando reproduzcas un archivo de audio o video que soporte este formato de sonido. Sin embargo, la mayoría de formatos de audio (incluyendo mp3) solamente soportan sonido en estéreo, por lo que solamente dos de tus parlantes funcionarán y los demás permanecerán mudos.

Tradicionalmente, los sistemas GNU/Linux como Ubuntu no traen una forma sencilla de decirle al sistema que todo el sonido sea reproducido en todos los parlantes, pero con la inclusión por defecto de PulseAudio dentro de Ubuntu 8.04 es posible ahorrarnos muchos pasos para lograr una configuración correcta de sonido.

PulseAudio es un servidor de sonido diseñado para funcionar en sistemas en red que se encarga de realizar la mezcla por sofware. Funciona en conjunto con ALSA, que es la arquitectura estándar de sonido en Linux.

Ubuntu incluye PulseAudio por defecto en su instalación a partir de Hardy Heron, aunque es muy difícil notar la diferencia debido a que no se incluyeron los programas utilizados para su configuración. Afortunadamente, no necesitaremos ninguno de ellos para configurar nuestro sistema de sonido y la mayoría de aplicaciones incluidas con el sistema ya han vienen preparadas para funcionar con PulseAudio.

Para poder activar la salida de sonido en los seis parlantes, en lugar de sólo los dos principales, es necesario ingresar el siguiente comando en la consola

Código :

sudo gedit /etc/pulse/daemon.conf

con el cual abriremos un editor de texto con la preferencias de PulseAudio. Luego casi al final del archivo cambiamos

Código :

;default-sample-channels = 2

por

Código :

default-sample-channels = 6

o en el caso de sonido 2.1

Código :

default-sample-channels = 3

El punto y coma al inicio de la línea sirve para comentar, y al estar presente el sistema ignora la instrucción, así que no debemos olvidar quitarlo. El número es el equivalente a la cantidad de parlantes del sistema; 2 equivale a un sistema estéreo ordinario, 3 a un sistema de sonido 2.1 y 6 a un sistema de sonido 5.1.

Luego de eso, solamente es necesario reiniciar el daemon de PulseAudio, para esto se debe introducir el siguiente comando en consola:

Código :

sudo /etc/init.d/pulseaudio restart

Sin embargo, por alguna razón esto parece no funcionar correctamente, así que es mejor reiniciar la máquina para ver los cambios. Luego, todo el sonido sera desviado hacia los seis parlantes.

En algunos casos puede que solo suenen los dos parlantes principales para alguna aplicación adicional que no venga instalada por defecto. Esto puede ser porque ésta viene configurada para trabajar con Alsa directamente y no con PulseAudio, para resolverlo hay que buscar en las preferencias de la aplicación y seleccionar PulseAudio como sistema de sonido.

También puede interesarte otros trucos de Ubuntu :

The Parrot World Tour: Berlin

Sat, 03 May 2008 17:06:42

Después de pasar unos días con Carmen en Madrid, llegó el momento de proseguir mi viaje e ir a pasar unos días con Zah, que justo precisamente iba a viajar a Berlín en un viaje de estudios, así que yo aproveché la oportunidad para ir con él y conocer mundo.

Carmen no quería soltarme y la despedida en el aeropuerto fue difícil:

Pero al final me dejó ir con Zah, que, a juzgar por su mirada de loco, parecía muy contento de recibirme:

Lo que seguía eran unas horas de viaje en avión. Yo nunca había volado tan alto, así que decidí familiarizarme con los aviones, ya que me daban algo de miedo

Sin embargo, lo pasé genial, tanto volando junto al avión como quedándome dentro y disfrutando del paisaje:

Ya en Berlín, después de estar a punto de perdernos nada más llegar, por un incidente relacionado con una maleta sin asas, teníamos que llegar al hotel, viajando en metro. Todos llevaban las maletas y estaban apretujados en el vagón sosteniéndose como podían (y recibiendo algún que otro insulto en alemán), pero yo tardé poco en encontrar un sitio cómodo:

Por la noche, una vez que se instalaron en el hotel, Zah y sus amigos salieron por allí. Yo esperaba que me llevasen con ellos, pero me indicaron de malos modos que me quedase en la habitación. Aunque pensaban que me había dormido, yo me quedé despierto hasta que llegaron cantando algo como ¡Qué Pasa!

A la mañana siguiente, fuimos a Alexanderplatz en el centro de lo que fue Berlín oriental, que destaca por su enorme torre de televisión, inabarcable a la vista (y al objetivo de una cámara):

Se puede subir arriba, pero lamentablemente no tuve ocasión de hacerlo. De todas formas, había cosas que hacer abajo. Además de la foto obligada con Zah:

En Alexanderplatz se puede comer en restaurantes para todos los gustos y bolsillos, ir de tiendas, y visitar importantes monumentos y edificios, y hasta cazar ratones. Pero lo más interesante fue mezclarse entre la gente:

Después tocaba visitar varios museos. Primero vimos el museo egipcio, cuya mayor atracción es el busto de Nefertiti:

Había bastante más cosas que ver, pero había un día largo por delante, así que me puse a descansar a la primera oportunidad que tuve:

Y es que a continuación, fuimos al Pergamonmuseum, que básicamente es un monumento a todo lo que las potencias europeas expoliaron al resto del mundo durante el siglo XX. Claro que el efecto que provocaba era impresionante:

Después de hacer todo eso, por fin había llegado la hora de comer. Así que había que buscar un restaurante, y por el camino encontramos un puesto de merchandising soviético:

Nos divertimos mucho con los gorros, pero quien realmente salió ganando fue el vendedor del puesto, que vacías las carteras de todos .

Ya por la tarde visitamos la puerta de Brandemburgo :

Y también la cúpula del Reichstag, el parlamento alemán. Claro que la seguridad era tan fuerte que yo tuve que quedarme abajo de nuevo:

Y bueno, pues... sobre aquella noche... he de decir que mejor intentar olvidarla . Me pasaron cosas que difícilmente me podré quitar de la cabeza .

En fin, al día siguiente visitamos Berlín occidental, donde están algunos de los pocos trozos del muro que quedan en pie:

Luego visitamos el Museo de Arte Moderno, en el que se pueden encontrar cuadros más o menos interesantes de Dalí o Edvard Munch, junto con cuadros que consistían en poco más que un círculo gris. A mí me pareció que si eso podía ser una obra de arte, entonces yo mismo también, y podría exhibirme como una pieza más del museo. Sin embargo, un rudo guardia alemán acabó con mis pretensiones artísticas y me obligó a meterme en el cuarto de las mochilas, de donde casi no salgo .

Por la tarde volvimos al centro de la ciudad, y nos encontramos con una enorme manifestación de chinos apoyando los Juegos Olímpicos:

Los tipos parecía que estaban cabreados con el mundo en general...

Esa noche traté de desaparecer y buscar un lugar cómodo para dormir tan rápido como me fue posible, pues quería evitar más sobresaltos, y de paso estar fresco para visitar Potsdam, donde estaban el palacio de Federico el Grande, y el parque que había construido para su recreo. No pude entrar en el palacio, pero mereció la pena pasear por el parque:

Y posar para la foto cuando me lo pedían:

Por la noche fuimos a cenar a una cervecería, donde Zah agradeció, al igual que sus compañeros que la edad legal para beber alcohol en Alemania sea de 16 años, aunque al final acabó de mal humor por no haber podido probar la comida.

Los días que siguieron eran los últimos, y Zah, al igual que sus amigos estaba demasiado ocupado (y cansado por lo que sea que hiciera por las noches) como para sacarme a pasear. Así que yo me fui sin decirle nada y tuvo que pasarse una tarde entera buscándome, lo cual le estaba bien empleado :devil: . De todas formas, yo seguía teniendo con quien pasear:

El viaje de vuelta tuve que hacerlo dentro de una mochila, pero como no soy nada claustrofóbico no me importó demasiado.

Hay que decir que fue un viaje genial. Tanto Zah como sus amigos se portaron muy bien conmigo (a pesar de lo dicho arriba y alguna que otra conspiración). Conocí a muchas personas y lugares y realicé mi más largo viaje hasta ahora.

Si todo va bien, el lunes estaré viajando a Bélgica pare reunirme con _CONEJO, gratis, por cortesía del instituto Goya .

Reducir peso de ficheros Javascript con PHP

Sat, 03 May 2008 11:44:29

Uno de los problemas más habituales hoy en día en el desarrollo de páginas web es la utilización de múltiples ficheros Javascript. Estos ficheros a la mínima que la página sea algo grande, toman un peso muy significativo. Una de las premisas que siempre debemos tener en la cabeza es hacer que nuestra página cargue lo más rápido posible. (El addon para Firefox llamado YSlow que se integra con Firebug es muy útil para optimizar nuestra página).

Como toda buena práctica de programación, nuestro código incluye sangrías y comentarios. Si no ponemos sangrías nuestro código se hace incomprensible, y si le quitamos los comentarios, dentro de unos meses nos acordaremos de aquel día que decidimos no escribir una frase aclaratoria de que hacía aquella función.

Por ello, existen multitud de herramientas que permite que a partir de un fichero javascript nuestro, se genere un fichero javascript reducido, es decir, sin espacios, sin comentarios, e incluso ofuscado (cambia nombre a las variables por letras o números y trata de reducir la comprensión del código por alguien que quiera copiarnos o analizarnos para un ataque).

Estas herramientas el problema que tienen es que debes tener un fichero para el desarrollo y luego de haber hecho los cambios oportunos, debes generar el fichero reducido.

En este tutorial veremos como podemos reducir en tiempo real los ficheros Javascript que precise nuestro documento mediante PHP (es necesario tener la versión 5). Además, si nuestra página utiliza más de un fichero js (javascript), lograremos reducir las peticiones al mínimo. Por ejemplo, nuestra página utiliza tres ficheros js nuestros, son tres peticiones. Lograremos reducirlo a únicamente una petición. Caso aparte es cuando debes realizar la inclusión de un fichero js como el de Google Maps, con el cual no puedes utilizar esta técnica.

Vamos manos a la obra.

Lo primero que necesitamos es descargar una librería llamada Jsmin-php. Podéis encontrarlo en su página web, y justo en la derecha hay un botón para accionar la descarga.

Descargamos el dichero jsmin-1.1.1.php (esta era la versión al momento de hacer este tutorial).

Supongamos que tenemos la siguiente estructura de ficheros:

En la imagen podemos observar que tenemos un fichero index.php en el cual hay el siguiente código:

Código :

Insert title here

Hola

Cómo se puede observar es un documento en blanco con un párrafo en el cual está escrito la palabra Hola. Este párrafo tiene como identificador único el id parrafo.

Más adelante podemos ver la llamada a dos ficheros js externos al documento. Cómo se puede apreciar, he puesto las inclusiones al final del documento, justo antes del final del body. Esto es una de las pautas a la hora de optimizar el rendimiento de una página web. En otro tutorial trataremos de una manera más profunda este tema.

El contenido de los ficheros js es el siguiente

Fichero test.js

Código :

/*
Esto es un fichero de prueba js
Conjunto de comentarios que explican el funcionamiento de este js
El código siguiente sustuirá el texto interior del párrafo identificado con el id parrafo
*/

document.getElementById('parrafo').innerHTML='esto funciona';

Fichero test2.js

Código :

//Comentario: esto va a mostrar un mensaje de alerta
alert('hola mundo');

El código del fichero test.js lo que hace es buscar dentro del documento un elemento que tenga como identificador parrafo y le sustituye su contenido por un texto esto funciona.

El código del fichero test2.js lo que hace es mostrar un mensaje.

En ambos documentos se pueden ver muchos comentarios. Estos comentarios están bien para nosotros pero lo que hacen es hacer más lenta la carga de la página ya que el fichero tiene un mayor fichero.

Vamos a comenzar a solucionar este problema.

Para ello, lo primero que debemos hacer es crear un fichero php al cual le podemos llamar scripts.php. Este fichero tiene la función de solicitar los ficheros js que necesitemos, reducirlos y generar un documento único.

Para que el contenido final del documento sea entendido por el navegador como código javascript y no otro tipo de lenguaje debemos incluir como primera línea de nuestro fichero scripts.php el siguiente código:

Código :


header("content-type: application/x-javascript');

Ahora debemos incluir la librería jsmin que hemos descargado y la cual se encargará de optimizar el código:

Código :

require_once 'jsmin-1.1.1php';

La parte que viene ahora es muy sencilla. Debemos ejecutar la siguiente línea por cada fichero js que queramos llamar. En nuestro caso será dos veces:

Código :

echo JSMin::minify(file_get_contents('test.js'));

echo JSMin::minify(file_get_contents('test2.js'));

JSMin:minify es la orden que se encarga de reducir un determinado código. file_get_contents lo que hace es obtener el contenido de un determinado fichero. Por lo tanto esta orden lo que hace es obtiene el código de nuestros ficheros js, lo reduce y mediante la orden echo lo vuelca en pantalla, en nuestro caso, produciendo un nuevo fichero js.

El resultado es el siguiente:

Código :

document.getElementById('parrafo').innerHTML='esto funciona';
alert('hola mundo');

Cómo se puede observar ya no hay comentarios. Si el código tuviese sangrías o fuera más complejo, se podría observar muchas más diferencias.

Ahora ya sólo nos queda retocar el fichero index.php. Vamos a decirle que en vez de utilizar los dos ficheros js, utilice únicamente el fichero php que hemos generado. Con ello matamos dos pájaros de un tiro: reducimos las peticiones de 2 ficheros a 1, y generamos código reducido. Para ello sustituimos las siguientes líneas:

Código :

Por esta

Código :

Listo. Ya tenemos nuestra página web con el js reducido y además hemos reducido el número de peticiones.

Espero que esto os pueda ser útil.

Ficheros del tutorial Reducir Js con PHP

VideoTutorial de este tip

Ver sólo los correos sin leer al abrir Gmail

Fri, 02 May 2008 01:19:10

Este es mi santo grial de la productividad. Un problema del correo (Y de los lectores de RSS) es la cantidad de ruido que hay en el inbox promedio de la gente. Ese exceso de ruido hace que después de X mensajes no leídos, el correo te importe un carajo y lo dejes acumular.

En mi caso, X = 36 correos sin leer (Ahora mismo).

Esto se suma a otro problema fundamental y un error tradicional, manejar el correo no leído como lista de cosas pendientes.

Normalmente, siempre abro Gmail de mis favoritos, en la barra de bookmarks de Firefox debajo de la barra de direcciones. En Gmail, puedes hacer una búsqueda poniendo is:unread y te salen sólo los correos nuevos o no leídos. Pero desde que Gmail implementó URLs profundas en el sistema, ahora es posible entrar directamente a esta URL:

Código :

http://mail.google.com/mail/#search/is%3Aunread

Y no les mostrará los leídos. Pruébenlo ustedes mismos.

Sólo es cuestión entonces de poner esa URL en la barra de favoritos y ya está.

Adobe abre el formato SWF y FLV

Thu, 01 May 2008 16:04:21

Adobe, en alianza con prácticamente todas las empresas que generan dispositivos de distribución de datos y entretenimiento móvil u hogareño, ha anunciado el Open Screen Project. Traducido del MKT Speak, este proyecto básicamente abre las especificaciones del formato SWF 9 y de los FLV, adicionalmente a eso, elimina las restricciones de licencia sobre el uso de los formatos. Permitiendo legalmente crear un Flash Player de código abierto, entre otras cosas.

¿Dónde puse mi imagen de Satán congelándose en el infierno?

Ahí está.

Este anuncio es gigante. En una pequeña lista, Adobe especifica que el proyecto apunta a:

Remover las restricciones del formato SWF y el FLV/F4V.
Publicar el API de la capa para portar el Adobe Flash Player a dispositivos.
Publicar el protocolo Adobe Flash Cast y el protocolo AMF (Flash Cast, en síntesis, es un protocolo de transmisión de video en tiempo real para dispositivos móviles)
Remover los costos de licencia para dispositivos, haciendo completamente gratis las próximas versiones de Adobe AIR y Adobe Flash Player para estos dispositivos (Antes había que pagar para tener Flash metido en tu aparato... eso no sonó bien, pero no hay tiempo de reescribir).

Con esto sólo es cuestión de imaginar las nuevas cosas que existirán:

PSP, Nintendo Wii y muchos otros dispositivos embebidos tendrán el Flash Player 9.
Cualquier dispositivo embebido (Aparato electrónico con pantallita) puede tener el Flash Player sin pagar. Se podrán crear interfaces que usen SWFs para ser reprogramadas (Piensen en un carro cuyo Dashboard sea personalizable con Flash)
Flash en el iPhone. (Sí. Ya sé, ya sé)
Al fin los usuarios de Linux podrán programar su propio Flash Player 9 para procesadores de 64 bits que corran en PowerPC en VectorLinux o la combinación exótica que quieran y que les impedía aceptar Flash más que como una aberración. (Te estoy viendo, Gnash)

Y para concluir, miren las cosas que ha hecho Adobe últimamente, luego sumen dos más dos para ver hacia el futuro.

Liberaron Tamarin, el motor de Actionscript 3, con la licencia de Mozilla.
Crearon Apollo (Ahora Adobe AIR) para desarrollo de aplicaciones de escritorio de verdad, usando Flash, Flex o HTML/CSS/JavaScript.
Lanzaron Flex Builder 3 para Linux y liberaron como código abierto el compilador y SDK de Flex.
Anunciaron una completa capacidad técnica para colocar Flash Player Standalone en el iPhone, con dudas de integrarlo a safari.
Regalan licencias completas de Flex Builder 3 si eres estudiante, profesor y afin a la enseñanza.
Anuncian que eliminarán el formato binario .FLA por el formato abierto .XFL basado en XML.

Por supuesto, muchas de estas cosas son gracias a Silverlight, la iniciativa de Microsoft para acabar con el reino de Adobe. Pero no deja de ser interesante lo inteligente y acertado de los últimos movimientos de Adobe para quitarle relevancia a Silverlight

¿Hacia donde va Adobe?

Conectar Flex 3 con PHP usando WebORB

Wed, 16 Apr 2008 00:00:00

Este es el más sencillo, claro y directo tutorial de conexión entre Flex 3 y WebORB que jamás encontrarás. Explica paso a paso, con graficos, plastilina y dos modelos irlandesas cómo conectar una clase de PHP con Flex 3 sin el menor problema usando Remoting, RemoteObject, WebORB y Flex Builder 3.

Balanceo de un péndulo en Actionscript

Mon, 31 Mar 2008 00:00:00

Un efecto de balanceo realista de péndulo con varias variables fisicas, creado por Actionscript. Incluye variables de rotación, peso, resistencia, botón de aceleración, entre otros.

Juego de Arkanoid o BreakOut en Flash con sólo Actionscript 3

Tue, 25 Mar 2008 00:00:00

En este tutorial aprenderás a crear una Clase en Actionscript 3 que generará un juego al estilo BreakOut o Arkanoid.

Test de velocidad en Flash

Tue, 11 Mar 2008 00:00:00

Crea un test de velocidad para tu sitio web sin necesidad de lenguajes del lado del servidor. Sólo Flash y Actionscript.

Creación de un juego de Pong en Actionscript 3

Wed, 05 Dec 2007 00:00:00

Crearemos una clase reutilizable para diseñar e implementar un juego de pong personalizable en Actionscript 3.

Gráficos estadísticos en Flex con LineChart y TabNavigator

Wed, 05 Dec 2007 00:00:00

LineChart es un componente de Flex para crear gráficos estadísticos de líneas. TabNavigator incluye navegación por pestañas a RIAs de Flex. Aprende a combinar ambos componentes en una aplicación.

Enviar datos por POST y GET en AJAX en una función

Wed, 05 Dec 2007 00:00:00

En este tutorial te contamos como crear una sola función que te permita pasar variables mediante GET y POST entre dos páginas Web usando AJAX.

Un dia normal del foro

Tue, 20 Nov 2007 00:00:00

"Hordie", esa bella combinación de usuarios nuevos que llega en estampida en las vacaciones, vuelve al hogar, los foros de Clab.

Crear DVD con Adobe Premiere Pro

Sun, 21 Oct 2007 00:00:00

Un tutorial de Adobe Premiere Pro donde conocerás sus principales herramientas y aprenderás, desde cero, el proceso de creación de un DVD con menus, recodificación de video, titulos, efectos especiales y transiciones. Para al final tener un DVD de video reproducible en un TV.

Manejo de cadenas de texto o Strings en Actionscript 3

Sun, 21 Oct 2007 00:00:00

Nuevas funciones se sumaron a las tradicionales formas de manejo de texto en Actionscript 3. Aprende en este tutorial para principiantes varias técnicas de manipulación de strings con este lenguaje.

Clab News

Mon, 31 Jul 2006 00:00:00

De la mano de blackdragon (Idea original) y la100rra (Arte) llega a ustedes la tercera edición (Y primera en el comic) del periódico Clab News.

El MundoReal(tm)

Sun, 16 Apr 2006 00:00:00

Nuestro personajillos se preguntan que hay más allá de la tira.

Oh nuestro webmaster!

Fri, 14 Apr 2006 00:00:00

Nos prohibieron publicar este comic. Era lo mejor. Nos dijeron Hagan algo impactante. Pero algo terriblemente malo paso. Ahora, una orden judicial nos obliga a mostrarlo. Contra nuestra voluntad.

Pantalla Azul OS X

Tue, 11 Apr 2006 00:00:00

Desde que el pantallazo azul se hizo famoso, ha estado presente en nuestras vidas, ahora Apple no quiere quedarse atras.

Cambio de Look

Wed, 05 Apr 2006 00:00:00

El cambio de look del blog (theNinjaBunny.blog), basado en el comic, debía de tener repercusiones...

Web 2.0

Thu, 30 Mar 2006 00:00:00

A algunos no les llega a cuadrar el concepto 2.0

Vista a Internet Explorer 7

Tue, 21 Mar 2006 00:00:00

Un breve paso, de la mano de nuestro amigo IE, por las nuevas cosas de su versión 7. Quizas...

Stepmania

Mon, 20 Mar 2006 00:00:00

StepMania es una alternativa a DDR (Dance Dance Revolution) o al Pump It Up (coño, el juego ese de bailar)

Windows Vista

Mon, 13 Mar 2006 00:00:00

¿A qué precio podremos disfrutar de las "maravillas" de windows Vista?