Un hilo en la red

LIGA.php 3.3.3 disponible con Composer

2015-09-12T22:37:00.001-05:00

El microframework LIGA.php se ha incorporado al mundo de los gestores automatizados de dependencias (paquetes), en este caso se ha integrado con Composer.

Después de instalar Composer se puede usar el siguiente comando dentro del directorio de nuestro proyecto web para obtener la versión más avanzada:

composer require oscargalileo/liga3

Si se desea especificar una versión de LIGA.php, a partir de la 3.3.3:

composer require oscargalileo/liga3 3.3.3

Si todo está correcto veremos que se ha creado el directorio vendor/ (con varios archivos dentro) y los archivos composer.json (si no existía ya) y composer.lock; se recomienda leer la documentación de Composer para más detalles.

La ventaja principal de un gestor de dependencias como Composer, es que si se fueron agregando librerías poco a poco, llegará un punto en que nuestro archivo composer.json contendrá toda la información de los paquetes implementados, además de que al instalar un paquete se agregará junto a todas sus dependencias automáticamente, si después deseamos cambiar o copiar nuestro proyecto a otro servidor, sólo será necesario "mover" los archivos que nosotros mismos creamos, además del composer.json, posteriormente sólo ejecutar composer install y el resto lo hará Composer.

En el caso de LIGA.php, para poder usar sus objetos y funciones deberá incluir directamente el archivo del núcleo, ya que por el momento no está configurado para usar el autoload.php de Composer, deberá incluir el microframework así si está en la raíz del proyecto:

require_once 'vendor/oscargalileo/liga3/LIGA3/LIGA.php';

La ventaja de LIGA.php es que incluye su propio autoload, el cual funciona correctamente para cargar las clases que se incluyen en el paquete de LIGA3, como BD.php, Formula.php, HTML.php, FUSION.php y ahora está disponible para pruebas RUTA.php, el cual ofrece una API muy sencilla para organizar mejor nuestro proyecto web, mediante rutas personalizadas, usando expresiones regulares, por ejemplo:

RUTA::$base = '//localhost/directorio_proyecto/';

// Aquí la ruta debe ser //localhost/directorio_proyecto/formUser
RUTA::nueva('formUser', function() {
// Mostrar el formulario de usuario (pendiente)
print_r(RUTA::$LPAR); // muestra los parámetros de la URL
});

// Aquí la ruta debe ser //localhost/directorio_proyecto/nvoUser
RUTA::nueva('nvoUser', function() {
// Acción para agregar usuario (pendiente)
});

// Sólo aceptará dígitos como //localhost/directorio_proyecto/perfil/123
RUTA::nueva('perfil/\d*', function() {
echo 'Perfil del usuario '.RUTA::$LPAR[2];
// pendiente consultar la información y mostrarla
echo RUTA::$uri; // sólo para saber cómo validar datos de la URL
});

Se ha avanzado un poco más con el desarrollo de LIGA.php, aún falta mucho por hacer, principalmente integrar a más desarrolladores al equipo, ya que es muy importante que desde la Universidades públicas de México y del mundo, se promuevan este tipo de proyectos, orientados a contribuir al avance científico y tecnológico del mundo, mediante el desarrollo ágil de software, sin dejar de lado la calidad y seguridad del mismo.

Seguiremos atentos a las nuevas tendencias que van surgiendo en el mundo del desarrollo web, el siguiente paso del proyecto LIGA es integrar LIGA.js también con algún manejador de paquetes como Bower, en cuanto esté listo se publicará por este medio, hasta la próxima.

Google a la mexicana

2013-09-16T14:09:00.001-05:00

Ahora sólo para comentar la novedad de que Google intenta celebrar la independencia de México con esta divertida animación:

Desde su página de inicio con el dominio MX: https://www.google.com.mx/

Para mi gusto no es el mejor Doodle que se haya realizado pero es bueno saber que al menos Google considera que México posee independencia, pese a los problemas sociales y políticos por los que atraviesa el país.

Esta es la primera vez que en el Blog se publica algo con un sentido político, ya que la idea es variar en los temas y poder expresar nuestras ideas, siéntanse libres de comentar su opinión al respecto, hasta la próxima.

Mejor que el Big Bang (poesía)

2013-09-07T16:55:00.000-05:00

