Webs y Apuestas » Diseño Web

Navegador más utilizado y resolución de pantalla

neodani — Wed, 10 Nov 2010 21:34:37 +0000

Cuando diseñamos páginas webs, deberíamos hacerlas pensando en cómo se visualizará en los diferentes navegadores, al menos en los más utilizados. El top 4 está compuesto por: Internet Explorer 8, Firefox 3.6, Internet Explorer 7 y Chrome 6

Sin olvidar la resolución de pantalla, que también juega un papel importante hoy en día.

Si me tengo que quedar con dos navegadores, me quedaría con Chrome y Firefox. No me gusta nada Internet Explorer, su filosofía de ser diferente y no respetar los estándares de la W3C lo convierte en un quebradero de cabeza para diseñadores web.

Como podemos observar, la lucha por las últimas versiones de navegador está muy reñida. No creo que Firefox tarde mucho en imponerse, tan solo hay menos un 3% de diferencia.

1 – Internet Explorer 8 27.01%

2 – Firefox 3.6 24.22%

El sistema operativo predominante sigue siendo Windows XP. Va a costar desplazar a los usuarios hacia otros Sistemas Operativos, aunque cabe decir que Windows 7 solo lleva un año en el mercado. Ni me acuerdo cuantos lleva el XP!.

En cuanto a resoluciones de pantalla, las más utilizadas son:

1 – 1024×768 21.98%

2 – 1280×800 17.93%

Visto en: http://www.w3counter.com/globalstats.php

Borrar datos MySQL de 3 formas

neodani — Thu, 07 Jan 2010 19:57:20 +0000

Existen diferentes maneras de borrar datos en MySQL. Puede ser que solo te interese borrar un determinado registro (fila), toda una tabla incluida su estructura, o que quieras conservar la estructura y solo necesites vaciar su contenido. Os pongo las tres formas que utilizo habitualmente.

Sentencia para borrar un registro:

1	DELETE FROM tbl_name WHERE campo='valor'

Sentencia para vaciar toda una tabla:

1	TRUNCATE tbl_name

Sentencia para eliminar una tabla:

1	DROP TABLE tbl_name

Donde:
‘tbl_name’ = el nombre de tu tabla en la Base de Datos.
‘campo’ = el nombre de un campo contenido en ‘tbl_name’.
‘valor’ = un registro contenido en ‘campo’.

Recordad que con la sentencia DELETE no borramos el valor de los campos auto_increment, y que para ello necesitamos resetear los campos auto_increment

Salu2!

Saber el último valor auto_increment

neodani — Thu, 07 Jan 2010 19:33:51 +0000

¿Alguna vez te has preguntado como puedes saber el el último valor de un campo auto_increment en mysql o en php?. Te adelanto que no basta con ordenar la tabla y extraer el valor del último registro insertado, porque quizás se han eliminado 50 filas y el valor que obtendrías sería incorrecto. Te presento dos formas de conseguirlo:

Utilizando MYSQL

1 2	INSERT INTO tbl_name (campo1, campo2) VALUES ('valor1','valor2') SELECT last_insert_id();

El valor de last_insert_id() es privado para la sesión que ejecuta las llamadas a columnas de tipo AUTO_INCREMENT, nadie más excepto nuestra sesión tendrá acceso al identificador de registro generado.

El valor recuperado por last_insert_id() se puede utilizar normalmente donde prodría ir una expresión, por ejemplo una sentencia de inserción del último viajero en una línea de bus determinada.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

mysql> insert into viajeros (nombre,apellidos)
VALUES ('Rosa', 'Álvarez');
Query OK, 1 row affected (0.02 sec)
mysql> select last_insert_id();
+------------------+
| last_insert_id() |
+------------------+
| 4 |
+------------------+
1 row in set (0.00 sec)
mysql> insert into autobuses_viajeros (id_bus, id_viajero, fecha)
VALUES (1, last_insert_id(), now());
Query OK, 1 row affected (0.02 sec)
mysql> select * from autobuses_viajeros;
+--------+------------+------------+
| id_bus | id_viajero | fecha |
+--------+------------+------------+
| 1 | 4 | 2008-04-30 |
+--------+------------+------------+
1 row in set (0.00 sec)

