Es totalmente interactiva, pues da una breve reseña de cada etiqueta al darle click a su “elemento” correspondiente.

Link: Tabla Periódica de los Elementos.

Via FanPage de ArchLinux en Facebook.

Investigando un poco, me encontré con el motivo y la solución. El símbolo ^M es el típico CR (Carriage Return) de los archivos de texto bajo DOS / Windows. Para eliminarlo, es sumamente simple usando el comando de sustitución de caracteres de vi / vim:

:1,$ s/^M//

1,$ le indica al comando s que haga el reemplazo desde la primera línea hasta la última.

¡TIP! Para sacar el caracter ^M, debemos presionar la combinación de teclas [Ctrl] + [V] y luego presionamos [Enter].

Para que el procedimiento descrito a continuación funcione, asumo que tienen bien configurado su sistema en lo que respecta a la zona horaria y configuraciones regionales (en ArchLinux dicha configuración se encuentra en /etc/rc.conf).

1. Mostrar el reloj de hardware y el reloj del sistema para verificar las horas actuales.

   $ hwclock --show && date

2. Instalar ntpdate.
   • En ArchLinux

     $ yaourt -S ntpdate

   • En Ubuntu

     $ sudo apt-get install ntpdate

   • En otras distros el proceso debe ser similar.
3. Sincronizar el reloj del sistema con Internet.

   $ sudo ntpdate pool.ntp.org

4. Sincronizar el reloj de hardware con nuestro sistema.

   $ sudo hwclock --systohc

5. Repetir el primer paso para verificar que todo esté bien.

¡Eso es todo! ¿A poco no es una delicia trabajar con Linux?

[Actualización 21-Agosto-2010] A pesar del éxito del procedimiento anterior, por algún motivo que desconozco, el reloj del sistema luego de unos días regresaba a estar mal configurado (me inclino a pensar que la batería de la motherboard de mi máquina ya anda baja, pero… that’s not the point!); entonces me puse a pensar en alguna solución rápida, sin tantas complicaciones: Ejecutar ntpdate y hwclock (pasos 3 y 4) en el proceso de arranque del sistema.

Primero pensé en incluirlos en ~/.bashrc, pero había la complicación de que ambos comandos requerían permisos de root para ejecutarse… y luego, revisando en la documentación oficial (¿he mencionado que la documentación oficial de ArchLinux es lo mejor de lo mejor?), me topé con el proceso de booteo, y entonces ¡se hizo la luz!, los comandos tenía que incluirlos en /etc/rc.local … ¡pero ojo!, no debemos anteponer el sudo a ntpdate y hwclock pues los comandos especificados en dicho archivo se ejecutan como root.

Piece of Cake ^_^

¿Desesperado de los segundos o incluso minutos de espera en cada descarga? ¿Cansado de escribir tediosos captchas? ¡Plowshare se encarga automáticamente de ambas cosas!

Instalar Plowshare

En Archlinux:

$ yaourt -Sy plowshare

En Gentoo:

$ emerge -av plowshare

También existe un .deb para Ubuntu y Debian.

Ejemplos de uso

Para descargar un archivo (uso más común):

$ plowdown http://www.rapidshare.com/files/86545320/archivo.rar

Para descargar una lista de enlaces (un enlace por línea):

$ plowdown enlaces.txt

Igual que el anterior, pero agregando un “#” al inicio (comentando) de los enlaces descargados satisfactoriamente, genial para descargas posteriores.

$ plowdown -m enlaces.txt

Para limitar la tasa de descarga (restringir ancho de banda), usar K=Kbps, M=Mbps, G=Gbps:

$ plowdown -r 50K http://www.rapidshare.com/files/86545320/archivo.rar

Para descargar un archivo usando una cuenta premium:

$ plowdown -a usuario:password http://www.megaupload.com/?d=132348234

Para más ejemplos de uso, incluyendo ejemplos para subir archivos, consulten la documentación oficial.