Aún recuerdo esa época
en la que estábamos juntos,
hoy sé que no es poca la gente
que nos admira en todo el mundo,
antes ser un nerd era lo peor
y ahora todos quieren serlo,
todo gracias a la televisión
y a las series que conocemos.

La teoría del Big Bang es poco
con lo divertido que la pasamos,
antes decían que estábamos locos
o que éramos muy cerrados,
hoy todos quieren ser nosotros
o unos zombis ya de plano,
creo que seguimos siendo lo mejor
sin importar lo que ha pasado.

Jamás olvidaré las charlas
y mucho menos los juegos,
no tuvimos a muchas chavas
y tampoco fuimos tan fiesteros,
pero todos iban a nuestra casa
sabiendo que éramos sinceros,
otras fiestas sólo eran farsas
para quitarles todo su dinero.

Terminamos nuestra carrera
y aprendimos muchas cosas,
salimos listos para la guerra
con armas muy poderosas,
esas eran nuestras ganas
de triunfar sin importar nada,
hoy creo que aún nos falta
pero el límite está en el alma.

Hoy deseo que en el futuro
podamos seguir conviviendo,
para recordar viejos tiempos
y crear nuevos momentos,
con las mismas ganas de aprender
para seguir triunfando juntos,
ahora sé que siempre los querré
y les deseo lo mejor del mundo.

Sale a la luz Google Chrome 28

2013-07-12T00:12:00.000-05:00

Sólo con la noticia de que el navegador Google Chrome ha llegado a su versión 28, aunque no trae mejoras en cuanto a su implementación de HTML5, lo que sí cambió fue el nombre del motor de renderizado, ahora se llama Blink, que se trata de una ramificación de WebKit (el que usaba antes).

Además ha mejorado notoriamente las notificaciones de escritorio, ahora tienen un diseño más elegante además de poseer más capacidades.

Seguiremos de cerca el avance de este excelente navegador web, hasta la próxima!

JQuery 1.10.2 y 2.0.3 liberados

2013-07-06T16:37:00.001-05:00

Publico esta noticia un poco tarde, pero aquí tenemos ya los lanzamientos más recientes de JQuery, con interesantes correcciones de errores, según su blog oficial.

Desde los lanzamientos básicos (1.10 y 2.0.1) según el blog se pueden observar más novedades, por ejemplo:

Sincronizaron las capacidades de ambas versiones
Incremento de modularidad
Entre otras correcciones de errores

Para más detalles no olviden revisar las entradas oficiales del blog oficial, seguiremos al tanto de los avances en el desarrollo de esta magnífica biblioteca Javascript, que según BuiltWith sigue siendo la más usada en la web, hasta la próxima.

Google Maps actualizado

2013-05-30T10:19:00.002-05:00

La nueva versión de Google Maps aprovecha la potencia de Google Chrome y WebGL, podemos ver una interfaz más limpia y organizada, las búsquedas son más interactivas con sugerencias muy relevantes, como introducción posee una visita guiada, donde describirá cada herramienta de esta nueva versión.

El movimiento es más suave y se aprecian imágenes con una mejor resolución, mantiene la opción de Street View y la pantalla se aprovecha en lo más importante de la herramienta: Los Mapas.

En breve todos podremos disfrutar de esta actualización y para gozarla a su máximo esplendor es recomendable utilizar el navegador Google Chrome.

Hoy he decidido (para Alicia)

2013-05-18T21:20:00.000-05:00

Hoy he decidido escribirte

un pequeño poema de amor,

Alicia, desde que viniste

mi mundo cambió su color,

antes eran tonos grises

y nada tenía buen sabor,

pero contigo tiene matices

que me llenan de emoción.

Ahora todo tiene sentido

después de unos tropiezos,

y aunque es poco lo vivido

lo he enfrentado sin miedo,

todo gracias a tu abrigo

que me protege del viento,

hoy quisiera estar contigo

para ya no perder el tiempo.

Hoy tu amor y tu amistad

son demasiado importantes,

ayer el miedo y la soledad

no me dejaban esforzarme,

ahora me motiva el objetivo

de lograr una vida a tu lado,

sé muy bien que contigo

viviré siempre enamorado.

Ayer aún estaba muy solo

y hoy estoy bien acompañado,

creo que pude volverme loco

si no te hubiera encontrado,

le agradezco todo a Dios

y a la suerte que me cargo,

por reunirnos a los dos

y por habernos enamorado.

Edita código en el navegador (ICE Coder)