Ejemplo MYSQL extraído de cambrico.net

Utilizando PHP

1
2
3
4
5
6
7
8
9
10

$link = mysql_connect('localhost', 'usuario', 'contraseña');
if (!$link) {
die('Could not connect: ' . mysql_error());
}
mysql_select_db('bbdd_name');

mysql_query("insert into tbl_name (campo1, campo2) VALUES ('valor1','valor2')");
printf("El último registro insertado tiene el id %d\n", mysql_insert_id());
?>

Resetear auto_increment en MySQL

neodani — Mon, 04 Jan 2010 20:32:27 +0000

Seguro que eres de las personas que hace mil y una pruebas con la base de datos antes de pasarla a producción!. Si es así, probablemente tengas campos auto_increment que hayan aumentado de valor. A continuación, una manera sencilla de resetear el campo auto_increment de una tabla en MySQL:

1	ALTER TABLE tbl_name AUTO_INCREMENT = 1

Otra forma de borrar y resetar a la vez es usar la función TRUNCATE de MySQL, esta función limpia todas las filas (registros) y si tiene un campo autoincremental también lo resetea.

1	TRUNCATE TABLE tbl_name

Ocultar direcciones de correo con PHP

neodani — Sun, 11 Oct 2009 14:23:03 +0000

La siguiente función de PHP nos permite ofuscar el código fuente pero muestra al usuario el texto de una manera legible. Muy útil para ocultar direcciones de correo electrónico a los robots que rastrean direcciones de email para luego enviar spam.

1
2
3
4
5
6
7
8

function obfuscate($text) {
$length = strlen($text);
$scrambled = '';
for ($i = 0; $i < $length; ++$i) {
$scrambled .= '&#' . ord(substr($text, $i, 1)) . ';';
}
return $scrambled;
}

La dirección se vería correctamente en el navegador. Sin embargo, en el código fuente tendría un aspecto así:

&#105;&#110;&#102;&#111;&#64;&#116;&#111;
&#109;&#97;&#116;&#105;&#115;&#46;&#99;&#97;&#116;

Fuente: Webintenta

Easy Slider: JQuery Slider

neodani — Sun, 30 Aug 2009 10:07:01 +0000

Os dejo un slider de imagenes (o texto) funcional, elegante y muy fácil de usar que no os dejará indiferente.

EasySlider, es un plugin para jQuery que nos permite rotar imágenes (o texto) horizontal o verticalmente de una forma muy fácil y ocupando poco espacio (solo pesa 5kb + los 54kb de jQuery).

El creador de este plugin es Alen Grakalen, de css globe, y en uno de sus blog podemos ver integrado con CSS y funcionando perfectamente este slider.

Posee bastantes opciones de personalización. A continuación, un listado con los parámetros que se pueden configurar y sus valores por defecto:

prevId: 'prevBtn',

prevText: 'Previous',

nextId: 'nextBtn',

nextText: 'Next',

controlsShow: true,

controlsBefore: '',

controlsAfter: '',

controlsFade: true,

firstId: 'firstBtn',

firstText: 'First',

firstShow: false,

lastId: 'lastBtn',

lastText: 'Last',

lastShow: false,

vertical: false,

speed: 800,

auto: false,

pause: 2000,

continuous: false

controlsShow: Por defecto a true, pero si está establecido en false no añade ningún control. Puede ser utilizado junto con auto-deslizante cuando se quiera desactivar la interacción del usuario.
controlsBefore y controlsAfter: En el caso de que se quiera añadir algunos métodos adicionales para obtener más control sobre los botones, puedes hacerlo mediante el uso de estos parámetros.
controlsFade: Por defecto asignado a true. Si se pone a false deshabilitará el ocultamiento de botones cuando el slider llega al final.
firstShow and lastShow: Estos parámetros ocultan (o muestran) los botones “ir a la primera” e “ir a la última”.
auto: Esta opción habilita el auto-deslizante. Sólo tienes que ponerla a true.
pause :Esta opción se configura en milisegundos y representan la duración de cada diapositiva cuando el plugin está configurado para auto-deslizante.
continuous: Si es asignado true cuando hacemos click en el botón “Siguiente” cuando hemos llegado al final se saltará al principio (y viceversa). La combinación de esta opción con auto (ambos establecidos a true) obtendrá una animación sinfín.