Un ejemplo: Hace unos días noté que al actualizar (pacman -Syu) el ArchLinux de mi laptop, cada paquete se actualizaba a buena velocidad, pero al final de descargarse un paquete tardaba unos 15 segundos para descargar el siguiente, y como eran más de 200 paquetes a actualizar (ya tenía varias semanas que no actualizaba la laptop), era un tiempo extra excesivo, ¡y muy desesperante! Pero luego de configurar OpenDNS, ¡pacman volaba!

¿Cómo poremos acelerar Internet en ArchLinux usando OpenDNS? ¡Simple! Como root (o usando sudo), sigue los pasos:

1. Instalamos DNSmasq:

   pacman -S dnsmasq

2. Editamos /etc/dnsmasq.conf y buscamos por listen-address, asignándole el valor de localhost.

   listen-address=127.0.0.1

3. Editamos /etc/resolv.conf (¡hagan un respaldo de este archivo!), eliminamos su contenido y ponemos:

   # Route DNS requests through dnsmasq first
   nameserver 127.0.0.1
   # First OpenDNS server
   nameserver 208.67.222.222
   # Second OpenDNS server
   nameserver 208.67.220.220

4. Para evitar que al reiniciar se reasignen los DNS, debemos editar /etc/conf.d/dhcpcd y dejarlo así:

   #
   # Arguments to be passed to the DHCP client daemon
    
    
   DHCPCD_ARGS="-q -C resolv.conf"

5. Finalmente, iniciamos el daemon:

   sudo /etc/rc.d/dnsmasq start

6. ¡Ya puedes volar!

¡Gracias a The Clowny por el tip!




]]> http://gespadas.com/acelerar-internet-en-archlinux-usando-opendns/feed/ 4 http://gespadas.com/generar-numeros-aleatorios-rango-javascript/ http://gespadas.com/generar-numeros-aleatorios-rango-javascript/#comments Thu, 05 Aug 2010 14:26:33 +0000 Gregorio Espadas http://gespadas.com/blog/?p=1704 Algo muy básico, pero que siempre es bueno recordar, es la manera de generar un número aleatorio dentro de un rango determinado usando JavaScript. La idea es la siguiente:

Math.floor(Math.random() * (MAX - MIN + 1)) + MIN;

donde MIN es el número entero que delimita el rango inferior, y MAX… ¿es necesario decirlo?

Como ejemplo, si deseamos generar un número aleatorio entre 25 y 75, la sentencia sería

Math.floor(Math.random() * (75-25+1)) + 25;

o lo que es lo mismo

Math.floor(Math.random() * 51) + 25;

Ejemplo Completo Sencillo:

<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8" />
	<title>Generar Números Aleatorios dentro de un Rango</title>
	<script type="text/javascript">
		var aleatorio = Math.floor(Math.random() * 51) + 25;
		document.write("<p>" + aleatorio + "</p>");
	</script>
</head>
<body>
</body>
</html>

Ejemplo Completo Avanzado:

<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8" />
	<title>Generar Números Aleatorios dentro de un Rango</title>
	<script type="text/javascript">
	function aleatorio() {
		var min = parseInt(document.getElementById('min').value);
		var max = parseInt(document.getElementById('max').value);
		var res = Math.floor(Math.random() * (max - min + 1)) + min;
		document.getElementById('resultado').innerHTML = res.toString();
	}
	</script>
</head>
<body>
	<form >
		<label for="min">Valor mínimo: </label>
		<input id="min" />
		<label for="max">Valor máximo: </label>
		<input id="max" />
		<input type="button" value="Calcular" onClick="aleatorio();"/>
	</form>
	<p id="resultado"></p>
</body>
</html>

Fuente: DevCurry.




]]> http://gespadas.com/generar-numeros-aleatorios-rango-javascript/feed/ 0 http://gespadas.com/puedes-ser-un-disenador-web/ http://gespadas.com/puedes-ser-un-disenador-web/#comments Tue, 27 Jul 2010 13:11:55 +0000 Gregorio Espadas http://gespadas.com/blog/?p=1700 ¡Genial y divertido Diagrama de Flujo de los chicos de Six Revisions!

Sigue el diagrama y conoceras si… ¿Puedes ser un Diseñador Web?



