Siempre he sido de escribir el código javascript a saco, tiene su mérito pero es complicarse la vida

Estos días he estado probando la librería jQuery y me gustaría recomendarla a la gente cabezuda como yo y también a los que quieran empezar con el javascript.

¿Que es jQuery?

es una librería (Framework) JavaScript diseñada para “simplificar” tareas comunes

¿En que me puede ayudar?

1. Escribirás menos
2. Ahorras tiempo tanto en la creación como en la edición
3. El código será más limpio y comprensible
4. La aplicación que programes, será compatible con la mayoría de navegadores (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)

Descargar jQuery:

Pagina oficial (la edición comprimida sólo ocupa 20kb)

Ejemplos:

1-Método tradicional de toda la vida
2-Método utilizando jQuery

1-document.getElementById(’id_objeto’ ).innerHTML = ‘esto es una prueba’
2-$(’#id_objeto’).html(’esto es una prueba’)

1-alert(document.getElementById(’id_objeto’ ).innerHTML)
2-alert($(’#id_objeto’).html())

1-document.getElementById(’id_campo_formulario’ ).value=12
2-$(’#id_campo_formulario’).val(12)

1-alert(document.getElementById(’id_objeto’ ).value)
2-alert($(’#id_campo_texto’).val())

1-document.getElementById(’id_objeto’ ).style.display=’none’
2-$(’#id_objeto’).hide()

1-document.getElementById(’id_objeto’ ).style.display=”
2-$(’#id_objeto’).show()

1-this.disabled=true;
2-$(this).attr(’disabled’,true);

1-document.getElementById(’id_objeto’ ).style.backgroundColor=’#ff0000′
2-$(’#id_objeto’).css(’backgroundColor’,'#ff0000′);

1-if(document.getElementById(’id_objeto’) .checked){}
2-if($(’#id_objeto’).is(’:checked’)){}

1-function mostrar(id){
obj = document.getElementById(id);
obj.style.display = ((obj.style.display)? ” : ‘none’);
}
mostrar(’id_objeto’);
2-$(’#id_objeto’).toggle();

Nota:

document.getElementById(’id_objeto’) y $(’#id_objeto’), no es exactamente lo mismo, por ejemplo no puedes hacer:
$(’#id_objeto’).style.display=”

Más recursos:

• Pestañas
• Elementos de interfaz
• 15 Days Of jQuery
• jQuery Docs

La mayoría de empresas de alojamiento web, sólo resaltan datos como:

• Ancho de banda mensual
• Capacidad de espacio
• Número de bases de datos
• Sistema operativo

En cambio, no te cuentan otras características que pueden ser de interés a la hora de exprimir el servidor.

Datos que he recopilado de servage.net:

Limites de MySQL por hora:
20.000 actualizaciones (updates)
50.000 questions (querys)

Limite de ancho de banda (bandwidth) por día: 120 GB
Máximo de peticiones (hits) por día: 400.000

Limite para enviar 100 emails en 30 minutos ( función php mail )

De los 3 servidores de pago que he probado en mi vida: dattatec, servage y lunarpages

Lunarpages es lo peor que visto con diferencia

¿En que destaca lunarpages?

• Soporte técnico:
  • Respuesta lenta, tardan 24 horas o más
  • Por cada nuevo ticket de soporte, tienes que verificar que eres el propietario de la cuenta (esperate otras 24 horas para que te respondan)

• Es necesario tener 2 cuentas de usuario:
  1. una para el panel de control
  2. y otra para el soporte técnico
• Se ponen todas las medallas:
  

• Y encima ahora, no me deja entrar al FTP y me muestra:
  

Estoy muy decepcionado con lunarpages y ya estoy pensado en mudar el blog a otro sitio

¿Alguien me puede recomendar algun servidor que no haya dicho y que valga la pena?

Extraído del libro electrónico de John Chow, un bloggero que nos explica como empezó de tener 0$ a ganar más de 10.000$ al mes

En la mayoría de webs permiten entrar con y sin las www, puede que no se le de mucha importancia, pero es un factor clave para aumentar el pagerank y evitar ser penalizados por los buscadores

No es lo mismo que te enlacen 10 sitios a www.viciao2k3.net y otros 10 sitios a viciao2k3.net, que tener 20 enlaces a un sólo dominio www.viciao2k3.net

A google le consta como a dos paginas distintas y es posible tener 2 pagerank distintos para un solo dominio.
La solución es hacer una redirección 301, para que todos los enlaces viciao2k3.net se dirijan al dominio www.viciao2k3.net

Demostración:

Pulsa este enlace viciao2k3.net y serás redirigido automáticamente a www.viciao2k3.net

Requisitos:

1. Apache Mod-Rewrite
2. Servidor Linux
3. Tener activado el uso de ficheros . htacces (en servage.net por defecto esta desactivado)

Solución:

Pega el siguiente código en un fichero . htaccess, en la raíz de tu web (por ejemplo /public_html/):

RewriteEngine On
RewriteCond %{HTTP_HOST} !^(.*)\.viciao2k3\.net$ [NC]
RewriteRule ^(.*)$ http://www.viciao2k3.net/blog/$1 [R=301,L]

Para wordpress:

Si tienes wordpress instalado y tienes activados los permalinks, seguramente ya tendrás el fichero . htaccess creado (lo encontrarás donde están los ficheros: wp-config.php, wp-feed.php, wp-app.php…)

Abre el fichero . htacces e introduce el siguiente código, quedando algo así:

#############################
RewriteEngine On
RewriteCond %{HTTP_HOST} !^(.*)\.viciao2k3\.net$ [NC]
RewriteRule ^(.*)$ http://www.viciao2k3.net/blog/$1 [R=301,L]
##############################

# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

Nota:

Evita escribir el código entre # BEGIN WordPress y # END WordPress, si lo haces verás como wordpress va a borrar los cambios

Una de las cosas que no me gusta de wordpress, es el editor (TinyMCE), sinceramente prefiero mil veces el de blogger

Estas son algunas de las locuras del editor de texto:

• A veces se come los saltos de linea
• A la hora de poner ejemplos en php, tengo que guardar en modo código por que sino remplaza algunos caracteres como < y >

Hoy escribiendo un post he encontrado otro fallo más, resulta que no puedes mencionar los ficheros “. htaccess” (en esta caso he podido hacerlo, por que he dejado un espacio entre el punto y htaccess)

Si escribes el nombre del fichero sin el espacio, wordpress no te dejará guardar la entrada y te redirigirá a una pagina de error 404

Espero que a alguien no le pase lo mismo que a mi