Demos:

* basic default non styled demo
* styled demo with default settings
* non styled demo with vertical scroll and visible “go to first” and “go to last” buttons
* styled demo with auto scroll and continuous sliding
* styled demo with multiple slider, image and content slider, with different settings (top one has auto slide while bottom one doesn’t)
* Numeric Navigation

En la web oficial del plugin encontraremos más información, unas cuantas demos y la descarga del plugin.

Fuente: CSS Globe

Crear fichero logout.php

neodani — Mon, 13 Jul 2009 21:02:12 +0000

Si tenemos una web que funcione con sesiones y/o cookies, es muy probable que queramos que el usuario pueda “desconectar/cerrar” su sesión.

Os dejo un ejemplo de mi script logout.php

1
2
3
4
5
6
7
8
9
10
11

session_start();
//Vaciamos la sesión
$_SESSION = array();
//Borramos cada cookie que tengamos
setcookie("usuario","",time()-3600,"/","miweb.com");
//Destruimos la sesión
session_destroy();
//Redirigimos hacia la pagina index.php
header ("Location: index.php");
?>

Destruir una cookie y una sesión

neodani — Mon, 13 Jul 2009 20:56:18 +0000

Para destruir una cookie, basta con poner un tiempo de expiración negativo a nuestra cookie.

setcookie("nombre_cookie","",time()-3600,"/","miweb.com");

Si queremos destruir todas las sesiones, usamos el antagonista del session_start();

session_destroy();

Pero si lo que quieres es eliminar todas las variables de la sesión pero sin borrar esta, la orden sería

session_unset();

En la próxima entrada hablaré de como crear nuestro logout.php

Backup / Restore de una base de datos MySQL

neodani — Mon, 06 Jul 2009 05:51:24 +0000

La herramienta mysqldump nos permite hacer copias de seguridad de una o múltiples bases de datos junto con el comando MySQL que nos permite restaurar copias de seguridad MySQL SQL ANSI. Con el beneficio de poder restaurar las copias de seguridad en distintos tipos de gestores de bases de datos, por lo cual no tiene porque ser un gestor MySQL.
El uso de herramientas web para la realización de copias de seguridad de MySQL y más aun para la restauración de copias de seguridad de MySQL, no es apropiado por muchos motivos.
Uno de ellos, es que cuando el tamaño de los ficheros de volcado realizados con mysqldump en formato SQL ANSI, es muy grande, las posibilidades de un timeout (finalización del tiempo de espera) son muy elevadas. Existen herramientas de escritorio, pero también existe la posibilidad más que útil y correcta de realizar todas las operaciones en una shell de Bash dentro del servidor.

Realizar el backup

mysqldump -u root -p base_de_datos > archivo_respaldo.sql

Restaurar la base de datos

mysql -u root -p base_de_datos < archivo_origen.sql

Fuente: Web oficial MySQL

Restablecer contraseña root en MySQL

neodani — Sun, 05 Jul 2009 14:12:25 +0000

Cómo restablecer la contraseña root en MySQL, útil cuando nos hemos olvidado de ella. A continuación, una explicación de cómo hacerlo tanto en entornos Windows como Unix.

Entorno Windows:

1. Entra en el sistema como Administrador.

2. Para el servidor MySQL si se está ejecutando. Para servidores que se estén ejecutando como servicio de Windows, ve al Gestor de Servicios:
Menú Inicio -> Panel de Control -> Herramientas administrativas -> Servicios

Después busca en la lista el servicio MySQL, y lo paras.
Si tu servidor no está ejecutándose como servicio, podrías necesitar utilizar el Gestor de tareas para forzarlo a parar.

3. Crea un archivo de texto e introduce el siguiente comando en él, en una única línea:
SET PASSWORD FOR ‘root’@'localhost’ = PASSWORD(‘MiNuevaContraseña’);

4. Guarda el archivo con cualquier nombre. Para este ejemplo, el nombre del archivo será C:\mysql-init.txt.

