Follow me @Tmeister

Archive for the ‘jQuery’ Category

jBuzz a Google Buzz Widget – jQuery Plugin

Posted by Tmeister On February - 18 - 2010

jBuzz Google Buzz Widget es un plugin de jQuery que te permite agregar tu stream de Google Buzz en tu sitio web.

jBuzz Google Buzz Widget es un plugin “cross browser” que funciona en los principales navegadores y es muy fácil de implementar en tu sitio web. Puedes cambiar su apariencia mediante CSS y personalizar cuantos buzz mostrar utilizando las opciones de configuración.

jBuzz Google Buzz Widget utiliza el API liberada por Google, obteniendo los buzz mediante ATOM y los muestra en el contenedor de tu sitio web, para evitar problemas de permisos de “cross-domain” jBuzz utiliza un proxy creado en php para evitar este problema.

Modo de uso:

  1. Incluir jQuery, el archivo js del plugin y los CSS.
  2. Crear un DIV contenedor con ID en el cual se creara el Widget
  3. Inicializar el plugin indicando el usuario y cuantos buzz quieres mostrar.

Aquí esta el ejemplo del código en una pagina simple.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		<title>jBuzz jQuery Plugin by Tmeister</title>
		<link rel="stylesheet" href="jBuzz/jBuzz.min.css" type="text/css" media="screen" title="jBuzz" charset="utf-8">
		<style type="text/css" media="screen">
			#jBuzz
			{
				width: 250px;
			}
		</style>
		<script type="text/javascript" charset="utf-8" src="jquery-1.4.1.min.js" ></script>
		<script type="text/javascript" charset="utf-8" src="jBuzz/jquery.jBuzz.min.js" ></script>
		<script type="text/javascript" charset="utf-8">
			$(document).ready(function()
			{
				$('#jBuzz').jBuzz
				({
					user:"tmeister",
					count:5
				});
			});
		</script>

	</head>
	<body id="index">
		<div id="jBuzz"></div>
	</body>
</html>

Preview 1Preview 2

English

jBuzz Google Buzz Widget is a jQuery plugin that allows you to add your Google stream Buzz on your website, is “cross browser” runs on all major browsers and is very easy to implement in your website. You can change its appearance using CSS and customize as many buzz display using the configuration options.

Use the API released by Google, getting the buzz through ATOM and displays them in the container of your website, to avoid problems with permissions of “cross-domain” jBuzz uses a proxy set up php to avoid this problem.

Descarga disponible tambien desde http://github.com/Tmeister/jBuzz

Descarga

download

Download: jBuzz.zip
Version: 0.1
Updated: February 18, 2010
Size: 33.22 KB

EasySlider con multiples sliders para jQuery

Posted by Tmeister On April - 2 - 2009

Últimamente he estado desarrollando cosas que no utilizan Flash, sobre todo estoy desarrollando sobre XHTML & CSS & Javascript, usando jQuery como framework.

Para el proyecto en el que estoy ahora necesitábamos un slider para contenido, en la red existen muchos pero solo muestran un slide a la vez, pero yo necesitaba que se mostrara más de un slide a la vez.

Bien, Tomando como base el plugin EasySlider, que es simple y muy funcional, hice una modificaciones para que aceptara un parámetro mas, en el cual se puede configurar cuantos slides mostrar. El resultado de esto es EasyMultipleSlider.

Demo

http://klr20mg.com/easy/

Descarga

download

Download: easymultipleslider.zip
Version: 0.1
Updated: June 6, 2009
Size: 34.95 KB

http://klr20mg.com/downloads/easymultipleslider.zip

Saludos y espero que les sea de utilidad

Acerca de mi
Enrique Chavez

Enrique Chávez también es conocido como @Tmeister es un desarrollador, emprendedor, poeta y loco.

Geek autodeclarado y apasionado de todo lo que tiene que ver con tecnología y desarrollo.

Cuenta con una experiencia de más de 7 años en el ramo del desarrollo, creando, sobre todo, aplicaciones web en la empresa Sapotek.

A finales del 2008 crea, junto con 3 colegas, la consultoría llamada AureaCode, enfocándose a brindar servicios de desarrollo web en todas sus variantes.

Si necesitas algún tipo de información o consulta por favor no dude en escribir.

View Enrique Chávez's profile on LinkedIn

Carlos Enrique Chavez Garcia's VisualCV

RSS Feed

Links Patrocinados