• My, en referencia a MySQL que será el referente de como deben funcionar las cosas.
• J, en referencia a Javascript.
• DB, indicando que se trata de una base de datos.
• Y podemos usar JDB como acrónimo de Javscript DB recordando cual es el origen del proyecto.

• Relicenciamiento a GPL 3.
• Documentación interna completa y en Ingles, así como las variables que pasan del catalán al ingles para internacionalizar el proyecto.
• Reestructuración completa del código.
• Nuevo analizador sintactito del Select sobre un 40% más rápido.
• Tipado de datos de los campos de las tablas, lo que nos ayuda a evaluar correctamente números, cadenas y sobre todo fechas.
• El algoritmo para realizar JOIN entre dos tablas es alrededor de 640 veces más rápido.
• Se ha añadido el uso de between, el uso de parentesis, reconocimiento de '<=>'.
• Implementación de la clausula limit.
• Reconocimiento de is, is not, is null, is not null y unknown.
• Realización de un select con sólo contando el tiempo de la clausula where alrededor de un 40 veces más rápido.
• Evaluación de la clausula where alrededor de un 94% más rápido.
• La evaluación de una condición LIKE es alrededor de 8 veces más rápida.
• La clausula Order by es alrededor de 2 veces más rápido.

Artículos relacionados

• Wordpress 2.9 te ayudará a cuidar tu base de datos
• Modelos de Base de Datos Gratis
• Lleva Wordpress en tu bolsillo (literalmente)
• Convierte de Microsoft Access a MySQL
• Web SQL Database, tu base de datos en HTML5

<?php
 /*
 *    @author: Jackob
 @    @description: TODO: Poner una descripción
 */
 $numeros = array(4,8,15,16,23,42);
 $supervivientes = array("Locke", "Reyes", "Ford", "Said", "Shepard", "Kwon");
 $candidatos = array_merge($numeros, $supervivientes);
 print_r($candidatos);

 /*
 *    @author: John Locke (malo)
 *    @description: Es una broma mia
 */
 $smokei = array_shift($candidatos);
?>

Artículos relacionados

• Generado de teorías para LOST
• Lost Park,… Perdidos en South Park
• Lost.in, acorta y protege URL’s
• South Park Studio Version 2.0
• Opera para desarrolladores

// HTML
<ul>
 <li id="long1">Long, gradual transition...</li>
 <li id="fast1">Very fast transition...</li>
 <li id="delay1">Long transition with a 2-second delay...</li>
 <li id="easeout">Using ease-out timing...</li>
 <li id="linear">Using linear timing...</li>
 <li id="cubic1">Using cubic-bezier(0.2, 0.4, 0.7, 0.8)...</li>
</ul>

// CSS
#delay1 {
 position: relative;
 -moz-transition-property: font-size;
 -moz-transition-duration: 4s;
 -moz-transition-delay: 2s;
 font-size: 14px;
}

#delay1:hover {
 -moz-transition-property: font-size;
 -moz-transition-duration: 4s;
 -moz-transition-delay: 2s;
 font-size: 36px;
}

Artículos relacionados

• 10 extensiones para Firefox con las que mejorar nuestra privacidad
• Mozilla Firefox 3.6 está entre nosotros
• Disponible la RC1 de Firefox 3
• Firefox 3.6 RC2 disponible para descargar
• Firefox 3 RC 2 disponible “extraoficialmente”

// Ejemplo jQuery
<script src="jquery.js"></script>
<script src="jquery-json.js"></script>
<script src="domcached.js"></script>
<script>
// Leemos el valor de "key"
var value = $.DOMCached.get("key");
if(!value){
	// Si no está disponible lo cargamos desde el servidor
 	value = load_data_from_server()
 	// Lo añadimos al DOM para futuros usos
	$.DOMCached.set("key",value);
}
</script>

Artículos relacionados

• jQuery 1.0 ha salido para mostrarnos la luz
• Crea DOM directamente con jQuery y Prototype
• Prototype vs jQuery
• Prototype 1.6.1 RC2, compatibilidad con IE8
• jQuery Easing, un plugin para facilitar nuestros efectos

(Ver Imagen)

Actualización (23/02/2010 10:19):

Artículos relacionados

• Microsoft reconoce que Vista es una m…
• Windows 3.11 en tu navegador
• Prueba Windows Mobile 6.1.4 desde tu escritorio
• Añade un WYSIWYG a tu web
• Internet Explorer 8 disponible en el Windows Server Update Services (WSUS)

Al igual que Google Gears SQL, con HTML5 será posible realizar peticiones complejas mediante SQL. Los chicos de HTML5Rocks ha creado una pequeña aplicación de ejemplo que funciona sobre Google Chrome y de la que he podido crear una pequeña versión reutilizable que podremos usar en nuestras aplicaciones web.

var webdb = {};
webdb.db = null;

// Función para crear la base de datos
webdb.open = function(options) {
	if (typeof openDatabase == "undefined") return;

	// Opciones por defecto
   	var options = options || {};
	options.name = options.name || 'noname';
	options.mb = options.mb || 5;
	options.description = options.description || 'no description';
	options.version = options.version || '1.0';

	// Definimos el tamaño en MB
   	var dbSize = options.mb * 1024 * 1024;

	// Cargamos la base de datos
   	webdb.db = openDatabase(options.name, options.version, options.description, dbSize);
}
// ExecuteSql
webdb.executeSql = function(sql, data, onSuccess, onError){
	if (!webdb.db) return;
	webdb.db.transaction(function(tx){tx.executeSql(sql, data,onSuccess,onError);});
}