5. Abre una ventana de comandos para obtener una consola de comandos DOS:
Menú Inicio -> Ejecutar -> cmd

6. Asumiremos que tienes instalado MySQL en C:\mysql. Si lo instalaste en algún otro lugar, ajusta los siguientes comandos de manera adecuada.
En la línea de comandos DOS, ejecuta esta orden:

C:\> C:\mysql\bin\mysqld-nt –init-file=C:\mysql-init.txt

Los contenidos del archivo nombrado por la opción –init-file son ejecutados en el inicio del servidor, cambiando la contraseña de root. Cuando el servidor se haya iniciado correctamente, debería borrar el archivo C:\mysql-init.txt.
Los usuarios de MySQL 4.1 y superiores que instalen MySQL utilizando el instalador de mySQL, pueden necesitar especificar una opción –defaults-file:
C:\> C:\Archivos de Programa\MySQL\MySQL Server 5.0\bin\mysqld-nt.exe
–defaults-file=”C:\Archivos de Programa\MySQL\MySQL Server 5.0\my.ini”
–init-file=C:\mysql-init.txt

La configuración apropiada de –defaults-file puede encontrarse utilizando el Gestor de Servicios:
Menú Inicio -> Panel de Control -> Herramientas Administrativas -> Servicios

Busca el servicio MySQL en la lista, pulsa con el botón derecho del ratón, y escoge la opción Propiedades. El campo Ruta al Ejecutable contiene la configuración de –defaults-file.

7. Para el servidor MySQL, y reinícialo en modo normal de nuevo. Si ejecuta el servidor como servicio, inícialo desde la ventana de servicios de Windows. Si ejecutas el servidor manualmente, utiliza el comando que normalmente usas.

8. Deberías poder conectar utilizando la nueva contraseña.

Entorno Unix:

1. Entra en tu sitema como usuario Unix root o bien como el mismo usuario que ejecuta el servidor mysqld.

2. Localiza el archivo .pid que contiene el ID de proceso del servidor. La localización exacta y el nombre de este archivo depende de su distribución, nombre de máquina, y configuración. Lugares comunes son /var/lib/mysql/, /var/run/mysqld/, y /usr/local/mysql/data/.

Generalmente, el archivo tiene una extensión .pid y comienza con mysqld o el nombre de su máquina.

Puedes parar el servidor MySQL enviando un comando kill (no kill -9) a el proceso mysqld utilizando la ruta del archivo .pid en el siguiente comando:

shell> kill `cat /mysql-data-directory/host_name.pid`

Nota el uso de acentos abiertos en vez de comillas simples con el comando cat; estos causan que la salida de cat sea sustituida en el comando kill.

3. Crea un archivo de texto e introduce el siguiente comando en una única línea:

4. SET PASSWORD FOR ‘root’@'localhost’ = PASSWORD(‘MiNuevaContraseña’);

Guarda el archivo con cualquier nombre. Para este ejemplo, el archivo tendrá el nombre ~/mysql-init.

5. Reinicia el servidor MySQL con la opción especial –init-file=~/mysql-init:

6. shell> mysqld_safe –init-file=~/mysql-init &

Los contenidos del archivo son ejecutados al inicio del servidor, cambiando la contraseña de root. Después de que el servidor se haya iniciado con éxito, debería borrar ~/mysql-init.

7. Deberías poder conectarte utilizando la nueva contraseña.

Una alternativa, en cualquier plataforma, es establecer la nueva contraseña desde el cliente mysql (pero esta manera es menos segura):

1. Para mysqld y reinícialo con la opción –skip-grant-tables –user=root (Los usuarios de Windows debéis omitir la parte de –user=root).
2. Conectate al servidor mysqld con este comando:
3. shell> mysql -u root
4. Ejecuta las siguientes sentencias en el cliente mysql:
5. mysql> UPDATE mysql.user SET Password=PASSWORD(‘nuevacontraseña’)
6. -> WHERE User=’root’;
7. mysql> FLUSH PRIVILEGES;

Reemplaza “nuevacontraseña” con la contraseña de root real que quieras utilizar.

8. Deberías poder conectarte utilizando la nueva contraseña.

Fuente: Web oficial MySQL