Sentido Web » jquery

jQuery Graceful Websocket: plugin jQuery para websockets

displaynone — Mon, 18 Apr 2011 07:58:46 +0000

jQuery Graceful Websocket es un plugin jQuery que nos permite comunicarnos con el servidor usando websockets de HTML5. El problema es que tan solo Chrome permite los websokets (creo que Firefox los tiene desactivados por defecto por temas de seguridad), además se necesita que el servidor los pueda tratar, por lo que este plugin permite una alternativa mediante Ajax transparente al desarrollador.

// Si el servidor no admite websockets sustituye el ws:// por http://
var ws = $.gracefulWebSocket("ws://127.0.0.1:8080/");
// EnvÃa datos al servidor. 
// Si el servidor no admite websockets lo envÃa mediante POST
ws.send("message to server");
// Recibe datos del servidor
// Si el servidor no admite websockets hace un polling mediante GET
ws.onmessage = function (event) {
   var messageFromServer = event.data;   
};

WebSocket plugin for jQuery with graceful degradation

Cómo hacer un lector de feeds con jQuery Mobile

displaynone — Tue, 19 Oct 2010 10:50:57 +0000

Completísimo tutorial que nos explica cómo realizar un lector de feeds usando jQuery Mobile (que actualmente está en versión alpha). Cuyas características son las siguientes:

Mostrar lista de feeds con sus logos
Mostrar el feed cuando se hace click
Crear los estilos para los artículos
Crear un icono Apple-touch para que el usuario pueda añadir la aplicación a su teléfono
Usar YQL para obtener los datos del feed
Caché básico

Post original

Manipulate Colors in All Imaginable Combinations with xColor

displaynone — Fri, 27 Aug 2010 07:58:55 +0000

The xcolor plugin is an easy-to-use jQuery extension to manipulate colors in all imaginable combinations. This plugin implements an extensiv color parser and a featureful set of color-manipulation methods. There is also an animate() extension to smooth CSS colors.Another useful method isReadable() completes the whole, by allowing you to check if a …

Post original

Picasa jQuery Plugin

displaynone — Thu, 26 Aug 2010 07:35:00 +0000

A simple jQuery plugin to get albums and images from Picasa without the need for PHP, Ruby, or any other server side language. Makes it easy to create a simple, dynamic, free, client-side-only image gallery. …

Post original

Create a Twitter AJAX Button with MooTools, jQuery, or Dojo

displaynone — Wed, 25 Aug 2010 15:27:26 +0000

There’s nothing like a subtle, slick website widget that effectively uses CSS and JavaScript to enhance the user experience. Of course widgets like that take many hours to perfect, but it doesn’t take long for that effort to be rewarded with above-average user retention and buzz. One of the widgets I love is Twitter’s “Follow” button. Let me sho …

Post original

FireQuery

displaynone — Mon, 23 Aug 2010 17:06:34 +0000

This is a very cool extension for Firebug (add-on for an add-on?) that expands Firebug’s capabilities with jQuery. For instance, a built in jQueryify button, showing attached event handlers in the Content / DOM tree view, and highlighting all elements in a jQuery collection. I don’t think it’s new but I hadn’t seen it until I finally watched Remy S …

Post original

Stylize Radio Button & Checkbox with ezMark jQuery Plugin

displaynone — Thu, 19 Aug 2010 07:06:46 +0000

ezMark is a jQuery Plugin that allows you to stylize Radio button and Checkbox easily. Its very small (minified version is ~1.5kb) compared to other similar scripts. It has been tested and works on all major browsers (IE 6/7/8, Firefox, Safari, Chrome) and it gracefully degrades.To customize the default checkbox/radiobutton image, simply change the …

Post original

Quick Tip: An Introduction to Sammy.js

displaynone — Mon, 16 Aug 2010 07:20:34 +0000

You’ve been seeing it for a while now with Google’s Reader, Gmail, and most recently, on Facebook. Probably, you, too, would like to write RESTful evented JavaScript applications. Well, fellow developers, meet Sammy.js, a tiny JavaScript framework built on top of jQuery. Sammy utilizes the URL hash (#) to allow you to create single page AJAX applic …

Post original

Animated Table Sort with REGEXP Friendly

displaynone — Fri, 13 Aug 2010 10:38:00 +0000

Animated Table Sort is a plugin that allows you to animatedly sort a table based on a column’s s, or on the content/value of a child/descendant element within those s. The various s fly to their new homes, giving a nice …

Post original

DLayer: script jQuery que nos ayuda a maquetar diseños

displaynone — Fri, 16 Jul 2010 21:12:44 +0000

Cuando nos pasan un diseño en PNG o PSD y tenemos que transformarlo a CSS y XHTML, una de las partes más tediosas es comprobar que el HTML se ajusta al diseño. Por ello, he creado un script rápido (y un tanto chapuzas) que permite añadir una imagen en el documento HTML y modificar su top y left así como el opacity para poder comprobar si vamos por buen camino.

La imagen la podemos indicar mediante una URL o haciendo drag&drop del fichero (PNG, GIF o JPEG). El D&D sólo funciona en Firefox y sinceramente, el resto del script solo lo he probado en Firefox. Luego solo nos falta cambiar el opacity, el top o el left y hacer pruebas.

Para instalarlo solo hay que añadir el script y añadir jquery si no está ya incluido.

Espero que os sea útil

jquery-dlayer