Archivos de la categoría Tutoriales

Instalar servidor local en Ubuntu y derivados – LAMP

A la hora de instalar un servidor local en nuestra computadora hay varias opciones dependiendo del sistema operativo en el que estemos, si lo que queremos es instalar de manera sencilla un servidor LAMP (Linux, Apache, MySQL / MariaDB, PHP) lo mejor es utilizar XAMPP, que puede ser instalado tanto en Linux,   Windows y OS X. O sea la L de Linux la podemos obviar.

Si lo que queremos es instalar el servidor LAMP en una distribución Ubuntu o derivada podemos hacerlo a mano y aprender en el proceso:

Sigue leyendo Instalar servidor local en Ubuntu y derivados – LAMP

Función PHP para Encriptar y Desencriptar

Hoy les traigo un par de funciones PHP para encriptar y desencriptar, por ejemplo, contraseñas, lo que es básico a la hora de guardar los datos en nuestra BD. Sin más dejo las funciones que también podrían combinarse en una sola:

1
2
3
4
5
6
7
8
9
10
11
12
function encriptar($cadena){
    $key='';  // Una clave de codificacion, debe usarse la misma para encriptar y desencriptar
    $encrypted = base64_encode(mcrypt_encrypt(MCRYPT_RIJNDAEL_256, md5($key), $cadena, MCRYPT_MODE_CBC, md5(md5($key))));
    return $encrypted; //Devuelve el string encriptado
 
}
 
function desencriptar($cadena){
     $key='';  // Una clave de codificacion, debe usarse la misma para encriptar y desencriptar
     $decrypted = rtrim(mcrypt_decrypt(MCRYPT_RIJNDAEL_256, md5($key), base64_decode($cadena), MCRYPT_MODE_CBC, md5(md5($key))), "\0");
    return $decrypted;  //Devuelve el string desencriptado
}
function encriptar($cadena){
    $key='';  // Una clave de codificacion, debe usarse la misma para encriptar y desencriptar
    $encrypted = base64_encode(mcrypt_encrypt(MCRYPT_RIJNDAEL_256, md5($key), $cadena, MCRYPT_MODE_CBC, md5(md5($key))));
    return $encrypted; //Devuelve el string encriptado

}

function desencriptar($cadena){
     $key='';  // Una clave de codificacion, debe usarse la misma para encriptar y desencriptar
     $decrypted = rtrim(mcrypt_decrypt(MCRYPT_RIJNDAEL_256, md5($key), base64_decode($cadena), MCRYPT_MODE_CBC, md5(md5($key))), "\0");
    return $decrypted;  //Devuelve el string desencriptado
}

Animaciones con CSS3

Las animaciones realizadas con CSS3 lentamente se abren paso en remplazo de Javascript, cierto es que con ellas no podemos lograr animaciones demasiado complejas, ni tampoco podemos esperar que funcionen en navegadores obsoletos como Internet Explorer, incluso no estoy seguro de que funcionen correctamente en la versión 10, que pocos tienen a la hora de escribir esta publicación.

Para implementar una animación con CSS3 tenemos que usar las funciones CSS3 animation y @keyframes. La sintaxis de las mismas no tiene muchas complicaciones, en el caso de animation se trata de la llamada corta, pudiendo, usando las llamadas individuales, definir todos los parámetros de la animación por separado; personalmente prefiero ésta versión por que ocupa mucho menos código. Veamos un ejemplo súper sencillo, un CD que cuando le pasamos el mouse por arriba gira utilizando la función CSS3 transform : rotate.

cd

Sigue leyendo Animaciones con CSS3

Formulario de Contacto en PHP y con reCAPTCHA

Muchas veces necesitamos un formulario personalizado para un cliente, por eso hoy presento el código necesario para hacer un formulario sencillo. Cada uno podrá adaptarlo a sus necesidades. El formulario también posee un reCAPTCHA para prevenir el spam, para utilizar un reCAPTCHA deberemos inscribirnos en el sitio http://www.google.com/recaptcha/whyrecaptcha donde nos darán gratis una clave pública y una privada, ambas necesarias para hacerlo funcionar. El código para la página del formulario es el siguiente:

1
2
3
<?php
session_start();
?>
<?php
session_start();
?>

Sigue leyendo Formulario de Contacto en PHP y con reCAPTCHA

Como conectarse a una Base de Datos con PHP