2013-05-12T14:30:00.000-05:00

ICE Coder es una moderna herramienta que nos permitirá editar código fuente directamente en el navegador web. Es un proyecto de software libre que podría incrementar la productividad en el desarrollo de aplicaciones y páginas de Internet.

Para su buen funcionamiento se recomienda utilizar los navegadores Google Chrome o Mozilla Firefox en sus versiones más recientes.

Se puede usar de forma local o remota, está desarrollado para funcionar en cualquier plataforma, el servidor web Apache de preferencia, PHP 5+ (recomiendan 5.3 al menos), mucho Javascript implementando la biblioteca CodeMirror entre otras, posee ayuda en la edición de los lenguajes más usados e incluye una serie de herramientas y comandos útiles.

Se ha lanzado bajo la licencia MIT y probablemente después de este verano podamos probar la versión 3.

Disponible LIGA.php 3.2

2013-04-26T12:28:00.000-05:00

Se anuncia la publicación de LIGA.php 3.2 con pequeñas mejoras, especialmente en la función principal para invocar objetos LIGA, con esto ahora es posible utilizar un array simple como único parámetro.

Antes sólo era posible hacer lo siguiente:

$entidad = LIGA('select * from entidad where id = 1 order by id');

$entidad = LIGA('entidad', array('id'=>1), 'order by id');

$entidad = LIGA('esquema.entidad', array('id'=>1), 'order by id');

A partir de la versión 3.2 se podrá implementar así:

$entidad = LIGA(array('select * from entidad where id = 1 order by id'));

$entidad = LIGA(array('entidad', array('id'=>1), 'order by id'));

$entidad = LIGA(array('esquema.entidad', array('id'=>1), 'order by id'));

Incluso a partir de PHP 5.4 puede usar la notación corta para crear arrays:

$entidad = LIGA(['select * from entidad where id = 1 order by id']);

$entidad = LIGA(['entidad', array('id'=>1), 'order by id']);

$entidad = LIGA(['esquema.entidad', array('id'=>1), 'order by id']);

Note el uso de los corchetes, de esta forma podrá cargar dinámicamente la información para crear nuevas instancias del objeto LIGA, facilitando el trabajo en el caso de crear un gestor de contenidos para la base de datos; es muy importante respetar el orden de los elementos, ya que primero debe proporcionar el nombre de la tabla o entidad de la base de datos.

Se recomienda revisar la documentación en línea, cualquier duda u observación estamos al tanto en la página oficial del proyecto, hasta la próxima!

LIGA.js 1.3 liberado

2013-04-21T14:17:00.000-05:00

Para anunciar que se ha liberado jquery.liga.js 1.3 con notables mejoras, por ejemplo la reducción de tamaño en su versión minimizada, pesando 15.2% menos que la versión 1.2.

Además se adaptó y ajustó el patrón usado por JQuery Boilerplate, mejorando el rendimiento de LIGA.js gracias a que ahora sólo se crea una instancia interna, ya que antes se creaba una por cada llamada a una función, siendo un plugin con múltiples funciones, este ajuste es muy importante.

Otra mejora digna de mención, es el ajuste en la API de la función memoria, esta permite almacenar, consultar y eliminar datos de localStorage y/o Cookies, anteriormente se podían utilizar hasta 3 parámetros, mientras a partir de la versión 1.3 sólo se podrá usar uno, por lo que es necesario encapsular los mismos parámetros que se usaban dentro de un array, la documentación ha sido actualizada respecto a este punto.

Cabe mencionar que LIGA.js es totalmente compatible con JQuery 2.0.0 y versiones anteriores, por lo que se recomienda utilizar la que mejor convenga según el navegador web, para que LIGA.js funcione correctamente el los navegadores antiguos escriba algo así antes del cierre de </body>:




<script src="js/jquery-2.0.0.min.js"></script>

<script src="js/jquery.liga-1.3.min.js"></script>

Observe que se usa la biblioteca IE9.js para "arreglar" algunos problemas comunes en los navegadores anteriores a Internet Explorer 9, esto es importante para que LIGA.js funcione como se espera en estos navegadores antiguos, además de forma opcional se puede incluir JQuery UI, esto permite que se puedan mover las ventanas de alerta creadas con LIGA.js arrastrándolas con el cursor.

