Webmaster Libre » Librerias http://www.webmasterlibre.com Desarrollo Web con Software Libre Thu, 09 Feb 2012 11:34:44 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 gRaphaël, librería javascript para crear gráficos http://www.webmasterlibre.com/2009/10/12/graphael-libreria-javascript-para-crear-graficos/ http://www.webmasterlibre.com/2009/10/12/graphael-libreria-javascript-para-crear-graficos/#comments Mon, 12 Oct 2009 20:30:19 +0000 Alma Fernández http://www.webmasterlibre.com/?p=2358 gRaphaël

gRaphaël es una sencilla librería con la que insertar gráficos en tus sitios web será coser y cantar. Descarga el javascript, inclúyelo en tus páginas y con unas simples líneas de código podrás mostrar gráficos de tarta, de líneas, de puntos…

gRaphaël está bajo licencia MIT

enlace: gRaphaël

vía Web Resources Depot

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información


gRaphaël, librería javascript para crear gráficos was first posted on octubre 12, 2009 at 10:30 pm.
]]> http://www.webmasterlibre.com/2009/10/12/graphael-libreria-javascript-para-crear-graficos/feed/ 4 Mapstraction, un API para todos los proveedores de mapas http://www.webmasterlibre.com/2008/04/05/mapstraction-un-api-para-todos-los-proveedores-de-mapas/ http://www.webmasterlibre.com/2008/04/05/mapstraction-un-api-para-todos-los-proveedores-de-mapas/#comments Sat, 05 Apr 2008 11:51:33 +0000 Alma Fernández http://www.webmasterlibre.com/2008/04/05/mapstraction-un-api-para-todos-los-proveedores-de-mapas/ No hace mucho, mientras hablaba de un parón de feedburner, os dejé saber de mis recelos hacia el modelo de negocio del “mash-up”, esa total dependencia de proveedores, ese tener que aprender un API nuevo para cada uno…

Uno de mis principales argumentos siempre ha sido el coste de migrar un servicio de un proveedor a otro, pongamos por ejemplo una aplicación que emplee Google Maps para hacerla compatible con Yahoo Maps. Pero, al menos en lo que respecta a los mapas, parece que mi problema toca a su fin.

Mapstraction nos provee de un API común con el que acceder a diversos servicios de mapas, así si mañana añaden una característica que nos interesa en otro proveedor – por ejemplo – podremos hacer el cambio sin problemas.

Mapstraction

Actualmente, con Mapstraction accederemos a los datos proveidos por:

  • Google
  • Yahoo
  • Microsoft Live Earth
  • OpenLayers
  • MapQuest
  • MultiMap
  • …

En el futuro tienen planes de integrar otros sistemas como Open Street Maps.

Una de las cosas más interesantes, para mi al menos, de Mapstraction es su uso de los microformatos adr y geo (empleados para indicar direcciones y coordenadas geográficas respectivamente).

Además, entre los trabajos basados en Mapstraction, encontramos GeoPress un plugin para WordPress y Movable Type que nos facilitará la tarea de insertar localizaciones (direcciones, coordenadas) y mapas en nuestros posts.

Mapstraction: http://www.mapstraction.com/

Via Web Resources Depot

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información


Mapstraction, un API para todos los proveedores de mapas was first posted on abril 5, 2008 at 12:51 pm.
]]> http://www.webmasterlibre.com/2008/04/05/mapstraction-un-api-para-todos-los-proveedores-de-mapas/feed/ 1 OpenID en Ruby on Rails http://www.webmasterlibre.com/2007/02/27/openid-en-ruby-on-rails/ http://www.webmasterlibre.com/2007/02/27/openid-en-ruby-on-rails/#comments Tue, 27 Feb 2007 11:39:56 +0000 Alma Fernández http://www.webmasterlibre.com/2007/02/27/openid-en-ruby-on-rails/ En las últimas semanas se ha hablado mucho de OpenID. Supongo que todos sabemos a estas alturas que se trata de una iniciativa para crear un “equivalente” libre al Passport de MSN: una única cuenta que nos abrirá las puertas a muchas aplicaciones y sitios web diversos.

