aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

El fanatismo a veces nos sorprende con cosas como estas:

La salida de Firefox 3 ha sido increiblemente mediática y de ahi que se haya incrementado el número de usuarios en estos últimos meses.

Antonio Cambronero es un veterano entre los bloggers hispanos. Su blog, blogpocket es un blog de referencia para todos los que quieran estar al día de la blogosfera y wordpress en general. Sin duda a Antonio le tengo un gran cariño por que fue uno de los primeros blogs de los que me sindiqué cuando conocí el mundo de los blogs.

Ficha técnica

• Nombre: Antonio Cambronero
• Url Blog: http://www.blogpocket.com/
• Proyectos: Minoic, AntonioCambronero

Continua —>

Hace unas semanas tuve que desarrollar una función que me permitiera validar formularios mediante Javascript de una forma fácil y rápida. Tenía que ser con jQuery por que es el framework que estamos usando ahora en el trabajo. Una de las premisas era que debido a la aplicación y a la tecnología, necesitaba que fuera lo más flexible posible, por ese motivo opté por el siguiente código:

El código

//Filtros
var filters = {
    requerido: function(el) {return ($(el).val() != ” && $(el).val() != -1);},
    email: function(el) {return /^[A-Za-z][A-Za-z0-9_]*@[A-Za-z0-9_]+\.[A-Za-z0-9_.]+[A-za-z]$/.test($(el).val());},
    telefono: function(el){return /^[0-9]*$/.test($(el).val());}};
// Extensiones
$.extend({
	stop: function(e){
        if (e.preventDefault) e.preventDefault();
        if (e.stopPropagation) e.stopPropagation();
    }
});
// Código
$(document).ready(function(){
	$(”form.validable”).bind(”submit”, function(e){
		if (typeof filters == ‘undefined’) return;
	    $(this).find(”input, textarea, select”).each(function(x,el){
	        if ($(el).attr(”className”) != ‘undefined’) {
	        $.each(new String($(el).attr(”className”)).split(” “), function(x, klass){
	            if ($.isFunction(filters[klass]))
	                if (!filters[klass](el))  $(el).addClass(”error”);
	        });
	        }
	    });
		if ($(this).find(”.error”).size() > 0) {
			$.stop(e || window.event);
			return false;
		}
	    return true;
	});
});
	

Explicación

Si no fijamos en el código podemos ver que este script, será ejecutado en cuando el contenido de la página esté completamente cargado, esto lo conseguimos gracias a $(document).ready(); que jQuery nos ofrece.

Una vez cargado el contenido, se encargará de recorrar todos los elementos y buscará todos los elementos <form class="validable">, a los que le añadirá un listener que será ejecutado en el momento que el formulario ejecute el método submit().

En ese momento, el script recoge todos los element <input />, <textarea /> y <select /> del formulario y revisa las clases de cada elemento. Dependiendo de la clase y si está está definida en el objeto filters, realizará una comprobación u otra.

El objeto filters, se compone de una serie de métodos que serán lanzados para validar cada uno de los elementos, por ejemplo:

//HTML
<input type=”text” name=”prueba” value=”" class=”requerido email noanieto” />

//Javascript (Filtros)
var filters = {
       requerido: function(el) {return ($(el).val() != ” && $(el).val() != -1);},
       email: function(el) {return /^[A-Za-z][A-Za-z0-9_]*@[A-Za-z0-9_]+\.[A-Za-z0-9_.]+[A-za-z]$/.test($(el).val());},
       noanieto: function(el){return !”anieto”.indexOf($(el).val());}
}

Como podemos ver el elemento <input />, le estamos indicando que es del tipo requerido, email y noanieto. Validaciones que definimos en el objeto filters. En caso de no existir una de las clases indicadas en el elemento <input /> (o cualquier otro), esta será omitida.

Si el elemento no cumple una de las condiciones, añadiremos una clase más al elemento (class="error") y pararemos la ejecución del submit().

Demo

He montado una pequeña demo para verlo funcionar. La podeis probar aqui.

Aclaraciones

Está claro que se trata de una validación Javascript y que su única función es mejorar la experiencia del usuario evitando que llegue a submitar una página con datos erroneos, para hacer las cosas bien, la página receptora, debería hacer la misma comprobación y devolver a la página anterior en caso de error, así los usuarios que no tengan la capacidad de ejecutar javascript, tendrán un resultado igual a los que sí, aunque tengan que esperar a la carga de la página.

Versión para MooTools

Epplestun, me pasa una adaptación del script para MooTools. Muchas gracias!!!

$(document).addEvent('domready', function() {
       $(document.body).getElements('form.validable').addEvent('submit', function(e) {
               if (typeof filters == 'undefined')
                       return;

          this.getElements("input, textarea, select").each(function(el) {
               if (el.getProperty("class").length) {
                       el.removeClass("error");
                               el.getProperty("class").split(" ").each(function(filtro) {
                                       if (!filters[filtro](el))
                                               el.addClass(”error”);
                               });
               }
          });

          this.getChildren().each(function(el) {
               if(el.hasClass(”error”)) {
                               e = new Event(e);
                               e.stop();
                       return false;
               }
          });

          return true;
       });

Llamamos efecto Digg, a lo que se avecina cuando tu página llega a la portada de Digg. La oleada de visitas en el mismo momento hacen colapsar a la mayoría de sitios web. Actualmente, se trata de uno de los efectos más devastadores que hay ya que la gran afluencia de tráfico del sitio se redirige a tu server como un rio desbocado.

Evitar problemas frente a un efecto de esta envergadura es relativamente sencillo si partimos de unas bases obligatorias:

1. Hosting potente
2. Optimización de Apache (ver más)
3. Optimización de Mysql (ver más)
4. Optimización del PHP (ver más)
5. Desactivar los plugins
6. Use wp-cache (o cualquier otro plugin de cacheo)
7. Almacena tus imagenes en servidores externos.

Tambien es importante rezar y esperar a que todo esto aguante

Fuente en inglés

Ricardo Galli, doctorado en Informática en la Univerdad de las Islas Baleares (Palma de Mallorca -España) muy conocido por ser el desarrollador de Meneame y socio de la entidad con el mismo nombre. Ha accedido a constestar una serie de preguntas y ser el primero de esta serie de 10 entrevistas.

Ficha técnica

• Nombre: Ricardo Galli Granada
• Url Blog: http://gallir.wordpress.com/
• Proyectos: Meneame

Continua —>

Grata sorpresa esta mañana al ver que en Boren.nu anuncian la publicación de lo que será la beta 1 de la nueva versión de Wordpress, la 2.6. La podemos descargar directamente desde aqui.

Recordemos algunas de las novedades de esta versión:

• Google Gears para trabajar offline
• Posibilidad de sacar wp-content y wp-config.php del directorio web
• Histórico de posts
• Previsualización de themes antes de activarlos
• Ultimas versiones de jQuery, TinyMCE, jQuery UI,…
• Mejora en el soporte SSL del panel administrador
• y muchas correcciones de versiones previas…

Puesto que Julio parece ser la fecha de puesta en marcha de la versión final de Wordpress 2.6, creo que esta vez no querrán que se retrase como la vez anterior, empieza la cuenta atrás.