Para finalizar sólo mencionar que las ventanas de alerta, mensajes y estilos en general de LIGA.js también son totalmente compatibles con los temas de JQuery UI, por lo que se puede personalizar muy fácilmente gracias a theme roller, posteriormente sólo habrá que incluir la hoja de estilos resultante junto a los estilos por defecto de LIGA, así:

<link href="css/LIGA.css" rel="stylesheet" />
<link href="css/jquery-ui/liga/jquery-ui-1.9.2.liga.min.css" rel="stylesheet" />

Seguimos trabajando para consolidar las bibliotecas del proyecto LIGA, cualquier duda o comentario estamos abiertos a la crítica, hasta pronto!

JQuery 2.0 final

2013-04-19T10:30:00.001-05:00

El JQuery Group el día de ayer dio a luz la versión final y estable de JQuery 2.0, según informan en su blog.

Desde su página principal se puede acceder ya a la descarga de este excelente framework Javascript, siendo el más popular y usado del mundo, según la página BuiltWith.

Lo más destacado de este lanzamiento es su reducción de tamaño, ya que comparando sus versiones minimizadas, JQuery 2.0 es 10.3% más pequeño que JQuery 1.9.1, con las mismas funcionalidades, excepto por el tema de la compatibilidad, ya que JQuery 2.0 ya no es compatible con Internet Explorer 6, 7 y 8.

Si es necesario seguir soportando los navegadores antiguos, deberá utilizarse JQuery 1.9 escribiendo algo así en la estructura de la página web:

<!--[if lt IE 9]>
    <script src="jquery-1.9.1.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
    <script src="jquery-2.0.0.js"></script>
<!--<![endif]-->

Es muy importante que los desarrolladores web conozcamos JQuery, ya que aunque no lo usemos en nuestros proyectos, podría existir la necesidad de modificar uno que ya implementa JQuery, finalmente es un framework que ha contribuido a construir un Internet más dinámico y divertido.

Además se informa que jquery.liga.js es totalmente compatible con JQuery 2.0, se ha actualizado el ejemplo en jsFiddle usando esta nueva versión, cualquier detalle detectado favor de contribuir en la página oficial del proyecto LIGA.js

Seguiremos al tanto de los próximos lanzamientos, hasta la próxima!

The LIGA project

2013-04-12T23:04:00.000-05:00

The "LIGA" project is created by teachers of web development from Centro Universitario de la Ciénega of the Universidad de Guadalajara, the primary objective is create frameworks easy to use and easy to learn.

The framework LIGA.php written with PHP5, is designed to easier the way that you connect to the MySQL database system, then improve the learning of web applications development (back-end).

LIGA.php allow to create complex HTML structures with less PHP code, from entities linked to the MySQL database system, as creating tables, forms, selectors, lists and more.

LIGA.php is implemented modularly, which enables you to add more extensions without reducing performance, the default extensions are "Formula" and "FUSION" in the last framework version.

The documentation is written in Latin American Spanish, but you are free to translate to another language.

Besides this, the LIGA project has created LIGA.js, which is a JQuery plugin that easier the way to create a rich internet applications (front-end), adding animated windows with alerts, implement an API for localStorage, desktop notifications, AJAX forms with local validation, AJAX history and more.

Using both frameworks you can create complex web applications in minutes, learning just a few basic functions, then remember that the LIGA frameworks are easy to learn and use.

The official development web page is in GitHub, where you can contribute with the code or making recommendations.

Development teams will be ready to resolve any comments or problem identified, we kept in touch until the next.

LIGA.php 3.1.0

2013-04-07T15:05:00.001-05:00

Se anuncia el lanzamiento inminente de LIGA.php 3.1.0, con un importante agregado que podría mejorar el tiempo de carga de nuestra aplicación web, se trata de FUSION.

FUSION, como su nombre lo indica, permite fusionar varios archivos en uno sólo, además de minimizarlo eliminando saltos de línea, comentarios de bloque, comentarios de una línea, tabulaciones y espacios en blanco innecesarios, todo esto para ahorra ancho de banda.

Carga de prueba de una página web con múltiples archivos

En la imagen anterior, vemos una prueba sencilla donde hemos cargado una web con un archivo CSS y 3 Javascript algo pesados, usamos las herramientas de desarrollo de Google Chrome para hacer las mediciones; en la primer prueba aún no hemos utilizado FUSION y la web descargó un total de 138.5 KB y tardó 180ms (es una página pequeña).

Prueba de la misma web con FUSION, generando archivos externos para ser cargados

