Esto se hace editando el facilísimo, ejem, .htaccess de Apache, con sus directivas, que ninguna está buena ni te pone, al revés son la repera, difíciles por ser casi todas iguales, así que traes leer en ellas en diferentes blogs y comprobar que no me ha servido ninguna para este, mi caso, he decidido hacer un “brevepost” para que aquí quede si alguien debe en el futuro lidiar con ello:

Redirect 301 “/Longboard-completo/”  http://www.tulongboard.es/longboards-bambu-series/
Redirect 301 “/Mochilas-Skate/”  http://www.tulongboard.es/mochilas-longboard/
Redirect 301 “/Longboard/”  http://www.tulongboard.es/longboards-baratos/

Es decir:

Redirect 301 “página en servidor A sin las http://www.dominioA.com, es decir solo el QUERY_STRING” http://www.dominioB.es/pagina-html-destino

Así de fácil!

Páginas relacionadas con este artículo:

1. Ocultar los datos de registro de un dominio
2. Extensiones de dominio disponibles en el mundo
3. Condiciones en mod_rewrite para la redirección

Aún no hemos podido comprobar la funcionalidad de esta clase pero por lo que parece indicar no es un sólo redireccionador de url atendiendo al dispositivo o browser sino que parece que puede modifica los enlaces al vuelo existentes en la página web para mantenerse en el formato apropiado del dispositivo.

http://code.google.com/p/cimobile/wiki/CiMobile

Páginas relacionadas con este artículo:

1. Estructuras redimensionables para iPhone
2. Diferentes dispositivos diferentes resoluciones
3. jQuery para móviles

Puedes descargar la hoja de estilos CSS en el siguiente enlace.

http://horaciobella.com/zardi/

Páginas relacionadas con este artículo:

1. Creador visual de CSS3
2. Menú de navegación desplegable en CSS3
3. Compatibilidad CSS3 con diferentes navegadores

Bueno hoy algo sencillito, un CSS reset de los de copipastear, es totalmente free y open source, yo por respeto al autor “Eric Meyer” dejo su referencia, pero si lo necesitais para un proyecto comercial lo podeis quitar sin tenerlo que refreir ni nada, a pedir de boca. Aquí va:

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

Páginas relacionadas con este artículo:

1. Cómo añadir un botón para compartir con Facebook
2. Representar teclas del teclado
3. Diseño de tablas con CSS

A nivel de efectos es sencillito pero muy efectivo, meter más efectos es meter más ruido y perder elegancia, puede modificarse prácticamente del todo via CSS.  No obstante estos efectos son totalmente ampliables mediante la configuración de diferentes easeIn y easeOut, puedes ver los efectos disponibles en:

http://gsgd.co.uk/sandbox/jquery/easing/

Además este slider permite que se desplace su contenido interior a través de la rueda de scroll del mouse, genera la paginación automática y permite cualquier tipo de contenido, todo en 2,2Kb. (Sin contar las librerías jQuery).

A nivel de compatibilidad hemos encontrado algún problema menor con Google Chrome, donde el indicador de paginación está sobre el contenido y la capa flotante pisa algo el contenido, bajo FireFox funciona perfectamente, quizá en una nueva versión corrijan estos problemas.

La licencia de este slider es totalmente free, es decir puedes incorporarla en tus propias aplicaciones sean comerciales o no.

Enlace: http://mgoys.com/lab/hashslider

Páginas relacionadas con este artículo:

1. Visor de imágenes con efectos y jQuery
2. Otro slider o accordion pero este gratis
3. El mejor slider que he visto

Bueno… esto va en serio, menudo slider multidimensional que han construido bajo jQuery… quita el hipo! Viene preparado para sistemas touch o taćtiles, aka iPad, iPhones y tablets y teléfonos Androideados, tiene unos efectitos muy elegantes y discretos y un montón de abalorios para decorar este fantástico slider accordion o acordeon de contenidos que puede hacer las veces de portfolio o de menú de prácticamente cualquier web, a nivel de usabilidad es muy correcto, le doy un 7 sobre 10 va… que no se diga.

Disponen de una licencia comercial, sin su marca, y una licencia Freeware con la marca pero totalmente preparada para integrar en WordPress. Haber si venden cantidades brutales y se nos demuestra que de esto, podemos vivir todos, amigos manitas del javascript!

Dadle un vistazo: http://www.slidedeck.com/wordpress/

Páginas relacionadas con este artículo:

