RibosoMatic Blog

RSS Feed Homepage

Articles: 1, 2, 3, 4, 5, 6, 7

VideoTodo: descarga videos de YouTube, VideoGoogle, MetaCafe y más
1970-01-01 00:59:00
VideoTodo es una programa gratuito (freeware) que nos permite descargar videos (y audio también) de manera fácil y rápida desde nuestro servicio de videos favoritos, tales como: 123video, AOL, Break, Dailymotion, eVideoShare, IFilm, LiveVideo, MetaCafe, Video Google, Vimeo,YouTube,  ZappInternet y muchos más.El programa descarga los videos en formato flv y luego los pasa a avi por defecto, nosotros podemos configurar el programa a nuestro gusto. Realmente un buen programa. Mas info : VideoTodo 
More About: Videos , Youtube , Metacafe , Descarga

Utilidades en PHP que todo desarrollador debe conocer
1970-01-01 00:59:00
Todo desarrollador de webs/aplicaciones con PHP sabe que para este gran lenguaje existen inumerables utilidades ó proyectos de código abierto que se pueden integrar facilmente a los nuestros. Veamos cuales son:Envio de e-mailsAsí es. Si nuestra web trata de crear una comunidad, una forma de mantener al día a nuestros usuarios con la mejora de nuestro proyecto es enviando información a su cuenta de correo, por su puesto con su consentimiento y no cayendo de pesado como un spammer. Con PHP este proceso es fácil con la funcion mail(). Pero si queremos evitar la fatiga de crear un buen sistema de envio de mails, podemos usar esta utilidad phpmailer.Administración de usuariosNos referimos a los procesos de registrate, iniciar/cerrar sesión y relacionados. Por lo general cada desarrollador trabaja su propio sistema de usuarios. Pero si deseamos aliviar el trabajo podemos usar este módulo PHP User Class.Contenidos RSSCon PHP se...
More About: Todo

lightboxXL, lightbox para videos é imagenes con Prototype
1970-01-01 00:59:00
lightboxXL es un mejora realizada por Antonio Ramirez de Lightbox++, la cual tiene que ver con la inclusión de videos. Por ejemplo el Lightbox++ solo permite un video con extensión SWF, sino no funciona; pero el lighboxXL va mas allá: multiples videos y videos de varias redes como YouTube, Metacafe, iFilm y más. Puedes ver en antCut, un servicio (del cual hablaremos más adelante) del mismo desarrollador, donde se aprecia el lightboxXL en acción.Cómo trabaja<a title="TITLE" tag="SWF" height="355" width="425" rel="lightbox" href="http://www.whereisthemovieloca ted.com/">content</a>Donde: TITLE: título de la imágen ó video TAG: aqui le decimos al lightboxXL, si se trata de un video (SWF) ó una imágen (IMG) HEIGHT: alto WIDTH: ancho REL: esta etiqueta es obligatoria si el link es parte de un conjunto de imágenes /vid...
More About: Videos , Imagenes , Prototype , Para

¿Prototype, Mootools ó jQuery? -Test
1970-01-01 00:59:00
¿Quieres saber cuál de los 3 framework más conocidos (Proto type , Mootools ó jQuery ) es más rápido? Para ello podemos hacer un test con SlickSpeed para saber cual de los 3 framework trabaja mejor con selectores. Podemos incluso modificar el código de esta utilidad para adecuarlo a nuestro gusto y probarlo con otros frameworks (ext, dojo, mochikit, etc).
More About: Test , Jquery

10 utilidades de Autocompletado (suggestions box) con Ajax
1970-01-01 00:59:00
1. Tutorial de Autocompletado con jQuery (Ajax ), PHP y MySQL Interesante tutorial (en inglés pero sencillo de entender) que te explica paso a paso como desarrollar tu propio cuadro de sugerencias (ó autocompletado) con jQuery. (demo, descarga) 2. Autocompletado con Mootools Esta pequeña utilidad crea un cuadro de sugerencia no obstructivo y personalizable haciendo uso de Mootools. Compatible con IE 6+, Opera 9, Firefox 1.5+ y Safari 2+. Cuenta con documentación de cómo usarlo en su misma página web. 3. HOWTO: Usando "Ajax Agent" y PHP para autocompletado Tutorial que te explica como crear un autocompletado usando el framework Ajax Agent (similar a Prototype, jQuery) y PHP en 2 pasos. (descarga)  4. Autocompletado Simple con JavaScript Utilidad hecha solo con JavaScript (no hace uso de Ajax) para crear un autocompletado fácil de entender e implementar. (descarga) 5. Autocompletado con Script.aculo.us Usando una de...