En la captura anterior ya hemos usado FUSION con su primera función, la cual permite fusionar y comprimir los archivos, posteriormente guarda una copia del archivo y lo envía a la página web con las etiquetas link y script según el caso, el resultado es 119.9 KB y tardó 150ms, un ahorro de 13.4% en el tamaño de los archivos y 16.7% en el tiempo de carga, respecto a la prueba sin FUSION.

Prueba de la misma web con FUSION, incluyendo el contenido de los archivos en el mismo código HTML

Finalmente, volvemos a usar FUSION con su segunda función, esta permite incrustar el contenido del archivo generado en el mismo código HTML de la página, mediante las etiquetas style y script respectivamente, el resultado fue 119 KB (casi lo mismo que la prueba anterior) y un tiempo de carga de ~~107ms~~ 104ms, o sea un ahorro de tiempo del ~~28.7%~~ 30.7%, nada despreciable pensando en que mientras más grande y compleja fuera nuestra página, mayores serían los beneficios de usar una herramienta como FUSION; si realizamos el cálculo de ahorro con los datos de la primera petición (sin FUSION) los resultados son ahorros del 14% y 42.2% en tamaño y velocidad respectivamente, resultados muy interesantes.

Cabe mencionar que en el caso de los archivos Javascript, sólo funcionarán comprimidos y fusionados si utiliza siempre punto y coma al final de cada línea (;) ya que al minimizarlo convierte el código a una sola línea, produciendo errores si el código no está bien construido.

Interesados en probar la nueva versión de LIGA.php favor de ingresar a la página oficial del proyecto, en breve se actualizará el manual para explicar a detalle el uso de FUSION, queden pendientes, hasta la próxima!

La quiero con el alma

2013-04-05T23:59:00.000-06:00

Hoy tengo un sentimiento

recurrente y agradable,

que me recorre el cuerpo

y de mi mente no se sale,

implantándome la idea

de hacer feliz a alguien,

pero buscando la manera

de evitar todo un desastre.

Se trata de mi mejor amiga

a quien nunca dejaré de querer,

ella volvió a entrar en mi vida

y jamás la volveré a perder,

pues lucharé para estar cerca

velando por su bienestar,

sigo buscando una manera

para podérselo expresar.

Hoy aprovecho estas líneas

para indicarle lo que siento,

creo que es la mejor manera

pues hablado se lo lleva el viento,

en cambio yo le entrego

un documento firmado,

para mantener lo que digo

y se lo cumpliré honrado.

Me ha hecho sentir tantas cosas

que me falta papel para escribirlo,

lo que sé es que fueron hermosas

y aún me quedo corto al decirlo,

la principal idea es que le quiero

incluso más que a mí mismo,

ojalá sepa que soy sincero

y que por esto me caracterizo.

Si ella aceptara estar conmigo

sería el hombre más feliz del mundo,

hemos sido buenos amigos

pero hoy la llevo en lo profundo,

porque siempre le digo que la quiero

aunque no es un querer normal,

pues en el alma creo que la llevo

y eso nunca se va a acabar.

10 de Septiembre del 2010

Google Chrome vuelve a ser el rey

2013-03-30T17:25:00.001-06:00

Hoy me topé con la novedad de que se actualizó mi navegador Google Chrome a su versión 26, en algunos medios sólo han comentado que entre sus principales mejoras está el corrector ortográfico y nuevos idiomas.

Revisando la página HTML5 test me he percatado de que con esta última actualización, Google Chrome vuelve a ganarle al navegador Maxthon, el cual se había encontrado en primer lugar de dicha prueba desde hace meses, aquí las imágenes actuales:

Puntos HTML5 que obtiene Google Chrome 26

Puntos HTML5 que obtiene Maxthon 4 (actualizado al mismo día)

Por lo anterior los administradores de la página HTML5 test no deberán tardar en darle su merecido reconocimiento al navegador de Google, ya que aún aparece como Chrome Canary la puntuación que tiene actualmente, al día de hoy está en su versión estable.

Seguiremos al pendiente de esta apasionante lucha entre navegadores web, recordemos que a todos nos beneficia que las grandes compañías implementen el estándar HTML5 correctamente, hasta la próxima.

LIGA.php 3.0

2013-03-18T15:33:00.002-06:00

El proyecto LIGA presenta LIGA.php 3, se trata de una reconstrucción total de la biblioteca retomando lo mejor de las versiones anteriores. Entre sus principales funciones destacan:

