Javascript

Jx: GUI mediante Mootools

ByLuis November 14, 2008

JX Library es una librería para Mootools que nos facilita la realización de interfaces gráficas en nuestras páginas web.

Nos ofrece una variedad de elementos gráficos: layouts, paneles, árboles, grids, botones, toolbars, selectores de color, combos, …
Jx
Vía / WebAppers

AJAX | Javascript

Lista de ejemplos para jQuery

ByLuis January 19, 2007

Una de las formas que mÃ¡s me gusta para entender alguna librerÃa nueva es mediante ejemplos. Si ayer realizÃ¡bamos un ejemplo, con jQuery hoy os paso una pequeÃ±a lista con ejemplos donde se usa esta librerÃa.

Javascript | PHP

Laboratorio: carga secciones de javascript de forma dinámica

ByLuis February 7, 2007

Ayer fuÃ vÃctima de las librerÃas de Javascript, utilicÃ© jQuery para facilitar el ajax y de paso para el DOM, cuando para esto Ãºltimo no hubiera sido necesario, tardÃ© mÃ¡s en enterarme de cÃ³mo hacer un getElementById en jQuery que en hacerlo sin mÃ¡s.

Ante esto me preguntÃ© si no serÃa mejor coger la librerÃa de jQuery y dividirla en funcionalidades, y cargar solo la parte que vayamos a usar. Para ello se me ocurriÃ³ transformar el .js en un .php y cargar las diferentes funcionalidades segÃºn unos parÃ¡metros de entrada. Veo que aNieto2K ha tenido una idea parecida y buenÃsima, pero mediante javascript. En el caso que yo comento se podrÃa hacer que si quiero Ajax, a parte tambiÃ©n se carguen las funcionalidades del DOM que pueda usar la parte Ajax, transparente para el que use la librerÃa.

Para realizar esto, he tenido en cuenta dos cosas: obtener ciertos parÃ¡metros de entrada y segÃºn estos, cargar ciertas partes del script y usar un sencillo sistema de cachÃ© para no estar teniendo que crear en script online todo el tiempo.

Javascript

Tutorial básico de HTML storage

ByLuis August 16, 2010

Una de las características más interesantes de HTML5 es el browser storage, el cual nos permite almacenar datos en el navegador del cliente.

A parte de su uso básico:

localStorage.setItem('name', 'arman');  
var value = localStorage.getItem('name');  
localStorage.removeItem('name');

Me gustaría destacar dos puntos importantes: detectar si el navegador lo soporta y añadir eventos:

var webStorageSupported = ('localStorage' in window) && window['localStorage'] !== null;

if (window.addEventListener) {  
  window.addEventListener("storage", handleStorageChange, false);  
} else {  
  window.attachEvent("onstorage", handleStorageChange);  
}  

function handleStorageChange(event) {  
  alert("Algo esta cambiando en el almacenamiento");  
}

El resto del tutorial explica todo paso a paso

Browser Storage for HTML5 Apps

Javascript

Plupload: sube varios ficheros fácilmente

ByLuis February 5, 2010

Plupload es un script creado por los autores de TinyMCE. Permite subir ficheros usandoHTML5 Gears, Silverlight, Flash, Yahoo! BrowserPlus o formularios normales, además permite subida progresiva, redimensionado de imágenes y chunked uploads.

Está dividido en dos partes: Core API y una cola de subida jQuery, lo cual permite que creamos nuestra propia implementación. Además en Firefox 3.5+ se puede usar drag&drop y el redimensionado de images también es exclusivo de FF.

Plupload

Vía / WebAppers

Javascript

curvyCorners: esquinas redondeadas mediante Javascript

ByLuis September 5, 2006

Ahora que estÃ¡n tan de moda las esquinas redondeadas, vemos una librerÃa javascript que nos ofrece esta posibilidad sin tener que usar imÃ¡genes.
Tan solo identificando las capas que queremos modificar y ejecutando un pequeÃ±o script, redondearemos las esquinas de nuestras capas, ya tengan borde o imagen de fondo, mostrando ademÃ¡s efecto anti-aliasing.

Me parece que nos va a facilitar la vida a muchos.
curvyCorners
VÃa / Bitelia