Es obvio que no es requisito tener una Mac para convertirse en un excelente diseñador web (yo no tengo una Mac y no me interesa adquirir una), ¿pero a poco no está entretenido el diagramita? LMAO!!!

¡Viva Linux!

Via The Next Web.




]]> http://gespadas.com/puedes-ser-un-disenador-web/feed/ 2 http://gespadas.com/tablas-html-mysql-php/ http://gespadas.com/tablas-html-mysql-php/#comments Mon, 26 Jul 2010 15:33:24 +0000 Gregorio Espadas http://gespadas.com/blog/?p=1690 Creo que es el título más largo que he usado en un post… “Mostrar como Tabla HTML los detalles de los campos de las tablas de una base de datos MySQL con PHP“… no encontré una mejor forma de resumirlo.

Hace poco tuve la necesidad de mostrar como tablas HTML los detalles de los campos (sus nombres, tipos, llaves, valores por defecto, etc) de las tablas de una base de datos MySQL en particular, utilizando PHP. Tomando la idea de David, la modifiqué y traduje según mis requerimientos (intentando dejar el script lo más general posible), y el resultado fué el siguiente código.

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8" />
<title>Detalles de las Tablas de una Base da Datos</title>
 
<style type="text/css">
body			{ font-family: Arial, Verdana, Sans; font-size: 14px; }
table.tabla-bd		{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
table.tabla-bd th	{ background:#eee; padding:5px; border-left:1px solid #ccc; border-top:1px solid #ccc; }
table.tabla-bd td	{ padding:5px; border-left:1px solid #ccc; border-top:1px solid #ccc; }
</style>
 
</head>
<body>
 
<?php
# Datos de Conexión a la Base de datos
# (Hay que ajustarlos a tus necesidades particulares)
$servidor  = 'miservidor';
$usuario   = 'miusuario';
$password  = 'miclave';
$basedatos = 'mibasededatos';
 
# Establecer la conexión a la Base de Datos
$conexion = mysql_connect($servidor,$usuario,$password);
mysql_select_db($basedatos,$conexion);
 
# Consulta SQL que devuelve los nombres de las tablas de la Base de Datos
$tablas = mysql_query('SHOW TABLES',$conexion) or die('Imposible mostrar tablas');
 
 
while($tabla = mysql_fetch_row($tablas)) {
 
	$nombreTabla = $tabla[0];
	echo '<h3>Tabla: ',$nombreTabla,'</h3>';
 
	# Consulta SQL que devuelve los campos de cada tabla
	$campos = mysql_query('SHOW COLUMNS FROM '.$nombreTabla) or die('Imposible mostrar campos de '.$nombreTabla);
 
	# Muestra como tabla HTML los detalles de los campos de la tabla correspondiente
	if(mysql_num_rows($campos)) {
		echo '<table class="tabla-bd" cellpadding="0" cellspacing="0"><thead><tr><th>Campo</th><th>Tipo</th><th>Nulo</th><th>Llave</th><th>Defecto</th><th>Extra</th></tr></thead><tbody>';
		while($detalles = mysql_fetch_row($campos)) {
			echo '<tr>';
			foreach($detalles as $detalle=>$valor) {
				echo '<td>',$valor,'</td>';
			}
			echo '</tr>';
		}
		echo '</tbody></table><br />';
	}
}
 
#Cerrar la conexión a la Base de Datos
mysql_close($conexion);
?>
 
</body>
</html>

¿Simple no? También podrías reutilizar el código anterior, por ejemplo: Si tienes una clase que encapsule el manejo de tus bases de datos, podrías usar el script anterior como método, y así invocarlo con un simple $basedatos->mostrarTablas(); … bueno, es sólo una idea.




]]> http://gespadas.com/tablas-html-mysql-php/feed/ 0 http://gespadas.com/validar-email-php/ http://gespadas.com/validar-email-php/#comments Fri, 23 Jul 2010 16:03:49 +0000 Gregorio Espadas http://gespadas.com/blog/?p=1682 Desde la salida de PHP 5.2.0, la extensión de filtros fué habilitada por defecto, y rápidamente se convirtió en una favorita entre los programadores de PHP.

Sin embargo, el filtro para validar emails no era 100% efectivo, ya que no tomaba en cuenta algunos detalles; por ejemplo, filter_var('john@lennon', FILTER_VALIDATE_EMAIL) tomaba como válido el email, a pesar de carecer del “.com”.

¿Cómo corregir esto? En The Electric Box encontraron una solución bastante simple y concreta: usar las maravillosas expresiones regulares.

Usaremos una función que encapsule la validación de emails:

function validarEmail($email) {
  return filter_var($email, FILTER_VALIDATE_EMAIL) && preg_match('/@.+\./', $email);
}

Para probar su funcionamiento, aquí algunos ejemplos de uso:

echo (int) validarEmail('john@lennon');             // 0
echo (int) validarEmail('john@lennon.');            // 0
echo (int) validarEmail('john@lennon.com');         // 1
echo (int) validarEmail('john@lennon.com.');        // 0
echo (int) validarEmail('john@lennon@beatles.com'); // 0
echo (int) validarEmail('john#lennon.com');         // 0
echo (int) validarEmail('john@lennon.beatles.com'); // 1

En el ejemplo anterior se utilizó cast (int) para convertir a entero el booleano devuelto por la función, ergo, 0 = false = email inválido, 1 = true = email válido.

Sencillo, ¿verdad? ¡Comentarios bienvenidos!




]]> http://gespadas.com/validar-email-php/feed/ 0 http://gespadas.com/manejo-basico-de-arreglos-en-javascript/ http://gespadas.com/manejo-basico-de-arreglos-en-javascript/#comments Mon, 19 Jul 2010 16:59:43 +0000 Gregorio Espadas http://gespadas.com/blog/?p=1671 Los chicos de Mozilla han publicado “A re-introduction to JavaScript”, un interesante artículo con buenos tips incluso para los desarrolladores más experimentados. A continuación me permitiré traducir, extraer y resumir la sección en la que habla sobre arreglos (arrays).