Usando el template HTML5 Boilerplate permite crear fácilmente la estructura de la página

Ayuda a estructurar el layout o cuerpo de la página fácilmente

Genera estructuras HTML válidas a partir de entidades de la base de datos como:

Tablas, formularios, selectores, listas, checkbox, botones radio y más

Ofrece una API para la manipulación de la base de datos (más fácil que el SQL)

Su tamaño total hasta el momento es de 41 Kb, una reducción de 42.2% de su tamaño respecto a la última versión de LIGA.php 2, esto aunado a su incremento de velocidad y funciones adicionales.

LIGA.php 3 se distribuye bajo la licencia de software libre BSD de 3 cláusulas, la página oficial del proyecto está ahora en GitHub, donde podrán hacer sus aportaciones y reportar problemas, para comenzarlo a usar aquí el enlace a la documentación en línea: http://goo.gl/OOics

Se seguirá dando soporte a la serie 2.4 y también ahora a la versión 3, seguiremos trabajando para que LIGA.php y LIGA.js se unan en un importante gestor de contenidos, espéralo muy pronto.

LIGA.js 1.2 (plugin para JQuery)

2013-03-08T15:04:00.001-06:00

La siguiente versión de LIGA.js está aquí, los invito a probar la nueva funcionalidad que consiste en validar archivos localmente, esto gracias a la API HTML 5 Files y además son enviados vía AJAX con la API XMLHttpRequest Nivel 2.

La validación local consiste en verificar la extensión del archivo y/o el tipo que reporta el navegador, además se puede obligar al usuario a enviar cierta cantidad de archivos, además se podrá limitar el tamaño máximo y/o mínimo del archivo; cabe mencionar que esta funcionalidad es para mejorar el tiempo de respuesta, se recomienda seguir validando los archivos del lado del servidor para garantizar la seguridad de las aplicaciones.

Cuando los archivos pasen la validación, el plugin procederá a enviar toda la información (incluyendo archivos) vía AJAX, esto en los navegadores web modernos que soportan AJAX 2; en los navegadores antiguos como IE 9 y anteriores que no soportan dicha técnica realizará el envío de forma transparente como si lo hiciera por AJAX, pero carecerá de la validación local del archivo sólo en estos navegadores.

Los paquetes de descarga están listos desde la página oficial del proyecto, la página de GitHub mediante la etiqueta 1.2 y la página del plugin en JQuery, finalmente la documentación explica cómo configurar la validación de nuestros archivos desde el código Javascript.

Cualquier duda o detalle encontrado favor de reportarlo por este medio o en las páginas del proyecto, hasta la próxima!

Continúa guerra de navegadores web

2013-02-23T21:59:00.001-06:00

He decidido volver a escribir sobre la interminable y benéfica guerra de navegadores web, mencionando que según HTML5test el navegador Maxthon Cloud Browser sigue estando a la cabeza de dicha prueba con 464 puntos de 500, o sea un 93%; aunque debemos tener cuidado con las capacidades WebGL ya que son muy lentas aún.

Pisándole los talones está la última versión estable de Google Chrome (25) con 463 puntos en la misma prueba HTML5, o sea casi lo mismo; por el momento sólo mencionaré a los 2 primeros lugares de navegadores de escritorio.

Habrá que avisarle a los administradores de la página HTML5test para que actualicen sus estadísticas, además que desde el 1 de Febrero salió Maxthon 4 para diversos dispositivos móviles, arrojando este 200 puntos en la prueba antes mencionada, aunque en esta categoría para mi gusto la victoria es de Opera Mobile 12.10 ya que puntúa 406 y es compatible con la mayoría de dispositivos móviles.

Interfaz para elegir fecha, luego el selector de hora, color, imagen para submit con coordenadas y selector de rango

He analizado un poco las nuevas características de los navegadores, recomiendo probar las recientes interfaces gráficas para los elementos de formularios en Chrome y Maxthon, con estos ya podemos ver calendarios y selectores de horario, una paleta de colores, entre otras características.

Aparece cuando presiona el botón de color.

Nos leemos luego, hasta la próxima!

JQuery 1.9 final

2013-01-15T16:14:00.001-06:00