Este código, nos permite realizar peticiones SQL tales como crear una nueva tabla, leer, borrar o modificar de ella, está claro que únicamente en los navegadores que lo permitan.

// Ejemplo
var opt = {
	name: "ejemplo",
	mb: 1,
	description: "Base de datos de ejemplo",
	version: "1.0"
};

// Abrimos la base de datos
webdb.open(opt);

// Creamos la tabla
webdeb.executeSql('CREATE TABLE IF NOT EXISTS ejemplo (ID INTEGER PRIMARY KEY ASC, texto TEXT, added_on DATETIME"', [],
			function(tx, r){
				alert("Tabla creada");
			},
			function(tx, e){
				alert("Se ha producido un error: "e.message);
			});

// Insertamos un nuevo elemento
webdb.executeSql('INSERT INTO ejemplo (texto, added_on) VALUES (?,?)', ['Mensaje de ejemplo', new Date()],
			function(tx, r){
				alert("Elemento introducido");
			},
			function(tx, e){
				alert("Se ha producido un error: "e.message);
			});

Esto nos permitirá crear aplicaciones más complejas gracias al almacenamiento de datos en la capa del cliente. Eso si, será mucho más útil cuando todos los navegadores lo incorporen :D

Artículos relacionados

• WebKit ya integra almacenamiento en el cliente
• Wordpress 2.9 te ayudará a cuidar tu base de datos
• Enviate copias de seguridad de tu base de datos a tu email
• MyJDB, base de datos en Javascript para todos los navegadores
• DOMCached, librería para facilitar el almacenamiento DOM con jQuery y Prototype

Artículos relacionados

• Otro fallo de seguridad en Wordpress 2.2
• Wordpress 2.6.5, actualizacion de seguridad
• Wordpress MU 1.3.2, actualización de seguridad
• Wordpress 2.3.3. Actualización de seguridad
• Wordpress 2.8.3 actualización de seguridad

(Ver Imagen)

Modo de empleo

<link rel="stylesheet" type="text/css" href="css/jquery.jdigiclock.css" />
<script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="lib/jquery.jdigiclock.js"></script>

// HTML
<div id="digiclock"></div>

// Javascript
<script type="text/javascript">
     $(document).ready(function() {
        $('#digiclock').jdigiclock({
            // Aquí la configuración
        });
    });
</script>

Configuración

• clockImagesPath: Directorio de imágenes del Reloj
• weatherImagesPath: Directorio de imágenes del tiempo
• am_pm: Booleano para especificar AM/PM
• weatherLocationCode: Código de tu cuidad para el tiempo (Base de datos: WeatherLocationDatabase.txt).
• weatherMetric: Medición de la temperatura (C/F)
• weatherUpdate: Tiempo de actualización del tiempo

Actualización (13:02):

Artículos relacionados

• Reloj binario en Javascript
• Reloj de la web -2.0 en la web 2.0
• Pon un reloj polar en tu PC
• CSS3 Clock, girando las manillas con CSS3
• ¿quien dijo que el inglés era fácil?

// Mozilla
-moz-border-radius:1em;

// WebKit
-webkit-border-radius:1em;

// W3C
border-radius:1em;

(Ver Imagen)

Código

#wrapper{
 width: 1000px;
 margin: auto;
 position: relative;
}
#circle{
 position: absolute;
 top: 100px;
 left: 0;
 z-index: 0;
 width: 200px;
 height: 200px;
 background-color: #a72525;
 -webkit-border-radius: 100px;
}

#circle1{
 position: absolute;
 top: 105px;
 left: 5px;
 z-index: 1;
 width: 200px;
 height: 200px;
 background-color: #efefef;
 -webkit-border-radius: 100px;
}

Artículos relacionados

• Bordes redondeados en Internet Explorer
• Microsoft Internet Explorer 8 y los prefijos CSS
• Border-imagen en Firefox 3.1
• Bordes redondeados con CSS Sprites
• Firefox + Firebug vs IE8 + Developer Toolbar

• Google Gears
• Silverlight
• Flash
• BrowserPlus
• HTML5

var uploader = new plupload.Uploader({
	runtimes : 'gears,html5,flash,silverlight,browserplus',
	browse_button : 'pickfiles',
	max_file_size : '10mb',
	resize : {width : 320, height : 240, quality : 90},
	url : 'upload.php',
	flash_swf_url : '/plupload/js/plupload.flash.swf',
	silverlight_xap_url : '/plupload/js/plupload.silverlight.xap',
	filters : [
		{title : "Image files", extensions : "jpg,gif,png"},
		{title : "Zip files", extensions : "zip"}
	]
});

Artículos relacionados

• Cuando sube la marea
• Oculta ficheros dentro de los .JPG en Windows
• La serie 60 de Symbian se sube al carro de la web
• Compresión HTTP de ficheros html, css y js
• Short URL, plugin para crear mini URL’s en tu Wordpress