DebugBar: evalua y depura sitios web en IE
1970-01-01 00:59:00
DebugBar, es un herramienta para el desarrollo web que se integra a Internet Explorer para ayudarte a desarrollar, evaluar y depurar sitios web. Podriamos decir que es un Firebug, pero para IE. Puedes controlar tus hojas de estilos CSS y también el HTML, optimizar las páginas para el correcto funcionamiento de Javascript. Muestra la tiempo de respuesta de cada página web (y de los archivos asociados). Puede chequear si tu web válida correctamente X(HTML) - CSS. Muestra el DOM. Y ... una serie de información detallada interesante, entre otras funcionalidades.Puedes decargar la versión Beta y después de su instalación, vas al menú Ver -> Barra del explorador -> DebugBar, y podrás apreciar las bondades de esta herramienta.Trabaja sobre Windows 98 / Me/ 2000 / XP / 2003 / Vista e IE 5 - 7  Vía Ajaxian, DebugBar 
More About: Pura

Encuesta de la semana: El blog como fuente de ingresos
1970-01-01 00:59:00
Si tienes otras alternativas ... las puedes mencionar en los comentarios. PollKit - Participa de esta encuesta
More About: Blog , Como , Semana

imo.im web messenger permite ahora webcam
1970-01-01 00:59:00
imo.im uno de los web messenger (de los tantos que ya existen ....uff) soporta las redes de mensajería más populares como son: MSN, Yahoo, AOL y Google Talk. Ahora añade una característica adicional, soporte para webcam en todas las redes de mensajería sin necesidad de instalar absolutamente nada.   
More About: Webcam , Messenger , Mess

Videobox: Lightbox para Videos
1970-01-01 00:59:00
Seguramente se acuerdan de Lightbox, lo mencionamos en un articulo anterior, es una utilidad en JavaScript que permite mostrar imágenes en una ventanita aparte dentro del navegador.Ahora bien Videobox, es justamente lo mismo pero en vez de imágenes muestra videos como pueden ser de: YouTube, Google Video, MetaCafe, iFilm ó cualquier archivo flash.El tamaño del script JS es de 6kb. Usa la librería mootools y swfobject para embelir archivos flash. Como usarloReferenciamos 3 archivos JavaScript necesarios y el archivo de estilos CSS en la parte del <head>. <script type="text/javascript" src="js/mootools.js"></sc ript><script type="text/javascript" src="js/swfobject.js"></s cript><script type="text/javascript" src="js/videobox.js"></sc ript><link rel="stylesheet" href="css/videobox.css" type="text/css" media="scr...
More About: Videos , Para

Canvas Gallery: galería de imágenes con reflejo
1970-01-01 00:59:00
Canvas Gallery trabaja con JavaScript, con ayuda de reflection.js y la etiqueta HTML canvas. Nos muestra una galería de imágenes en forma horizontal, con un efecto de reflejo por cada imágen. Enlaces | Demo/Implementación
More About: Canvas , Genes

jQuery lightBox: muestra imágenes con JavaScript no obstructivo
1970-01-01 00:59:00
He aquí otra utilidad similar a Lightbox, se trata del lightBox plugin para jQuery , así es, para todos los amantes de este framework, este plugin les permite mostrar imágenes ó una galería de manera fácil, simple y no obstructiva con JavaScript.Enlaces | jQuery lightBox plugin
More About: Javascript , Jquery , Genes

Microsoft Silverlight y un demo de su uso
1970-01-01 00:59:00
Microsoft Silverlight es un plug-in compatible con varias plataformas y buscadores que te pueden ayudar a crear aplicaciones multimedia interactivas y de última generación a partir de Microsoft .NET para Web. Silverlight ofrece un modelo de programación flexible con soporte para AJAX, Virtual Basic, C#, Python y Ruby, y se integra con aplicaciones de Web antiguas. Con Silverlight puede ofrecer de una forma rápida y rentable videos compatibles con todos los buscadores más conocidos en Windows boMac OS.En resumen Microsoft Silverlight es un complemento para navegadores web con funcionalidad para reproducir videos, gráficos vectoriales y animaciones, es como un aplicación similar a Adobe Flash Player.Es compatible con S.O. de Microsoft y Mac OS, en las distribuciones de Linux "podrá" ser soportada con una utilidad llamada Moonlight. Y en cuanto a navegadores, compatible con IE6 SP2, IE7, Firefox 1.5 - 2 y Safari. Opera p...
More About: Microsoft , Demo

