Si alguien a seguido nuestro trabajo, saben que Worpdress es nuestra plataforma preferida para desarrollar sitio. No es volver a hablar de lo mismo, como ya lo han hecho muchos otros.

La pregunta es, ¿Porqué Royal Estudios usa Worpdress?

Esta decisión fue tomada, como otras compañías que utilizan otros CMS para poder administrar sus contenidos, sabiamente y según lo que deseábamos ofrecer.

Hemos creado mas de 50 sitios web usando WordPress, para clientes tan grandes como Taco Bell, con visitas masivas como Universidad Galileo, escalables como Joyas Miguelángel o llenas de animaciones como Interled.

Y en ninguno de ellos hemos tenido algun impedimento que nos limite a terminar los proyectos. Y es de conocer que companias como Playstation usan WordPress como plataforma para Blogging.

WordPress, blog o CMS

Por mucho tiempo se estuvo discutiendo sobre si WordPress era una plataforma para blogging o un CMS (Content Management System). Nosotros estamos de acuerdo con ambos.

WordPress es una plataforma de blogging, fue así desde su nacimiento y a diferencia de Joomla! o Drupal se enfocó en facilitar la publicación de contenidos para su grupo objetivo, entonces WordPress es una plataforma de blogging.

Ahora, CMS… WordPress es un CMS también, la plataforma ha ido evolucionando a un punto que la modulación y extensión de funcionalidades es posible, mucho mas fácil que con otra plataforma y he allí su popularidad.

Royal Estudios y WordPress

Hemos creado muchos proyectos basados en la plataforma, aquí algunos:

• http://bavotasan.com/2009/creating-a-jquery-mouseover-fade-effect/
• http://www.sohtanaka.com/web-design/greyscale-hover-effect-w-css-jquery/

Y encontré unos otros, sin embargo no funcionaba para lo que quería un simple plugin donde cambiara las imágenes de colores a escala de grises.

Ahora este es el plugin, jquery Monocrome, yo se que monócromo solo es de 2 colores sin embargo quería darle un nombre singular y no tan largo.

Espero que lo utilicen, basé parte de mi código en el plugin BlackandWhite. Con varias modificaciones y nuevas características.

Uso

Añadimos jquery y el archivo del plugin:

<script src=”scripts/jquery-1.6.4.min.js” type=”text/javascript”></script>
<script src=”scripts/jquery.monocrome.js” type=”text/javascript”></script>

Luego tenemos nuestros elementos:

<div>
<img src="el path" />
</div>

o también solamente así:

<img src="el path" />

Añadimos la sentencia de javascript y viola!

jQuery(function($){
//Si deseas convertir una imagen que este dentro de un elemento
$('.wrap').monocrome();
o si quieres convertir la imagen directamente
$('img').monocrome({ isImage : true });
});

Opciones:

isImage – Opcion que le dice al plugin si es es una imagen o si es un elemento con una n cantidad de imágenes.

hideOriginal – si deseas quitar el elemento original del DOM.

Implementaciones Futuras

1. En la siguiente versión intentare modificar también los backgrounds creados por CSS.
2. Esperar por el proximo borrador para el canvas y ver la solución para el problema de seguridad

Inconvenientes conocidos

• Actualmente estoy teniendo problema en un Array cuando solo tiene un elemento, esto solo en Chrome.
• El script puede no correr localemente, es decir no en servidor con una direccion C://midirectorio por un problema de seguridad creado por getimagedata(), espero que en el futuro se arregle eso. Pero al subirlo al servidor estará funcionando al 100%

• Quiero el código
• Ver demo