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 ››

GCOE X es un entorno o escritorio web libre el cual podemos usarlo desde cualquier computadora. Para su funcionamiento no necesitamos instalar plugins o algún programa en nuestra computadora, pues se ejecuta en cualquier navegador web que soporte Javascript (usa Ajax).

El entorno de GCOE X contiene aplicaciones como: chat, editor de texto, navegador web, consola y otros mas; bueno eso es lo que se aprecia en la demo. No hay duda que las aplicaciones web ganan terreno cada día, pues (su principal ventaja) nos permite usarlas desde cualquier lugar, simplemente basta con tener acceso a internet.

Vía ajaxian 

My cool Button es un servicio que nos permite crear y descargar botones Web 2.0 personalizados. Mediante 4 sencillos pasos podemos obtener botones de diseño agradable. Entre las opciones que nos da está: elegir el tamaño de nuestro botón (entre 100 y 200px), color de fondo, un icono de fondo y agregar texto. Podemos ver como nos está quedando mientras le agregamos las características deseadas y finalmentes descargarlo en formato .png.

Vía blogultura

Daleya.com es una web que nos permite hacer búsquedas en diferentes servicios como Megaupload, Badongo, Rapidshare, Rapidupload, Gigasize y similares. Además nos permite realizar búsquedas de archivos por extensiones, entre los cuales están .torrent, .pdf, .doc, .ppt, .xls, .swf y muchos más. La búsqueda se realizar mediante Google y sus opciones avanzadas para hallar archivos (quizás una de ellas el famoso "index.of"). Sea como sea, es una interesante alternativa para buscarnos cualquier videos y toda clase de archivos en la red.

Vía arturogoga 

Una forma de darle sombra a un contenedor div es mediante el método background-color. Supongamos que nuestros contenedor 'contenido-texto' debe tener una sombra, podemos hacerlo incluyédolo dentro de dos contenedor mas cuyo background-color sea de color gris lo cual dará la apariencia de sombra. Veamos como nos quedó y también veamos el código para entenderlo mejor:

HTML

<div class="penumbra">
 <div class="sombra">
  <div class="contenido-texto">
   <p>Cualquier contenido aqui</p>
  </div>
 </div>
</div>

CSS

.penumbra{
	background-color: #ccc; /*color de sombra*/
}

.sombra,
.contenido-texto{
	position: relative;
	bottom: 2px;
	right: 2px;
}

.sombra{
	background-color: #666; /*color de sombra*/
}

.contenido-texto{
	background-color: #ffffcc; /*color de fondo del contenido*/
	color: #000; /*color del texto*/
	border: 1px solid #000; /*color del borde*/
	padding: .5em 2ex;
}

Lo que hemos hecho es colocar uno sobre otro los contenedores de tal manera que penumbra y sombra tenga colores grises (#666 y #ccc) y estén debajo de contenido-texto, además hicimos que sombra y contenido-texto se corran 2px hacia abajo y derecha, y de esta manera se forma la sombra. Esta forma tiene su desventaja: ¿qué pasaría su el color de fondo es rojo? Entonces tendríamos el cambiar los colore de sombra y penumbra a un rojo intenso u oscuro para crear el efecto sombra. Más adelante veremos otras formas de trabajar las sombras.

Mediante fValidator podemos usar JavaScript para validar los campos de un formulario HTML antes de ser enviados. Puede validar campos tipo alfabéticos, numéricos, fecha, coincidencia de campos (contraseñas) y mas. Esta utilidad trabaja con mootools y algunas de sus dependencias: core, class, native, element, effects. Veamos una forma básica de usarlo en nuestro proyectos web.

Pero primero descargar el fValidator, existen dos versiones: un paquete comprimido (3.77KB) y una versión completa (7.20KB). También vamos a necesitar en mootools y las dependencia que sitamos arriba, puede descargarlo desde aqui.

Cómo usarlo

Dentro de las etiquetas <head> </head> llamamos a los archivos JavaScript implicados, e iniciamos el validador para nuestro formulario. Ya dentro de nuestro formulario, en cada campo especificaremos que tipo de dato validará el fValidator. Veamos un ejemplo.

Ver Artículo Completo ››

En una nota anterior comentabamos sobre una página web con muchas utilidades, pero especialmente juegos para nuestro Ubuntu. Sin embargo, algo que los usuarios recientes en el mundo linux NO quieren hacer es: que luego de descargar un paquete y descomprimirlo, se deba configurar e instalar por consola (muchas veces), algo un poquito tedioso. Y es algo que los usuarios expertos están acostumbrados (bueno, algunos) a este tipo de paquetes. Por ello encontre en los foros de Ubuntu-es un pequeña utilidad similar al Synaptic o Automatix pero solo para instalar juegos: UbuntuGames.

Ver Artículo Completo ››

Interface Elements es para jQuery, como Script.aculo.us es para Prototype, es así como podríamos definirlo para tener una idea de su funcionamiento. Y contiene una serie de controles UI (User Interface) tales como:

• Animate
• Effects
• Draggables
• Droppables
• Sortables
• Selectables
• Resizables
• Slider
• Tooltips
• Slideshow
• Imagebox
• Autocompletion
• Autoscrolling
• Autoexpander
• Accordion
• Tabs in Textareas
• 3D Carousel
• Fisheye menu

Puedes ver todos estos elementos en acción en la sección Demos, como también descargar el paquete de Interface y por supuesto el jQuery.

Quien ha dicho que el software gratuito es malo se equivoca, así lo demuestra esta relación de 15 'excelentes' utilidades gratuitas para tu PC, categorizadas en Seguridad, Herramientas de Sistema, Gráficos y Multimedia, y más.

1. SpyCatcher Express, un programa adicional al antivirus para la seguridad de tu ordenador. Escanea y elimina todo spyware. Similar al Ad Aware SE Personal o Spybot Search & Destroy.
2. What's Running, esta es tu opción si quieres conocer todos los detalles de tu ordenador y conexión a internet: procesos, servicios, ver IP, detalles de los controladores.
3. Photozig Albums Express, para organizar tus fotos, incluso vídeos cortos y múscia, en álbumes. Además, te permite que luego puedas compartir las fotos, grabándolas en CD o publicándolas en internet.
4. RSS Bandit, para mantener al día con la lectura de tus enlaces RSS, Atom y demás de tus blogs o web favoritas. Esta utilidad te permite organizar cada uno de los hilos RSS.
5. ImgBurn, muy útil para hacer copías de seguridad de CD o DVD enteros y guardarlos en tu disco en formato .iso para luego copiarlos a otros discos. Útil para cuando descargamos imágenes ISO de Linux.

Ver Artículo Completo ››