Declaración de Arreglos

La forma vieja tradicional de crear arreglos:

> var animales = new Array();
> animales[0] = "perro";
> animales[1] = "gato";
> animales[2] = "ratón";
> animales.length
3

Una manera más conveniente y moderna:

> var animales = ["perro", "gato", "ratón"];
> animales.length
3

Errores comunes (¡no cometerlos!):

• Dejar una coma al final de la declaración del arreglo causará inconsistencias entre navegadores.
• El valor devuelto por arreglo.length no es necesariamente el número de elementos en el arreglo.

Explicación del punto anterior:

> var animales = ["perro", "gato", "ratón"];
> animales[100] = "zorro";
> animales.length
101

Recuerda, la “longitud” del arreglo siempre será uno más que el índice mayor.

Recorriendo un Arreglo

Una forma ineficiente de recorrer un arreglo sería:

for (var i = 0; i < a.length; i++) {
    // Hacer algo con a[i]
}

Es ineficiente ya que se “calcula” la longitud del arreglo en cada iteración del ciclo. Una forma mejorada sería:

for (var i = 0, long = a.length; i < long; i++) {
    // Hacer algo con a[i]
}

Una forma más elegante:

for (var i = 0, elemento; elemento = a[i]; i++) {
    // Hacer algo con elemento
}

Y la forma alternativa:

for (var i in a) {
  // Hacer algo con a[i]
}

Manipulando elementos del Arreglo

Para agregar de manera segura un elemento a un arreglo:

a[a.length] = elemento;

o bien

a.push(elemento);

Algunos de los métodos (los arreglos en JavaScript son considerados objetos) más utilizados para arreglos son:

a.toString()
a.toLocaleString()
a.concat(elemento, ..)
a.join(separador)
a.pop()
a.push(elemento, ..)
a.reverse()
a.shift()
a.slice(inicio, fin)
a.sort(cmpfn)

Por supuesto, lo anterior es sólo un bosquejo del manejo de arreglos en JavaScript, pero es una buena guía rápida para empezar a usarlos en nuestros desarrollos.




]]> http://gespadas.com/manejo-basico-de-arreglos-en-javascript/feed/ 0