Conectarse a una base de datos con PHP es cosa de todos los días para quienes estamos y para los que quieran estar en el desarrollo web. Hacerlo es bastante sencillo, pero hay ciertas pautas y cambios que han surgido desde las últimas versiones de PHP que conviene saber. Algo importante para todo desarrollador que quiera comenzar un nuevo proyecto es el echo de que las función tradicional para conectarse a la base de datos mysql_connect ya no es la opción recomendada, ahora para conectarnos a la BD debemos usar mysqli o pdo, dos nuevas clases que nos permitirán hacer lo mismo que la función anterior pero con sintaxis diferente.

Sigue leyendo Como conectarse a una Base de Datos con PHP

Calcular fecha futura o pasada con PHP

Hay veces que necesitamos que nuestro sistema calcule automáticamente que fecha será dentro de X días, o X meses, o X años a partir de la fecha actual o de una fecha determinada. Hoy les traigo una función sencilla para lograr ésto, esta función determinará la fecha pasando le ciertos parámetros  El código es el siguiente:

Sigue leyendo Calcular fecha futura o pasada con PHP

5 funciones útiles Javascript

Hoy traigo cinco funciones Javascript que nos pueden ayudar en el día a día.

1 – Re-dirección con Javascript 

La primera función que traigo es muy sencilla, se trata de una función que redirige el navegador a el link pasado como parámetro. También se incluye una segunda función donde se agrega el dominio actual antes del link pasado como parametro, lo cual se puede usar cuando no queremos pasar la ruta completa. Veamos el código:

1
2
3
4
5
6
7
/*El parametro link debe tener el formato siguiente:
  ej: http://www.misitio.com/imagenes/logos/logo.png*/
 
function redirige_limpio(link){
 
        location.href=link;
}
/*El parametro link debe tener el formato siguiente:
  ej: http://www.misitio.com/imagenes/logos/logo.png*/

function redirige_limpio(link){

        location.href=link;
}

Sigue leyendo 5 funciones útiles Javascript

Diez atributos CSS3 imprescindibles (Segunda parte 10/10)

6 – Media Queries

Las Media Queries nos permiten “ejecutar” cierto código CSS cuando se cumple una o más condiciones. Y por “ejecutar” me refiero a que el código contenido en esta Media Querie se superpondrá al resto de los valores ya definidos para los elementos que estemos modificando con la misma. Suena un poco confuso pero es bastante sencillo, especialmente si vemos el código:

1
2
3
4
5
6
7
8
9
10
11
.caja{
      width:200px;
      height:100px;
 }
 
 @media only screen and (max-width:768px) and (min-width:480px){
     .caja{
           width:100px;
           height:50px;
     }
 }
.caja{
      width:200px;
      height:100px;
 }

 @media only screen and (max-width:768px) and (min-width:480px){
     .caja{
           width:100px;
           height:50px;
     }
 }

Sigue leyendo Diez atributos CSS3 imprescindibles (Segunda parte 10/10)

Diez atributos CSS3 imprescindibles (Primera parte 5/10)

El CSS3 es la nueva versión del lenguaje de estilos para sitios web, aunque debería ser el estándar nos encontramos muchas veces con que debemos utilizar prefijos para hacer funcionar las ultimas adiciones al lenguaje. Hoy trigo diez atributos CSS que son de mucha utilidad al hacer un sitio web moderno.

1 – Border-radius:

El atributo border-radius nos permite añadir bordes redondeados a nuestra Div, así como a otros elementos HTML (ej: inputs). La sintaxis del atributo es la siguiente:

1
2
3
4
.caja{
     border:2px solid;
     border-radius:25px;
}
.caja{
     border:2px solid;
     border-radius:25px;
}

Donde el valor da la curvatura a todos los bordes, cuanto más grande el valor mayor es la curvatura. En el caso que queramos definir la curvatura de cada uno de los bordes lo podemos hacer de la siguiente manera:

Sigue leyendo Diez atributos CSS3 imprescindibles (Primera parte 5/10)

Tooltips con qTip2

Hay veces que necesitamos que cierto texto o imagen muestre un texto descriptivo cuando pasamos el mouse por encima, aunque esto puede ser realizado a “mano”, hay disponibles en la internet muchas herramientas poderosas y compatibles con múltiples navegadores como para ponerse a realizar la uno mismo, especialmente cuando es probable que nos lleve mucho más rato y no obtengamos mejores resultados.

Sigue leyendo Tooltips con qTip2