Si estás pensando en probar OpenID en algún desarrollo con Ruby on Rails ahora lo tienes más fácil que nunca con la librería Ruby OpenID Library (gem install ruby-openid)

Más información y enlaces en el wiki de Ruby on Rails

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información


OpenID en Ruby on Rails was first posted on febrero 27, 2007 at 12:39 pm.
]]> http://www.webmasterlibre.com/2007/02/27/openid-en-ruby-on-rails/feed/ 0 Tablas mejoradas con Prototype http://www.webmasterlibre.com/2006/12/03/tablas-mejoradas-con-prototype/ http://www.webmasterlibre.com/2006/12/03/tablas-mejoradas-con-prototype/#comments Sun, 03 Dec 2006 17:11:42 +0000 Alma Fernández http://www.webmasterlibre.com/2006/12/03/tablas-mejoradas-con-prototype/ Una forma interesante de darle un poco de vida a esas tablas que introducimos en nuestros sitios web para contener listados de, por ejemplo, productos. Con un poco de Prototype es francamente sencillo conseguir:

  • Alternar el color de las filas
  • Cambiar el color de fondo de la fila al pasar el ratón por encima
  • Al hacer click en una columna se abre una ventana con información sobre la misma

La tabla que queremos mejorar es algo así:


product price
mouse 12.34
printer 23.45
screen 34.21
USB stick 1.23
keyboard 2.34

Ahora colocamos el siguiente código Javascript en un archivo a parte, así podremos reutilizarlo y no hacer demasiado pesada la página con la tabla

var ListTable = Class.create();
ListTable.prototype = {
initialize: function(tableId, path) {
table = $(tableId);
Element.addClassName(table, ‘listTable’);
var odd = true;
$A(table.getElementsByTagName(‘TR’)).each(function(row){
if(row.id !== ”){
listRow = new ListRow(row, path, odd);
odd = !odd;
}
});
}
};

var ListRow = Class.create();
ListRow.prototype = {
initialize: function(row, path, odd) {
this.row = row;
this.path = path;
if(odd) {
this.addBehavior(‘ltOdd’, ‘ltOddOver’);
} else{
this.addBehavior(‘ltEven’, ‘ltEvenOver’);
}
},
addBehavior: function(clazz, classOver) {
Element.addClassName(this.row, clazz);
this.classOver = classOver;
this.row.onmouseover = this.handleOnMouseOver.bindAsEventListener(this);
this.row.onmouseout = this.handleOnMouseOut.bindAsEventListener(this);
this.row.onclick = this.handleOnClick.bindAsEventListener(this);
},
handleOnClick: function(event) {
location.href = this.path + ‘?id=’ + this.row.id;
},
handleOnMouseOver: function(event) {
Element.addClassName(this.row, this.classOver);
},
handleOnMouseOut: function(event) {
Element.removeClassName(this.row, this.classOver);
}
};

Añades el archivo prototype.js al directorio del javascript y listo.

Toda la explicación del «truco» en el artículo original, con un ejemplo para descargar de regalo: Enhance list tables with Prototype Javascript Framework

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información


Tablas mejoradas con Prototype was first posted on diciembre 3, 2006 at 6:11 pm.
]]> http://www.webmasterlibre.com/2006/12/03/tablas-mejoradas-con-prototype/feed/ 1 Mootools y Joomla: Videotutoriales por Beauty in Design http://www.webmasterlibre.com/2006/11/27/mootools-y-joomla-videotutoriales-por-beauty-in-design/ http://www.webmasterlibre.com/2006/11/27/mootools-y-joomla-videotutoriales-por-beauty-in-design/#comments Mon, 27 Nov 2006 14:31:04 +0000 Alma Fernández http://www.webmasterlibre.com/2006/11/27/mootools-y-joomla-videotutoriales-por-beauty-in-design/ Si queréis aprender a implementar Mootools en una plantilla de Joomla! para crear algo del estilo del template JoomlaOS (impresionante) no os podeis perder esta serie de videotutoriales gratuitos que nos ofrece Beauty in Design.