1. Otro slider o accordion pero este gratis
2. Slider con hashtag bajo jQuery
3. Motor para videojuegos bajo HTML5 y JavaScript

Con este pequeño script o snipplet podrás aprender fácilmente como crear un archivo sh para Linux con el que podrás hacer que se descargue un archivo de forma recurrente de forma programada cada N segundos, en nuestro ejemplo cada 60 segundos.

La argumentación del comando WGET, a tu gusto, si bien puedes incluso programar subidas. Esto puede ir fenomenal para copias de seguridad o sincronización entre máquinas remotas. Dale a la bola para ver tu en que te lo puedes aplicar, el script a continuación;

while true; do

   wget <aquí van los argumentos de wget>
   sleep 60
done

Páginas relacionadas con este artículo:

1. Optimizar bases de datos Mysql
2. Aplicación web PHP para backup de mysql
3. Test de carga web

Hay de todo y muchas de ellas son excelentes, incluso un juego de ajedrez y un juego de plataformas estilo Mario, entrañable personaje videojuegil que ayer cumplió 25 años, todas estas demos están metidas en tan sólo 1Kb. de memoria.

Parece increíble, aunque amigos… no quisiera yo contar la historia de cuando antes de jugar me cascaba ochenta y pico líneas de código Basic a pelo, porque no existían pendrives ni discos duros ni siquiera disquettes o unidades de cassete en aquel venerable Sinclair ZX81 de exactamente 1Kb. de memoria y eso sin contar que la teclas que tenía eran duras, duras, planas con un sistema de membrana con sonido de rana… que tiempos!

¿Así que, a qué esperas para alucinar? http://js1k.com/demos

Por si fuera poco la visita de ese enlace os copypasteamos a continuación el código del juego de plataformas que hemos comentado, eso sí, para un mayor entendimiento os lo mosstramos sin comprimir y comentado, es decir ocupa más de una KA, es una long version ideal para aquellos que ven en el JavaScript el lenguaje de las videoconsolas del futuro, es decir, de las PlayStation 4 parriba… :

canvas=document.body.children[0];
screen_height=time=150;
last_height=screen_width=canvas.width=800;
unit=dead=50;
heights=[];

// The abbreviation loop, initializing the variabled needed by the key-handlers on the side.
for(prop in context=canvas.getContext('2d'))
  context[prop[jump=speed_x=speed_y=0]+(prop[6]||'')]=context[prop];

