Entradas etiquetadas con Tutoriales

JavaScript avanzado: conversión decimal-hexadecimal

1

El parámetro que le pasamos al método toString() indica la base a la que queremos convertir el número, en este caso 16 para conversión hexadecimal.

El segundo parámetro de la función parseInt() indica la base del número que estamos convirtiendo.

var a = (255).toString(16); // a = ff

var b = parseInt( 'ff', 16 ) // b = 255

var c = parseInt('0xff'); // c = 255

Instalar Windows 8 Developer Preview en VirtualBox (Tutorial)

23

Windows 8 Preview - VirtualBox

Microsoft publicó hace unos días Windows Developer Preview, una versión pre-beta de Windows 8 destinada a desarrolladores, que se puede descargar de forma gratuita y nos permite probar el nuevo sistema operativo.

Se han publicado tres imágenes ISO para poder realizar la instalación. Todas están en inglés aunque permiten configurar el teclado en nuestro idioma.

  • Windows Developer Preview with developer tools English, 64-bit (x64) (4,8 GB)
  • Windows Developer Preview English, 64-bit (x64) (3,6 GB)
  • Windows Developer Preview English, 32-bit (x86) (2,8 GB)

(más…)

Mostrar icono “home” (casa) usando menús personalizados en Mystique

6

Cuando instalas Mystique, por defecto verás un icono de una casita al lado de la palabra “Inicio” en el menú superior. Si después decides usar un menú personalizado de WordPress, verás que este icono desaparece.

Si quieres que se muestre de nuevo el icono, tienes que añadir el siguiente código en la pestaña “CSS” de las opciones de Mystique o en el archivo “style.css” de Mystique – Extend, cambiando “www.ejemplo.com” por tu propio dominio en las dos URLs, no lo olvides.

.nav-main .menu-inicio a{
background: transparent url(http://www.ejemplo.com/wp-content/themes/mystique/images/icons.png) no-repeat -46px -56px;
padding-left: 32px;
}

.nav-main .menu-inicio.active > a,
.nav-main .menu-inicio.active-parent > a{
background: transparent url(http://www.ejemplo.com/wp-content/themes/mystique/images/icons.png) no-repeat -46px -6px;
}

(más…)

JavaScript avanzado: insertar un array en otro array

2

El método splice() se puede usar para insertar un array dentro de otro en una posición determinada.

var a = [1,2,3,7,8,9];
var b = [4,5,6,];
var pos = 3;

a.splice(pos, 0, b);

document.write(a); // imprime: 1,2,3,4,5,6,7,8,9

Bloquear acceso a archivos con .htaccess

4

Vamos a ver varios ejemplos de cómo impedir el acceso a archivos de nuestro servidor.

Por ejemplo, si al intentar acceder a http://www.tudominio.com/.htaccess no recibes un “Forbidden“, significa que este tipo de archivos no están protegidos contra el acceso en la configuración de tu servidor. Para solucionarlo, edita (si ya existe) o crea un archivo .htaccess en el directorio raíz de tu espacio web con las siguientes líneas en su interior:Seguridad

<Files .htaccess>
Order allow,deny
Deny from all
</Files>

(más…)

JavaScript avanzado: eliminar un elemento por valor en un array

2

El método indexOf() devuelve la posición de un elemento en un array o -1 si no se encuentra.

El método splice() añade y/o elimina elementos en un array, y devuelve el elemento eliminado.

Sintaxis

array.splice(index, num, elemento1, ... , elementoX);

  • index – Requerido. Un entero que especifica en qué posición añadir/eliminar elementos.
  • num – Requerido. Número de elementos a eliminar. Si se establece en 0, no se eliminarán elementos.
  • elemento1, … , elementoX – Opcional. Los nuevos elementos a añadir al array.
var arr = ['a', 'b', 'c', 'd'];
var pos = arr.indexOf( 'c' );
pos > -1 && arr.splice( pos, 1 );
document.write(arr);  // imprime: a,b,d

CSS: Cajas con sombra para todos los navegadores usando box-shadow + Shadow Filter

3

Vamos a ver cómo conseguir un interesante efecto de sombra usando solamente CSS. En el ejemplo aplicaremos la sombra a un div, pero este efecto se puede usar prácticamente con cualquier elemento HTML, como imágenes, tablas, formularios, etc.

box-shadowAunque para las versiones actuales de todos los navegadores solo sería necesario usar la propiedad estándar “box-shadow“, para lograr la compatibilidad con todos los navegadores y sus versiones, vamos a utilizar 5 propiedades distintas.

Las dos primeras son necesarias para versiones anteriores de Mozilla Firefox y de navegadores basados en WebKit, como Safari y Google Chrome. La tercera propiedad es la estándar de CSS 3, válida para Opera y para todos los navegadores actuales. Las dos últimas son filtros específicos de Microsoft (Shadow Filter) y son necesarias para antiguas versiones de Internet Explorer.

(más…)

JavaScript avanzado: texto multilínea

2

La siguiente forma de declarar un texto multilínea es la más sencilla y legible. El inconveniente es que pertenece a JavaScript 1.6 y, actualmente, los únicos navegadores que soportan versiones de JavaScript superiores a la 1.5 son Mozilla Firefox e Internet Explorer 9.

var texto = <>
este
es
mi
texto
multilínea
</>.toString();

alert(texto);

(más…)

JavaScript avanzado: desordenar un array

1
var lista = [1,2,3,4,5,6,7,8,9];
lista = lista.sort(function() {return Math.random() - 0.5});
document.write(lista); // imprime por ejemplo: 7,9,1,5,2,3,6,4,8

URL personalizada para tu perfil o página de Facebook

6

Tener un nombre de usuario en Facebook te permite acceder a tu perfil o página mediante una dirección web del tipo:

http://www.facebook.com/nombre-de-usuario

FacebookAl configurar tu nombre de usuario en Facebook, generas una nueva URL mucho más sencilla que facilitará las cosas a tus amigos a la hora de localizarte. Además, tener una URL amigable puede incluso mejorar tu posicionamiento en buscadores.

En el caso de las páginas de Facebook, para poder asignarle a tu página un nombre de usuario (URL personalizada) tienes que tener al menos 25 fans.

(más…)

Ir arriba