Contenido

MooTables, tablas con funcionalidad

26 Feb

+ 1

Generalmente el trabajar con tablas suele ser algo bastante laborioso, ahora con MooTables podemos hacer que las tablas sean nuestra menor preocupación aumentando la usabilidad de las mismas. Evidentemente necesita de MooTools para funcionar.

Para que quieres el iphone teniendo estos móviles

26 Feb

+ 7

¿Para que quieres un iPhone si puedes tener un movil gusano de Siemens?

07-12-snakephone1.jpg

¿O uno que parezca una granada?

benq-siemens-concept_003.jpg

¿O una golosina? ¿¿o bolsa de gelatina?? 

alcatel_concept_021.jpg

La diferencia entre todos estos y el iphone es que este ultimo es una realidad y los demás son prototipos que probablemente nunca verán la luz. Aunque algunos tienen que ser una pasada.

polymer-vision.jpg

xDebug, debuguea tu PHP como un profesional

26 Feb

+ 7

Una herramienta que todo desarrollador debe disponer es un debugueador para el lenguaje que esté usando. Si el tuyo es PHP, debes conocer xDebug, una herramienta que te devolverá una cantidad de información con la que podrás resolver cualquier problema.[Instalación][Documentación][Descargar]

MooSelectors, una pequeña maravilla para MooTools

26 Feb

+ 2

Una maravilla de la que Prototype disponía era event::Selectors, una librería que te permite añadir eventos a nuestros nodos mediante el uso de selectores CSS, una forma muy interesante de acceder a estos nodos y cargar el evento que deseamos con nuestra propia funcionalidad.

Prototype:
var Rules = {
   '#icons a:mouseover': function(element) {
     var app = element.id;
     new Effect.BlindDown(app + '-content', {queue: 'end', duration: 0.2});
   }
 }

Ahora Ross de AgileWeb ha migrado esta maravilla para que los usuarios de MooTools podamos acceder a nuestros nodos de una forma mucho más cómoda.

MooTools:
var Rules = {
	'.tabnav a::click': function(element, event) {
		new Ajax('/loadtab', {postBody:'tab='+element.id, onFailure: showFailure}).request();
		event.stop();
	},
	'.tabnav a::mouseover': function(element, event) {
		// Do something
		var myEffect = element.effect('height', {duration: 100, transition: Fx.Transitions.linear});
		myEffect.start(10, 100);
	}
}

[Descargar]

638 herramientas esenciales para el desarrollo web

26 Feb

+ 9

¿Eres desarrollador web?¿estás buscando alguna herramienta para facilitar tu labor? Aqui tienes 638 juntitas y catalogadas por lenguaje para que no tengas que buscar más. Si es que con tanta ayuda, cualquiera puede ser programador 😀

Hobbit Theme para WordPress

26 Feb

+ 1

hobbit.gif
[Demo][Descargar]

Estilo Digg para el Dashboard de WordPress

24 Feb

+ 3

picture1hk2.png

Se trata de una simple imagen, no hay enlace de donde descargar.

Actualización:
Pese a que no estába disponible para descargar, accediendo al directorio wp-content/plugins/ del sitio del autor descubrimos que se trata de una modificación del plugins SpotMilk.
[Descargar versión incompleta via CalinSoft]
Actualización 2: El autor me ha pedido que no distribuya el theme ya que aun no está completo. Así que quito el enlace.

Word 2007 y WordPress cogiditos de la mano

24 Feb

+ 12

La nueva versión Microsoft Word 2007 incorpora la posibilidad de publicar directamente nuestros textos en uno de los sistemas de blogs que existen entre ellos WordPress. He intentado hacerlo funcionar pero me ha sido imposible y no sé que clase de código va a insertar al blog, pero no me espero nada bueno, ¿alguien lo ha probado?

Pajax, pongamos la funcionalidad en el servidor

23 Feb

+ 2

A pesar de un nombre algo,… ¿cachondo? El concepto que Pajax nos quiere transmitir es realmente interesante. A primera vista vemos una librería javascript que nos permite realizar llamadas Ajax en las que podemos enviar un objeto JSON. De esta forma estamos definiendo los valores necesarios para que un fichero .php almacenado en el servidor accione una clase y un método que ejecutará una cierta funcionalidad.

Pongamos un ejemplo

 En el ejemplo que nos ponen en la página, vemos una calculadora, a la que le introducimos unos valores y al pulsar sobre la operación que queremos efectuarles esta nos devuelve el valor resultante de dicha operación. En este ejemplo voy a multiplicar 4 x 5.

Al accionar el botón de multiplicación (*) enviamos al servidor el siguiente objeto JSON.

{"id": "56654cd49aefb1514151365f05535f781", "className": "Calculator", "method": "multiply", "params": ["4", "5"]}

En el que podemos ver, los siguientes parámetros.

id: se trata de un id interno para reconocer el objeto.
className: La clase PHP que queremos invocar.
method: Metodo de dicha clase que queremos invocar
params: Parametros que necesita dicha clase para funcionar.

En el fichero .php de destino tendremos el siguiente código que corresponde con el ya solicitado.

<?
class Calculator extends PajaxRemote {
   function add($x, $y) {
      return $x + $y;
   }

   function multiply($x, $y) {
     return $ * $y;
   }

    ...
}
?>

Podemos ver que estamos almacenando la funcionalida de esta multiplicación en el servidor dejándo el cliente lo más pelado posible.

Facilitando las cosas

Además podemos importar las clases PHP con todas sus funcionalidades que serán cargadas de la forma anterior.

Cargamos la clase Calculator


<script type="text/javascript" 
   src="pajax_import.php?Calculator">
</script>

Y en nuestro Javascript disponemos de los métodos de dicha clase que harán una petición en Ajax a la clase anterior y nos retornará el resultado.


<script type="text/javascript">
     var calculator = new Calculator();

     result = calculator.add(2, 3);
</script>

Documentación

Dispone de una documentación bastante pobre, pero queda bastante claro el concepto y la forma de funcionar.

Conclusión

Realmente es una idea muy interesante que nos puede ahorrar muchas líneas de código en nuestro Javascript, y podemos contar con la seguridad extra que nos dá el delegar el trabajo duro al servidor. Para mi es algo en lo que voy a perder unas horas de pruebas 😀

Reloj de código de barras con Javascript

23 Feb

+ 5

barras.JPG

[Demo][Descargar]