setInterval(function(){
  if(dead)
    // initialize the player position, score, and heightmap
    for(x=405,i=y=score=0;i<1e4;)
      // (screen_width is reused as the off-the-screen height of gap blocks)

      // a block can be a gap if its index is <9, or if the last block was no gap. after this test,
      // a random number is compared to .3 to determine whether an actual gap is generated, or a
      // regular random height.
      last_height=heights[i++]=
        i<9|last_height<screen_width&Math.random()<.3?screen_width:Math.random()*unit+80|0;

  // silly formula to create parabolic movement based on the time
  plant_pos=++time%99-unit;plant_pos=plant_pos*plant_pos/8+20;

  y+=speed_y;
  // only move horizontally if that doesn't take us deep underground (x/unit|0 fetches the index of
  // the block below an x coordinate)
  x+=y-heights[(x+speed_x)/unit|0]>9?0:speed_x;
  // compute final player height index, and ground level under it
  ground=heights[player_index=x/unit|0];
  // adjust y and speed_y based on whether we are on the ground or not
  speed_y=y<ground|speed_y<0?speed_y+1:(y=ground,jump?-10:0);

  // we'll need the context a lot
  with(context){
    A=function(color,x,y,radius){
      // a is the abbreviated form of arc
      radius&&a(x,y,radius,0,7,0);
      // if color is not a gradient object (we set a P property in gradient objects), it is an index
      // into a set of colors
      fillStyle=color.P?color:'#'+'ceff99ff78f86eeaaffffd45333'.substr(color*3,3);
      // f for fill, ba for beginPath
      f(); ba();
    };

    // now loop over visible, or close to visible, blocks, and draw them and their clouds
    for(dead=i=0;i<21;i++){
      // this loop is reused for drawing the background/rainbow, which consists of seven concentric
      // circles. there's no good reason why interleaving clearing the screen with drawing the
      // screen's contents should work, but in this case it does
      i<7&&A(i%6,screen_width/2,235,i?250-15*i:screen_width);

      // we start drawing 5 units in front of the player (first four will be off-screen, needed just
      // for clouds)
      height_index=player_index-5+i;

      scroll_pos=x-height_index*unit;
      // since player screen position is fixed, we can use scroll position for collision detection.
      // this variable indicates whether the player is in the 'middle' of the current block
      player_in_middle=scroll_pos>9&scroll_pos<41;

      // ta for translate. move to start of block to make other drawing commands shorter
      ta(unit-scroll_pos,0);
      // cL for createLinearGradient, for the ground/grass gradient
      gradient=cL(0,height=heights[height_index],0,height+9);
      // if height is divisible by 6, there's a coin here. draw it. if the player is standing on the
      // ground, in the middle of this unit, pick up the coin
      height%6||(A(2,25,height-7,5),y^ground||player_in_middle&&(heights[height_index]-=.1,score++));

      // abbreviate, since we need this twice (and use it again to test whether a value passed to A
      // is a gradient)
      gradient.P=gradient.addColorStop;
      // this implements sinky terrain---when the index is divisible by 7, we use a different color,
      // and do the sinking if the player is standing here
      gradient.P(0,height_index%7?'#5e1':(height_index^player_index||y^height||
                                          (y=heights[height_index]+=plant_pos/99),'#a59'));
      // brown earth color for the bottom of the gradient
      gradient.P(1,'#b93');

      // this draws the clouds
      height_index%4&&A(6,time/2%200,9,height_index%2?27:33);

      // draws the terrain block. m is moveTo, qt is quadraticCurveTo, l is lineTo
      m(-6,screen_height);qt(-6,height,3,height);l(47,height);qt(56,height,56,screen_height);A(gradient);

      // draw deco trees or piranha plant (height==screen_width for gap blocks), check for collision
      // with plant
      height_index%3?0:height<screen_width
        ?(A(gradient,33,height-15,10),fc(31,height-7,4,9))
         A(7,25,plant_pos,9),A(3,25,plant_pos,5),fc(24,plant_pos,2,screen_height),
          dead=player_in_middle&y>plant_pos-9?1:dead);

      // undo block-local translation
      ta(scroll_pos-unit,0)
    }

    // draws the player, using the speed to adjust the position of the iris
    A(6,unit,y-9,11);
    A(5,iris_x=unit+speed_x*.7,iris_y=y-9+speed_y/5,8);
    A(8,iris_x,iris_y,5);

    // color is already dark from eye pupil, draw score with this color
    fx(score+'¢',5,15)
  }

  // check whether the player has fallen off the screen
  dead=y>screen_height?1:dead
},unit);

onkeydown=onkeyup=function(e){
  // if this is a keydown event, new_val gets the value 4, otherwise 0
  new_val=e.type[5]?4:0;
  e=e.keyCode;

  // give jump a truthy value if up was pressed, falsy if up was released
  jump=e^38?jump:new_val;

  // similar for speed_x, inverting new_val if left is pressed
  speed_x=e^37?e^39?speed_x:new_val:-new_val
}

Páginas relacionadas con este artículo:

1. Motor para videojuegos bajo HTML5 y JavaScript
2. Recursos en HTML5 y CSS3
3. Conocer la URL con Javascript

Muy interesante para la visualización de datos estadísticos.

Enlace: http://www.humblesoftware.com/finance/source

Páginas relacionadas con este artículo:

1. Gráfica de datos en CSS
2. Base de datos Cassandra
3. Clase PHP para leer Google Analytics

Hoy os traemos un método simple pero efectivo para forzar que el navegador se descargue un archivo en lugar de abrirlos.

Esta rutina se muestra idónea para los documentos con extensión .PDF .DOC y .TXT que la mayoría de navegadores intentan abrir por si mismos produciendo en ocasiones efectos indeseados.

Esta rutina en lenguaje PHP funciona como página independendiente al que  se le pasa el nombre del fichero via GET, es de cir a través de la URL con un “forzar_descarga.php?=fileToDownload=descargame.txt”

$fileToDownload=$_GET['fileToDownload'];
if($fileToDownload){
header("Content-Disposition: attachment; filename=".$fileToDownload."\n\n");
header("Content-Type: application/octet-stream");
header("Content-Length: ".filesize($fileToDownload));
readfile($fileToDownload);
} else {
echo 'Error file not exist';
}

Páginas relacionadas con este artículo:

1. Variables en la URL
2. Forzar la aparición de las barras de scroll con CSS
3. Optimizar la velocidad de descarga de una web