No es necesario ningun conocimiento de Javascript ya que los ejemplos son claros y concisos.

MooTools for the Rest of Us

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información


Mootools y Joomla: Videotutoriales por Beauty in Design was first posted on noviembre 27, 2006 at 3:31 pm.
]]> http://www.webmasterlibre.com/2006/11/27/mootools-y-joomla-videotutoriales-por-beauty-in-design/feed/ 2 Open-jACOB Draw2D: Javascript para crear gráficos y diagramas http://www.webmasterlibre.com/2006/11/23/open-jacob-draw2d-javascript-para-crear-graficos-y-diagramas/ http://www.webmasterlibre.com/2006/11/23/open-jacob-draw2d-javascript-para-crear-graficos-y-diagramas/#comments Thu, 23 Nov 2006 17:53:24 +0000 Alma Fernández http://www.webmasterlibre.com/2006/11/23/open-jacob-draw2d-javascript-para-crear-graficos-y-diagramas/ Open-jACOB Draw2D

Open-jACOB Draw2D es una librería Javascript que te permite crear gráficos y diagramas. Su interfaz te permitirá dibujarlos directamente desde tu navegador, sin necesidad de instalar ningún software adicional.

Open-jACOB Draw2D es el componente de dibujo de Open-jACOB un editor de Workflow al puro estilo de Visio con la finalidad de probar que realmente puede hacerse totalmente online y sin necesidad de instalar plugins.

Open-jACOB Draw2D: http://www.openjacob.org/draw2d.html
Demo Interactiva: http://www.openjacob.org/draw2d/simple_interactive/index.html

Open-jACOB: http://www.openjacob.org/index.html

Vía Ajaxian

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información


Open-jACOB Draw2D: Javascript para crear gráficos y diagramas was first posted on noviembre 23, 2006 at 6:53 pm.
]]> http://www.webmasterlibre.com/2006/11/23/open-jacob-draw2d-javascript-para-crear-graficos-y-diagramas/feed/ 2 SWFUpload: Una agradable forma de subir archivos http://www.webmasterlibre.com/2006/11/16/swfupload-una-agradable-forma-de-subir-archivos/ http://www.webmasterlibre.com/2006/11/16/swfupload-una-agradable-forma-de-subir-archivos/#comments Thu, 16 Nov 2006 15:04:35 +0000 Alma Fernández http://www.webmasterlibre.com/2006/11/16/swfupload-una-agradable-forma-de-subir-archivos/ SWFUpload

SWFUpload es una pequeña librería javascript/swf que te permitirá crear agradables diálogos de subida de archivos para tus aplicaciones web.

Características:

  • Muestra sólo los tipos de archivo seleccionados en el diálogo
  • Permite subir múltiples archivos a la vez presionando ctrl/shift-seleccion
  • Activa funciones en Javascript al iniciar, cancelar, en progreso y finalizado
  • Obtiene la información/tamaño del archivo antes de iniciar la subida
  • Da estilo a los botones del modo que prefieras
  • Crea barras de progreso/información usando XHTML y CSS válido
  • Sin recargas de página, los archivos se muestran según terminan de subirse
  • Funciona en todas las plataformas con soporte para Flash ( está hecho en Flash 8 )
  • Se degrada a un formulario de upload HTML para navegadores sin Javascript o Flash

SWFUpload: http://labb.dev.mammon.se/swfupload/

Via Ajaxian

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información


SWFUpload: Una agradable forma de subir archivos was first posted on noviembre 16, 2006 at 4:04 pm.
]]> http://www.webmasterlibre.com/2006/11/16/swfupload-una-agradable-forma-de-subir-archivos/feed/ 4 MochiKit.Animator: Una vuelta de tuerca a la animación con Javascript y CSS http://www.webmasterlibre.com/2006/11/09/mochikitanimator-una-vuelta-de-tuerca-a-la-animacion-con-javascript-y-css/ http://www.webmasterlibre.com/2006/11/09/mochikitanimator-una-vuelta-de-tuerca-a-la-animacion-con-javascript-y-css/#comments Thu, 09 Nov 2006 18:51:47 +0000 Alma Fernández http://www.webmasterlibre.com/2006/11/09/mochikitanimator-una-vuelta-de-tuerca-a-la-animacion-con-javascript-y-css/ El otro día nos sorprendíamos con la librería Animator.js, del que se hacía eco Andrés Nieto que nos permitía crear excelentes efectos de animación de elementos de una página con CSS y Javascript.

