Perraco …otro Geek en la red…
Categoría: Programación

Un Tetris pequeño, ingenioso y en Javascript

Aquí tenéis un juego de Tetris completamente funcional programado en puro Javascript con un tamaño menor a un ¡1Kbyte!. Aunque es de lo más sencillo tiene un mérito increíble y me saco el sombrero ante su creador, que por lo que he visto en su página principal es japonés.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<body onKeyDown=K=event.keyCode><script>X=[Z=[B=A=12]];
h=e=K=t=P=0;function Y(){C=[d=K-38];c=0;
for(i=4;i--*K;K-13?c+=!Z[h+p+d]:c-=!Z[h+(C[i]=
p*A-Math.round(p/A)*145)])p=B[i];!t|c+4?c-4?0:h+=d:B=C;
for(f=K=i=0;i<4;f+=Z[A+p])X[p=h+B[i++]]=1;
if(e=!e){if(f|B){for(l=228;i--;)Z[h+B[i]]=k=1;
for(B=[[-7,-20,6,17,-9,3,6][t=++t%7]-4,0,1,t-6?-A:-1];
l--;h=5)if(l%A)l-=l%A*!Z[l];else for(P+=k++,j=l+=A;--j>A;)
Z[j]=Z[j-A]}h+=A}for(i=S="";i<240;
X[i]=Z[i]|=++i%A<2|i>228)i%A?0:S+="<br>",S+=X[i]?"&diams;":"_";
document.body.innerHTML=S+P;Z[5]||setTimeout(Y,99-P)}Y()</script>
</body>
</html>

Enlace: Tetorisu

Muestra imágenes al azar en la cabecera de tu blog

Imágenes al azarEn este tutorial aprenderás como cargar y mostrar imágenes al azar en la cabecera de tu blog en Wodpress sin necesidad de usar Javascript, aunque la técnica es facilemente adaptable a cualquier otra plataforma que use PHP. Opcionalmente puedes seguir este enlace para aprender a cargar imágenes aleatorias desde CSS. No te asustes por la longitud del tutorial ya que todo se limita a una sola línea de código.

 (...seguir leyendo el resto del artículo  » ) 

Protégete de manera efectiva contra el Hotlinking

Protección contra el Hotlinking Para los que no sepan muy bien que es el Hotlinking, os resumiré que se trata de un tipo de robo ya sea accidental o intencional en el cual alguien copia el enlace de un fichero hospedado en tu servidor para usarlo en su propia web, en consecuencia cada vez que se haga una petición del fichero en esa web este se descargará desde tu servidor consumiendo el ancho de banda sin permiso. Este tipo de robo es más comun con imagenes aunque se puede hacer con cualquier tipo de fichero.

 (...seguir leyendo el resto del artículo  » ) 

Bordes redondeados en CSS para Firefox y Safari

Bordes CSS para Firefox Hasta que llegue el estándar CSS 3 los usuarios de Firefox y Safari tenemos una sencilla alternativa para crear bordes redondeados sin necesidad de usar gráficos. Para los que sepáis ya algo de CSS 3 sabréis que los bordes redondeados se implementarán a través del elemento Border-Radius. Firefox y Safari usan su propia implementación a través de los prefijos moz y webkit, así que lo único que tenemos que hacer es declararlos en nuestro fichero CSS y listo. Esta es la lista con las sintaxis a seguir para realizar la implementación:

 (...seguir leyendo el resto del artículo  » ) 

Múltiples webs en una sola cuenta de hosting

Diagrama .htaccess

La verdad es que la mayoría de cuentas de hosting permiten tener varias webs y sólo las más económicas carecen de esta facilidad, aun así me he decidido a publicar este artículo para los que estén interesado en esta técnica. Algo primordial que debe saberse sobre la división de dominios en una sola cuenta es que no es muy recomendable para webs con mucho tráfico de Internet, ya que las empresas suelen asignar un ancho de banda especifico y al realizar nuestra división de dominios el ancho de banda sigue igual para toda la cuenta, aunque fragmentada por el tráfico a cada asignación de domino/carpeta. La técnica en si, consiste en las facilidades que nos aporta el fichero .htaccess, con lo que creo que debería haber empezado por decir que necesitas tener acceso de edición o creación de este fichero, el otro requisito imprescindible claro está es que tu cuenta permita múltiples dominios. Dicho esto, la ventaja de usar el fichero .htaccess es que nos permite realizar una re-dirección limpia sin necesidad de especificar códigos para los crawlers de internet, y en su efecto haciendo que cada carpeta asignada se convierta en la verdadera raíz del dominio. El siguiente ejemplo muestra la parte a añadir en el fichero .htaccess en la cual direccionamos el dominio 1 a la carpeta principal y los dominios 2 y 3 a destinitos subdirectorios.

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /

# Primer dominio apuntando al directorio raíz
ReWriteCond %{HTTP_HOST} dominio_1.com
ReWriteCond %{REQUEST_URI} !/
ReWriteRule ^(.*)$ /$1 [L]

# Segundo dominio apuntando a un subdirectorio de la raíz
ReWriteCond %{HTTP_HOST} dominio_2.com
ReWriteCond %{REQUEST_URI} !subdirectorio_A/
ReWriteRule ^(.*)$ subdirectorio_A/$1 [L]

# Tercer dominio apuntando a un subdirectorio de la raíz
ReWriteCond %{HTTP_HOST} dominio_3.com
ReWriteCond %{REQUEST_URI} !subdirectorio_B/
ReWriteRule ^(.*)$ subdirectorio_B/$1 [L]

</IfModule>

Cerrar
Enviar por Correo