JQuery 1.9 final está en el aire, como se menciona en el blog de JQuery, donde explican que esta versión sigue teniendo cierta compatibilidad con versiones antiguas de IE (6, 7 y 8), además se publica JQuery 2.0 en estado beta, la cual ya no posee compatibilidad con dichos navegadores obsoletos.

Descargue la última versión de JQuery desde la página oficial

Al mismo tiempo se lanza la versión final del plugin para realizar una migración más amable, incluso para la versión 2.0.

Estaremos al tanto de las mejoras implementadas para que el proyecto LIGA.js aproveche todas las capacidades de JQuery, hasta la próxima!

LIGA en GitHub

2012-12-30T15:00:00.003-06:00

Queremos anunciar la publicación de los proyectos de LIGA en GitHub, invito a todo interesado a participar en el proceso de desarrollo de las librerías, la página es:
https://github.com/oscargalileo

Por el momento están ahí las últimas versiones de los proyectos, como jquery.liga.js:
https://github.com/oscargalileo/jquery.liga.js

Además la versión Beta de LIGA.php 3:
https://github.com/oscargalileo/LIGA3

Pueden contactarme por este medio en los comentarios o llenando el siguiente formulario:
http://goo.gl/tyPjT

Seguimos en contacto, hasta la próxima!

JQuery 1.9 Beta

2012-12-27T12:26:00.000-06:00

En el blog de JQuery acaban de publicar el lanzamiento en fase beta de JQuery 1.9 con los ajustes más importantes desde hace mucho tiempo, en dicho artículo aparece la lista de cambios.

Es muy importante que los desarrolladores probemos dicho framework con la finalidad de garantizar la funcionalidad de nuestros proyectos, ya sean plugins o aplicaciones web, para eso también crearon el plugin migrate y la guía de actualización que nos ayudarán en el proceso de ajuste de nuestros códigos.

Por nuestra parte hemos probado JQuery 1.9 con jquery.liga.js 1.0 y 1.1 y funcionan correctamente sin realizar cambios, por lo que nuestro plugin seguirá funcionando por un buen tiempo, faltará ver cómo reacciona con JQuery 2.0 para lo cual nuestro equipo de desarrollo estará al pendiente para realizar los ajustes necesarios para garantizar su funcionalidad a lo largo del tiempo.

Aquí les dejo los enlaces, hasta la próxima:

JQuery 1.9 Beta (blog)
JQuery migrate
Guía de actualización
jquery.liga.js (Google Code, GitHub)

Introducción a jquery.liga.js

2012-12-09T12:22:00.001-06:00

Como se mencionó en la entrada anterior, jquery.liga.js es un plugin para JQuery que reúne algunas funciones con el objetivo de facilitar el desarrollo front-end (Javascript) de una aplicación web.

Actualmente el tamaño de jquery.liga.js es mínimo, la versión de desarrollo pesa 26.7 Kb, mientras la versión minimizada 12.2 Kb y la versión comprimida tan sólo 4.05 Kb.

Para comenzar a usar la biblioteca descargue la última versión estable de jquery.liga.js de la página oficial del proyecto: http://code.google.com/p/galileo-liga/ a continuación descomprima y coloque el directorio completo en algún lugar de pruebas para sus aplicaciones web, así puede usar antes la plataforma de ejemplo, la cual trae consigo algunas demostraciones de código fuente.

Para que LIGA funcione correctamente incluya en su página los siguientes archivos:

<link rel="stylesheet" media="all" href="LIGA.css" />

Puede incluir opcionalmente JQuery UI para aprovechar algunas de sus funciones:

<script type="text/javascript" src="//code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

Su uso por defecto es muy fácil, además permite configurar todos los elementos rápidamente, a continuación presentamos algunos ejemplos:

$.liga('alerta', '¡Prueba!');

$('body').liga('mensaje', '¡Mensaje de prueba!');

$.liga('pregunta', {msj:'¿Le gusta LIGA.js?',
funcS : function() {
$.liga('alerta', '¡Muchas gracias!')
},
funcN : function() {
$.liga('alerta', ":'(")
}
});

$.liga('notificacion', 'Notificando desde jquery.liga.js');

Cuando el navegador sí implementa notificaciones de escritorio

Cuando el navegador no implementa notificaciones de escritorio muestra un mensaje