Hoy descubro MochiKit.Animator, una versión totalmente renovada y vectorizada de la librería de Bernard Sumption, que genera complejas animaciones con un par de líneas de código y permite unos efectos realmente impresionantes.

MochiKit.Animator Demo: http://gr.ayre.st/~grayrest/animator/animator.html

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información


MochiKit.Animator: Una vuelta de tuerca a la animación con Javascript y CSS was first posted on noviembre 9, 2006 at 7:51 pm.
]]> http://www.webmasterlibre.com/2006/11/09/mochikitanimator-una-vuelta-de-tuerca-a-la-animacion-con-javascript-y-css/feed/ 0 Amberjack: Visitas guiadas a tus sitios web http://www.webmasterlibre.com/2006/11/04/amberjack-visitas-guiadas-a-tus-sitios-web/ http://www.webmasterlibre.com/2006/11/04/amberjack-visitas-guiadas-a-tus-sitios-web/#comments Sat, 04 Nov 2006 06:45:31 +0000 Alma Fernández http://www.webmasterlibre.com/2006/11/04/amberjack-visitas-guiadas-a-tus-sitios-web/ Amberjack

Seguro que alguna vez has visto el tipico tour guiado por las características de un sitio web o, incluso, el archiconocido paseo por Windows XP.

Amberjack es una ligera librería javascript de Código Abierto que te permitirá crear uno de estos paseos con el que explicar a tus visitantes lo que puedes ofrecerles y como interactuar con el sitio, con el subsiguiente aumento en la usabilidad del mismo.

Para crear tu «tour» no tendrás que aprender demasiado ya que cuenta con un Asistente que te guiará paso a paso en la creación del mismo.
En cuanto a posibilidades de personalización, dispones de algunos skins listos para descargar en el sitio y podrás crear los tuyos propios editando los parametros de la hoja de estilo CSS.

Yo ya tengo un par de ideas para darle uso ¿y vosotros?

Amberjack: http://amberjack.org

Via Ajaxian

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información


Amberjack: Visitas guiadas a tus sitios web was first posted on noviembre 4, 2006 at 8:45 am.
]]> http://www.webmasterlibre.com/2006/11/04/amberjack-visitas-guiadas-a-tus-sitios-web/feed/ 2 Advanced Graphic Class: Creando gráficos con PHP http://www.webmasterlibre.com/2006/10/08/advanced-graphic-class-creando-graficos-con-php/ http://www.webmasterlibre.com/2006/10/08/advanced-graphic-class-creando-graficos-con-php/#comments Sun, 08 Oct 2006 12:29:50 +0000 Alma Fernández http://www.webmasterlibre.com/2006/10/08/advanced-graphic-class-creando-graficos-con-php/ Advanced Graphic Class es una librería que te permitirá crear todo tipo de gráficos (tarta, línea y barras) utilizando datos incluidos directamente en el código o provenientes de un archivo xml. Soporta auto escalado, múltiples sets de datos y colores y estilos personalizables.

Grafico creado con Advanced Graphic Class


Advanced Graphic Class: http://www.zackbloom.org/

Advances Graphic Class está escrita para PHP 5, si alguno necesitáis una versión para PHP 4 podréis descargarla en:
http://dev.splitbrain.org/browse/darcs/AGC

Via Splitbrain

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información


Advanced Graphic Class: Creando gráficos con PHP was first posted on octubre 8, 2006 at 2:29 pm.
]]> http://www.webmasterlibre.com/2006/10/08/advanced-graphic-class-creando-graficos-con-php/feed/ 2