Hacer dinero en internet es el sueño de muchas personas. Un sueño alcanzable ¿Porqué? Internet mueve millones $$$. Algunas 'personas' (no grandes corporaciones) han logrado vivir de ingresos generados gracias a internet. En realidad es posible, con mucho trabajo y dedicación. Existen muchas formas, tengamos una web o no (lo último es poco probable). Pero si estamos recién dando nuestros primeros pasos con nuestra Web, pues para ello existen herramientas o recursos que pueden ayudarnos a generar alguito de dinero. En Mashable encontramos una lista de estos (más de 100). Entre las categorías están: los que pagan por que tú escribas (artículos, opiniones), los programas de publicidad (publicidad contextual), programas de afiliados (promocionas productos y te pagan cierto porcentaje), programas de pago por medios sociales (pasa la voz a tus amigos de cierta web), etc. Allí están las herramientas, hay que aprenderlas a usar para ver resultados positivos.

AjaxRain es una web que muestra una serie de utilidades (ide, librerías, demos, ejemplos, código fuente) sobre Ajax, Javascript y Dhtml; de momento existen 485 utilidades y algo más. Así que si estamos por desarrollar un proyecto usando Javascript ó relacionados, debemos dar un paseo por este site muy bueno.

El control dhtmlxCombo podemos usarlo de 4 modos: como un control desplegable editable, el usuario puede editar un elemento de la lista o agregar uno nuevo; solo lectura, no permite edición; filtrar elementos, para buscar algún elemento en la lista; y autocompletado, mientras agregamos texto nos aparece una lista de elementos como posibles alternativas. Vale resaltar que podemos agregar pequeñas imágenes a los elementos de la lista. Este control trabaja con Ajax y Javascript. Trabaja sobre IE 5 ó superior, Mozilla 1.4 ó superior, Firefox 0.9 o superior y Safari 2.0 ó superior.

Enlaces | Ejemplo con 100000 elementos, Descarga

Encuentro esta interesante utilidad hecho en CSS: un menu desplegable muy interesante con una imagen de fondo (creo que si usamos PHP podemos hacer que esta imagen sea aleatoria...es una idea nada mas). Este menu trabaja sobre IE 5.5 o superior, Firefox, Opera, Safari (Windows) sin ningún problema.

Visto en CSSplay

Haber, para entender esto mejor vamos a suponer que deseamos mostrar un aviso "importante" a nuestro navegantes y (debido a su importancia) queremos que ese aviso (dentro de un DIV) se mueva a medida que el usuario se desplaza verticalmente por la página. Bien, para ello existe una librería hecha en Javascript: wrapScroll.

Uso básico

Primero descargamos la librería, y ubicamos el archivo wrapscroll.js y lo referenciamos en nuestra página html.

 <script type="text/javascript" src="wrapscroll.js"></script>

Iniciamos el método wrapScroll donde indicaremos el div que se desplazara.

 <script type="text/javascript">
 	new wrapScroll("midiv");
 </script> 

Creamos un hoja de estilo con los siguientes valores. Nota: para la etiqueta body la propiedad height le colocamos el valor 1200px para poder ver el efecto del desplazamiento.

#midiv{
	position:absolute;
	top:100px;
	border:3px dashed red;
	width:200px;
	height:150px; 
}
body{
	height:1200px;
}

Esta librería funciona con:

• InternetExplore 6.x, 7.0 o sup.
• Firefox 1.5, 2.0 o sup.
  
• Opera 9.x o sup.
  
• Safari 1.2 o sup., Safari3.0 para Windows

[ Descargar este ejemplo ]

Hemos explicado la forma básica de usar esta excelente librería, sin embargo podemos añadirle otras funciones adicionales, como se puede observar en los siguientes ejemplos: 1, 2, 3, 4 y 5. 

1. Firebug

Con esta extensión podemos editar y depurar código HTML en tiempo real, mejorar los estilos, monitorizar tiempo de carga de un sitio, depurador Javascript, explorador del DOM y mucho más. [ Ver mas ]

2. MeasureIt

Esta extensión, permite obtener las dimensiones de cualquier zona de una página web. Útil cuando estamos diseñando una web y necesitamos ajustar al máximo todas las imágenes.

3. ColorZilla

Al instalar esta extensión, se añade un icono de cuentagotas en la barra de estado; basta pulsar sobre él para que se abra el programa. Pasando el cursor sobre las zonas coloreadas de la página visitada, muestra el código (en RGB o hexadecimal), y al pulsar con el botón derecho podemos guardar el código, así como acceder a un selector de paletas. [ Ver mas ] 

4. Screen Grab

Permite realizar capturas de pantalla de páginas web dentro del propio navegador. Una vez instalada tan sólo tenemos que pulsar con el botón derecho en cualquier lugar de la página y acceder al menú de ScreenGrab, que da diferentes opciones de captura. Las imágenes se pueden guardar en los formatos .png o .jpg, o bien copiarlas directamente al portapapeles del sistema operativo. [ Ver mas ] 

Ver Artículo Completo ››

¿Como no se me pasó por la mente implementar un tutorial sobre "Cómo armar tu propio calendario con PHP y AJAX"? Pero bueno, aqui una relación de algunos calendarios elaborados con CSS, Javascript y PHP listos para integrarlos a tu web o blogs.

 

1. Monket Calendar
2. Calendario usando AJAX y PHP
   
3. Integrando Google Calendar a tu web
4. Calendario con JavaScript
5. Calendario con DHTML y JavaScript
6. Calendario con CSS y listas (<ul> y <li>)
7. Calendario con CSS
   
8. Calendario con CSS (valida correctamente CSS)
   
9. Calendario con PHP y Scriptaculous
10. Calendario AJAX - Javascript, XML y PHP
11. MySQL Calendar por Jamie McConnell
12. acc_calendar: calendario accesible en javascript
13. Swazz Javascript Calendar
14. Scal - Javascript Calendar Control based on Prototype and Scriptaculous

¿Sabes de alguno más?...

Actualizado: 23/10/07 

Google ha empezado a integrar un visor de los archivos .ppt dentro de Gmail, una interesante herramienta. Todo esto indica que Google (según TechCrunch) está desarrollando un aplicación online para creación de presentaciones para competir directamente con Microsoft (lo cual no es novedad).

Este interesante programa (para Windows) nos permite emular en una serie de móviles nuestra página web para ver si se aprecia correctamente. Se supone que nuestra página trabaja con las directivas XHTML mobile 1.0 establecidas por el consorcio W3C, caso contrario no se mostrará nada. Entre los teléfonos en los cuales podemos probar se encuentran: Alcatel One Touch 735, Motorola V3, Nokia 5100, Sagem MY-X5, Sony Ericsson T630 y otros más. Además, el programa nos muestra, mientras navegamos, el código fuente de la página y también posibles errores. Así que si estamos interesados en desarrollar una versión móvil de nuestro blog o web podemos testear antes para ver como quedará en cualquier móvil. Por cierto el URL para la versión móvil de este blog es: http://ribosomatic.com/movil/.

Enlace |  Página oficial

Vía Smashing Magazine una lista de datagrids o tabla de datos hechas con Ajax, DHTML y JavaScript.

1. ExtJs Grid

2. dhtmlxGrid

3. Phatfusion Sortable

4. Mootable Sorting

5. Elite Zebra Tables

Ver Artículo Completo ››