Enrique Chávez Garcia- Desarrollo de Web » jQuery http://tmeister.net Blog acerca de desarrollo orientado hacia Flash, Flex y Actionscript. Thu, 19 Jan 2012 20:25:41 +0000 en hourly 1 Jobs Digger – Nodejs http://tmeister.net/2011/10/22/jobs-digger-nodejs/ http://tmeister.net/2011/10/22/jobs-digger-nodejs/#comments Sun, 23 Oct 2011 03:31:11 +0000 Tmeister http://tmeister.net/?p=661 Es mas que bien sabido que el lenguaje omnipresente sobre el que esta hecha la web es sin duda Javascript, El 99.999% de los sitios, les aseguro que lo usan de alguna forma, frameworks, galerías, menús y un gran etcétera le deben su existirm aunque desde que recuerdo haberlo usado por primera vez al dia de hoy ha tenido pocos cambios sus aplicaciones por otro lado se han multiplicado exponencialmente al punto que hoy día es posible usarlo en el lado servidor y entonces así poder crear una aplicación usando nada mas que javascript.

Es aquí donde entra Nodejs que con sus propias palabras se describe de la siguiente forma

Node.js is a server-side JavaScript environment that uses an asynchronous event-driven model. This allows Node.js to get excellent performance based on the architectures of many Internet applications.

Si me han leido con anterioridad sabran que me gusta probar tecnologias nuevas en “proyectos” que sean de alguna forma de utilidad o al menos un enfoque practico y no solo hacer el “Hello World”.

Jobs Digger 

Siendo así, me propuse hacer algo con Nodejs, el API de Twitter y el API de Google Maps, la idea fue usar minar el stream de twitter en busca de hashtags, localizar los tweets geograficamente y mostrarlos en un mapa de Google Maps  en tiempo real usando Socket.io, ademas de almacenar los tweets, usando mongoDB, para futuras búsquedas internas.

De esa forma nacio Jobs Digger el cual ya esta en linea y pueden ver como funciona recuerden que esto fue hecho usando solamente javascript en el servidor como en el cliente.

El sitio esta hospedado en heroku y la base de datos en MongoHQ ambos usando los planes gratuitos, así que puedes hacer tus experimentos y ponerlos en linea sin que te cueste un centavo.

En futuros posts me gustaria adentrarme mas en estos temas y escribir algo obviamente de Nodejs, Jade que es un sistema de plantillas y Stylus de forma mas concreta.

Ya saben que cualquier comentario es bienvenido.

 

]]> http://tmeister.net/2011/10/22/jobs-digger-nodejs/feed/ 1 jBuzz a Google Buzz Widget – jQuery Plugin http://tmeister.net/2010/02/18/jbuzz-a-google-buzz-widget-jquery-plugin/ http://tmeister.net/2010/02/18/jbuzz-a-google-buzz-widget-jquery-plugin/#comments Thu, 18 Feb 2010 06:33:30 +0000 Tmeister http://tmeister.net/?p=525

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.

Github

Descarga

Rendering of template dTemplate.php failed

]]> http://tmeister.net/2010/02/18/jbuzz-a-google-buzz-widget-jquery-plugin/feed/ 3 EasySlider con multiples sliders para jQuery http://tmeister.net/2009/04/02/easyslider-con-multiples-sliders-para-jquery/ http://tmeister.net/2009/04/02/easyslider-con-multiples-sliders-para-jquery/#comments Fri, 03 Apr 2009 02:03:06 +0000 Tmeister http://tmeister.net/?p=300 Ú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://tmeister.net/easy/

Descarga

Rendering of template dTemplate.php failed

http://tmeister.net/downloads/easymultipleslider.zip

Saludos y espero que les sea de utilidad

]]> http://tmeister.net/2009/04/02/easyslider-con-multiples-sliders-para-jquery/feed/ 8