var reglas = {

        nombre       : {
         requerido : true
        },
        'contraseña' : {
         requerido : true,
         cond      : 'valor.length > 5',
         msj       : 'La contraseña debe contener más de 5 caracteres'
        },
        edad         : {
         mayor     : 17,
         menor     : 100,
         msj       : 'La edad debe estar entre los 18 y 99 años'
        },
        fecha        : {
         patron    : /^\d{4}-\d{2}-\d{2}$/,
         msj       : 'La fecha debe tener el formato YYYY-MM-DD'
        }
};
var filtro = {
        'contraseña' : function(valor) {
         // Se cargó la biblioteca md5 de http://pajhome.org.uk/crypt/md5
         return hex_md5(valor);
        }
};

$('#nvoUsr').liga('AJAX', {reg:reglas, fil:filtro, mensajes:function(msj) {
        $('.flotante').liga('mensaje', msj);
}});

Para más detalles favor de visitar el manual en línea, el cual está disponible para añadir comentarios, los cuales serán atendidos para seguir mejorando la biblioteca.

Nos leemos en la próxima, hasta pronto!

jquery.liga.js 1.0

2012-12-05T18:56:00.000-06:00

El proyecto LIGA presenta jquery.liga.js 1.0, que no sólo es un plugin para JQuery, es toda una suite de funcionalidades que facilitan el desarrollo de las aplicaciones web, mediante la implementación de:

Mensajes emergentes animados:

Ventanas de alerta personalizables:

Ventanas de confirmación (preguntas):

Almacenamiento local de datos (localStorage y cookies),
Notificaciones de escritorio (Webkit):

Validación local de formularios y envío AJAX:

Gestión del historial AJAX, entre otras.

Entre sus principales características destaca su compatibilidad con los estilos de JQuery UI, basta con cargar alguno de sus temas para disfrutar de esta característica.

Para descargar el plugin y la plataforma de pruebas favor de ingresar a la página oficial del proyecto: http://code.google.com/p/galileo-liga/

También está disponible la documentación en línea: http://goo.gl/Gxwp1

Interesados en participar en el proceso de desarrollo y mejora en las bibliotecas del proyecto LIGA favor de llenar el siguiente formulario: http://goo.gl/tyPjT

Combinando jquery.liga.js y LIGA.php se pueden crear aplicaciones web muy rápidamente.

Cualquier duda o detalle encontrado favor de contactarnos por este medio o en la página oficial, hasta la próxima!

Publican JQuery 1.8.3

2012-11-24T18:55:00.000-06:00

Hola, sólo para informar que JQuery 1.8.3 ha salido a la luz, así lo indican en el blog oficial de esta fascinante biblioteca Javascript: http://blog.jquery.com/2012/11/13/jquery-1-8-3-released/

Entre los principales ajustes destacan:

AJAX

Se corrige un bug en Internet Explorer 8 del HTML en la traducción china
Las peticiones asíncronas en IE 9 fallaban

Se corrigieron errores en el núcleo a falta de caracteres ASCII
Algunas funciones de CSS como $('body').show() y element.css('filter') en IE 9
Algunos efectos corregidos
Se agrega soporte para aplicaciones XUL Runner

Desde aquí podemos ver la aplastante ventaja que tiene JQuery sobre otros frameworks Javascript: http://trends.builtwith.com/javascript

Nos leemos en la próxima, hasta pronto!

Google celebra 500 experimentos de Chrome

2012-09-16T17:23:00.002-05:00

El gigante de las búsquedas (Google) celebra los primeros 500 experimentos del proyecto Chrome Experiments o Experimentos de Chrome, mediante una interesante animación interactiva.

Los 500 experimentos formando el número y dando vueltas si están siendo visualizados por otros usuarios

La idea de Google es agradecer a los desarrolladores y empresas de software que han compartido su trabajo con el mundo, recordemos que cada experimento es independiente.

El primer experimento se publicó el 11 de Febrero del 2009 y se llama BallDroppings y es muy entretenido, los experimentos tienen dos objetivos, el primero es probar las capacidades del navegador Google Chrome y el segundo es comparar cómo otros navegadores ejecutan los mismos, para darnos una idea de las diferentes implementaciones y avances en el desarrollo.

Finalmente mencionar que Google Chrome sigue siendo el líder en cuanto a la implementación de HTML5 en su navegador de escritorio, siguiéndole el paso Maxthon, según la prueba HTML5test.

500 experimentos resaltando el primero (BallDroppings) publicado el 11 de Febrero del 2009

Seguiremos al tanto de las novedades que nos trae en mundo web, hasta la próxima!