JavaScript Beautify: código JavaScript fácil de entender
1970-01-01 00:59:00
Seguramente hemos encontrado sitios web que hacen buen uso de JavaScript, y queremos saber cuál es el código como para guiarnos en nuestros proyectos web (más no copiarlos), pero nos encontramos con que el código está encriptado, comprimido ó poco legible. Es justamente donde entra a tallar JavaScript Beautify. Para entender mejor el funcionamiento de esta herramienta, veamos un ejemplo:Una función e JavaScript comprimida: function nuevoAjax(){var xmlhttp=false;try{xmlhttp=new ActiveXObject("Msxml2.XMLHTTP") }catch(e){try{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP&quo t;)}catch(E){xmlhttp=false}}if(!xmlhttp&a mp;&typeof XMLHttpRequest!='undefined'){xmlh ttp=new XMLHttpRequest()}return xmlhttp}  Usando JavaScript Beautify:  function nuevoAjax() { var xmlhttp = false; try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP") } catch(e) { try { xmlhttp = new...
More About: Javascript , Tender

Diviértete usando la calculadora de Google
1970-01-01 00:59:00
Hace algunos días encontramos algo divertido en el traductor de Google , ahora la diversión lo encontramos en otra de sus herramientas: La calculadora. Veamos algunos:¿Cuánto tiempo puede reproducir tu iPod de 30GB sin repetir ninguna canción? 30 gigabytes / 160 kbps = 18 días.¿Cuántos segundos hay en una década? one decade in seconds = 315 569 260 segundos.¿Cuánto espacio de disco duro te consume una hora de canciones de MP3 de 128kbps? 1 hour * 128 kbps in megabytes = 56 MB¿98,6 grados Fahrenheit en grados Celsius? 98.6 fahrenheit in centigrade = 37 grados¿Cuál es la respuesta a la vida, el universo y demás? answer to life, the universe and everything = 42¿Cuál es la velocidad del Delorean para retroceder en el tiempo? (1.21 gigawatts) * 88 mph = 47 600 819 200 m3 kg / s4Interesante y divertido realmente. Puedes ver más aqui, pero ... ¿conoces algunos...
More About: Tete

Usa Google Chart API para crear gráficas en tus aplicaciones web
1970-01-01 00:59:00
Google Chart API nos permite generar gráficas dinamicamente, simplemente con especificar ciertos parametros en la siguiente url: http://chart.apis.google.com/chart?<pa rameter 1>&<parameter 2>&<parameter n>Por ejemplo si pruebas con la siguiente url:http://chart.apis.google.com/chart?ch t=lc&chs=200x125&chd=s:ribosomati cEl resultado será: Google Chart API está bien documentado y nos permite realizar otros tipos de gráficos como: lineales, barras, puntos flotantes, diagramas de Venn y muchos más. Enlace: Google Chart APIVía: Ajaxian 
More About: Google , Para , Icas

Sistema de Chat Ajax con Prototype + PHP + MySQL
1970-01-01 00:59:00
Hace algunos meses atrás elaboramos el tutorial "Chat con Ajax " (parte 1 y 2) donde usamos PHP y MySQL para guardar los mensajes. Ahora en la sección Web Development de IBM encontramos un tutorial paso a paso para implementar un sistema de chat usando Prototype para trabajar Ajax, también con PHP y MySQL. Enlaces: tutorial, código fuente 
More About: Sistema , Mysql

Vista Inspirat: cambia la apariencia de tu Windows XP a Vista
1970-01-01 00:59:00
Vista Inspirat es un producto de CrystalXP.net, actualmente esta en su versión 2. Es una de las mejoras opciones, de las tantas que he probado, para cambiar la apariencia de tu Windows XP a Windows Vista facilmente. Así es, si no deseas cambiar a Windows Vista por cualquiera que sea el motivo, pero te gusta la apariencia de este nuevo S.O. entonces Inspirat 2 es lo recomendado. Adicionalmente CrystalXP.net ofrece otros paquetes para cambiar la apariencia de nuestro Windows XP: Brico Pack Crystal XP y Brico Pack Longhorn Inspirat. Espero les sea útil.
More About: Vista , Windows Xp

Convertir WMV a MP3 ó WMA
1970-01-01 00:59:00
Muchos usuarios han estado preguntado sobre una utilidad para extraer el audio de archivos WMV (Windows Media Video), y gustamente encontre WinFF. Este programa convierte ó pasa formato de video a otros formatos (audio ó video) y  trabaja con estos formatos: GP, 3GP2, FLV, AMR, MP3, DVD (PAL o NTSC), MOV, WAV, WMV y XviD. Esa una poderosa utilidad basada en el famoso convertidor de Linux ffmpeg. Convertiendo WMV a MP3Descargamos e instalamos WinFF, seleccionamos un archivo WMV u otro que deseemos convertir. En la opción Convert to ... seleccionamos MP3 (audio only).Seleccionamos en directorio de salida del archivo.Iniciamos el proceso.¿Y el formato WMA?Configurando para convertir a formato WMAVamos al menú Edit-> Presets, seleccionamos cualquiera de las configuraciones y notaremos que los valores en Preset Nam, Preset Label y demás cambian. Colocaremos los siguientes valores para que acepte la conversión a formato WM...
More About: Vert

Gráficas en jQuery
1970-01-01 00:59:00
Basándose en los proyectos Plotr y PlotKit, el desarrollador de software Ole Laursen quizó llevar la misma funcionalidad de los trazos gráficos para jQuery y lo consiguió. Ha desarrollado su propio plugin ó extensión llamada Flot. Esta extensión está disponible ya en su versión inicial v0.1, y podemos ver algunos excelente ejemplos de su uso:Enlaces | demos, código Vía Ajaxian
More About: Jquery , Icas

Ajax Cross Domain, obtén información de dominio externo con Ajax
1970-01-01 00:59:00
Hace algunos meses atrás hablamos acerca de que el objeto XMLHttpRequest como parte de seguridad no permite mostrar ó llamar contenidos de sitios externos a donde se ejecuta dicho objeto. Hasta cierto punto esto es poco limitante si tenemos varios sitios web y deseamos que enlacen en tiempo real con Ajax . Pero justamente ante ese problema existe Ajax Cross Domain , que es un script que se encarga de mostrar contenido ó información de páginas externas a nuestro dominio, basta con especificar una url válida dentro de los parametros del archivo ACD.jsEjemplo:<script type="text/javascript" src="http://www.ajax-cross-domain.co m/cgi-bin/ACD/ACD.js?uri=(http://216.92.1 76.52/?name=john)"></script> ;<script type="text/javascript">alert (ACD.responseText);</script> Funcionamiento: Puedes ver más en Ajax Cross Domain, donde encontraremos mucha documentación al respecto. Ví...
More About: Dominio , Domin

Mostrando mensajes en forma de LEDs con Javascript
1970-01-01 00:59:00
Una interesante utilidad en JavaScript que muestra un mensaje desplazándose por la pantalla del navegador web en forma de LEDs (Light-Emitting Diode - diodo emisor de luz) el cual podemos configurar a nuestro gusto, por ejemplo: el tamaño de los LEDs, el mensaje, la longitud del contenedor, etc. He aquí una muestra: Vía modern life Descarga código fuente
More About: Javascript

Ext JS 2.0 ya está disponible!
1970-01-01 00:59:00
Si eres una de los desarrolladores web que usan el framework Ext JS te alegrará saber que ya está disponible la librería Ext JS 2.0 la cual proporciona un gran poder para crear aplicaciones web, además cuenta con muchos componentes para diseñar agradables interfaces de usuario. Ext JS 2.0 esta disponible para descarga: código abierto-libre y licencia comercial. Inclusive si tienes un proyecto desarrollado con Ext 1.0 ahora podras migrar a Ext 2.0 sin ningun inconveniente. Ve el gran potencial de este fabuloso framework en este ejemplo: Vía Ajax Magazine

Anuncios.es regala un mini portátil Asus EEE 4G al mejor logotipo
1970-01-01 00:59:00
Se ha iniciado un concurso para crear un buen logotipo para Anuncios.es. El ganador se hará con una miniportátil Asus EEE PC 701. Hasta el 6 de enero del 2008 se recibirán los logotipos. Haber si algun diseñador que hay por estos lares se anima a participar. Gracias a José Palacios por el dato! Mas información.
More About: Mini

Encuesta de la semana: Suite ofimática
1970-01-01 00:59:00
El conjunto de software para el uso en oficinas y entornos profesionales, los más conocidos. He aqui una listas para Windows, Linux, Mac ó multiplataforma. ¿Cuál usas ó recomiendas? Si no está en la lista mencionalo. Recuerda: No aplicaciones web. [pollkit]http://www.pollkit.com/jd_script /show_poll.js.php?p=MTI1[/pollkit]Resulta dos de la encuesta anterior: Programa de mensajería instantáneaEl más usado 1) Windows Live Messenger, seguido de 2) Google Talk, cabe mencionar que muchos usuarios usan programas alternativos en Linux que soportan diversos servicios de mensajería.
More About: Suite , Semana

Encuesta de la semana: Programa que usas para mensajería instantanea
1970-01-01 00:59:00
Cuando se trata de conversar a través de internet con amigos, familiares, etc. ¿Qué software de mensajería instantánea usamos?  [pollkit]http://www.pollkit.com/jd_ script/show_poll.js.php?p=MTE3[/pollkit]R esultados de la encuesta anterior: Lenguaje de lado de servidorA los 7 días de colocada la encuesta el lenguaje de lado de servidor preferido es 1) PHP con 87 votos, seguido de 2) ASP .NET, 3) Java y 4) Rails (framework). 
More About: Para , Mens , Semana

¡Ayuda a ponerle fin a Internet Explorer 6!
1970-01-01 00:59:00
End 6!, así se llama el sitio que ha iniciado una campaña a gran escala para ponerle fin al bendito navegador Internet Explorer 6. Este sitio muestra algunas razones (que todos conocemos por ciertos, y que nos han sacado de quicio muchas veces) para abandonar ese navegador. Existen muchas anternativas actuales : el mismo IE7, Firefox, Opera, Flock, etc. Incluso este sitio dispone de un script en JavaScript para mostrar una ventana informativa a los usuarios de IE6 explicando el cambio que deben hacer. Una campaña que no dudo, muchos van a apoyar. Tambien disponible en español!Vía WebmasterLibre 
More About: Internet Explorer , Xplorer

MooMonth, aplicación web calendario con JavaScript
1970-01-01 00:59:00
MooMont h es una aplicación de calendario desarrollado en JavaScript. Muy configurable y personalizable. Aún en fase alfa, pero tiene buena pinta. Podemos ver un demo por lo pronto, esperando hasta cuando esté listo completamente.  Caracterí ;sticasPodemos aplicar zoom a días, semanas, meses, años.Lista de tareas.Soporte para Zona horaria.etc.
More About: Javascript

¿Dónde colocar mis anuncios publicitarios?
1970-01-01 00:59:00
Puede servirnos este tip que encuentro en Digital Inspiration, que habla acerca de los resultados de Google, aunque podemos aplicarlo a nuestros anuncios y donde colocarlos.Este mapa (visual-de-calor) muestra como visualizan los usuarios los resultados de búsqueda de Google y donde se obtiene el máximo de atención. Esto demuestra que los resultados son observados por los usuarios (ó el ojo humano) en forma de "F": de manera horizontal en la parte superior y luego en forma vertical (hacia abajo) por la parte izquierda.De este experimento algo es cierto: los anuncios de la parte derecha-superior pasan muchas veces inadvertidos, pero los que aparecen en el bloque central sobre los resultados ofrecen probablemente la más alta tasa de conversión para los anunciantes. Todos los detalles del "Google Eyetracking" se encuentra disponible en Eyetools. Un interesante tip que podemos aplicar a nuestros anuncios, en nuestras...
More About: Loca

Mocha UI - ventanas flotantes con Mootools y Canvas
1970-01-01 00:59:00
Mocha UI (User Interface)  es una extensión para Mootools que proporciona una interfaz de usuario, exactamente ventanas flotantes, que trabaja sobre Canvas (excanvas.js).  Algunas característicasLas ventanas incluyen controles, gradientes y sombras que se dibujan sobre la etiqueta canvas.Se puede ajustar las esquinas redondeadas.Las ventanas las podemos centrar, mover, cambiar su tamaño, restaurarlas y cerrarlas.Se pueden crear nuevas ventanas en tiempo real.Cuando se maximizan, las ventanas se ajustan a los cambios de tamaño del navegador.Probado sobre Firefox 2, IE 6 y 7, Safari 2 y Opera 9. Via | Ajaxian, demo
More About: Mocha , Antes

amCharts: crea gráficos con Flash y JavaScript
1970-01-01 00:59:00
amCharts nos brinda una serie de herramientas para la creación de gráficos dentro de nuestras páginas web:Pie & Donut chart (tajada/torta/rosquilla) Line & Area chart (lineas) Column & Bar chart (columnas/barras) Scatter & Bubble chart (burbujas dispersas) Todos estan disponibles para descargas, con características limitidas, una de las cuales es que muestra un link en la parte superior-izquierda: chart by amCharts.com. Para quitar ese enlace debemos pagar 85 euros. Lo interesante de estas utilidades es que son totalmente configurables y trabaja con los datos obtenidos de formatos XML ó archivos de texto TXT, los cuales podemos generarlos con lenguajes de servidor como PHP, ASP, etc.
More About: Flash , Javascript