Directory
Web Design
Blog Details for "RibosoMatic Blog"
RibosoMatic BlogRibosoMatic BlogArticulos sobre desarrollo web tecnologia internet diseno programacion Articles
IIPImage: Visualizador de imágenes de Alta Resolución
2007-06-15 13:27:00 IIPImage es una aplicación cliente-servidor de código abierto que nos permite visualizar imágenes de alta resolución. Esta diseñado para el uso adecuado: de la velocidad de conexión a internet (incluso conexion lentas) y gestión de memoria. ¿Cómo funciona? Este visualizador trabaja rápido, por que fragmenta la imagen en muchas pequeñas partes y solo descarga las porciones que son visibles dentro del marco del visualizador. Mientras te desplazas por la imágen (de gran tamaño) se van descargando las porciones necesarias, similar a lo que hace Google Maps.Para hacerlo funcionar tendrás que configurarlo en tu servidor web, (trabaja sobre Apache, Lighttpd, MyServer) y luego configurar tus páginas web para que se muestre el visualizador (puedes usar applets de Java ó JavaScript-Ajax). La web de IIPImage muestra como realizar todos estos pasos. Así que si queremos tener nu... More About: Gene , Alta , Luci , Genes
Tutoriales para diseñar Logos
2007-06-14 18:15:00 E Logo Design, muestra una relación de 50 tutoriales que te explican cómo diseñar tu propio logo, paso a paso, con Photoshop. Un recurso como para tenerlo a mano para todos aquellos que manejan a la perfección el Photoshop, y los que no también. Por ejemplo este tema: Colorful Logo, explica cómo, paso a paso con una serie de screenshot y breves explicaciones, llegar a obtener el primer Logo de 4 hojitas de colores que se muestra arriba en la imagen. More About: Para , Tori , Logos , Rial
Beryl, opción libre al Aero de Vista
2007-06-14 17:10:00 Desde que instale Ubuntu 7.04 y me entere de Beryl no he parado de recomendarlo a mis conocidos y amigos, y ahora me sumo a los distintos bloggers que lo recomiendan como una excelente alternativa al Aero de Vista (corríganme si me equivoco, pero el Aero esta disponible en las ediciones mas caras del Vista). Si nos podemos a 'googlear' sobre esta aplicación encontraremos mucha información, así que para usarlo, explicaré como instalarlo e iniciarlo automaticamente en nuestro Ubuntu.Primero vamos al menú Aplicaciones -> Añadir y Quitar, buscamos en la sección Mostrar: 'Todas las aplicaciones disponibles'. Y en los resultados seleccionamos Beryl Manager y Beryl Settings Manager, y ... a esperar.Al finalizar la descarga e instalación, vamos a Aplicaciones -> Herramientas del sistema -> Beryl Manager para iniciar los efectos en nuestro escritorio ó Beryl Settings Manager para configurar los dis... More About: Libre
10 calendarios con PHP, CSS y Javascript
2007-06-14 12:39:00 ¿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. Monket CalendarCalendario usando AJAX y PHPIntegrando Google Calendar a tu webCalendario con JavaScriptCalendario con DHTML y JavaScriptCalendario con CSS y listas (<ul> y <li>)Calendario con CSSCalenadrio con CSS (valida correctamente CSS)Calendario con PHP y ScriptaculousCalendario AJAX - Javascript, XML y PHP¿Sabes de alguno más?... More About: Lend
Google Code prettify, resalta sintáxis en HTML
2007-06-14 01:45:00 Google Code prettify es un módulo que hace uso de Javascript y CSS para resaltar la sintáxis de código fuente en una página HTML. Si tu tiene un blog donde escribes códigos de diversos lenguajes (C, Basic, Javascript, Ruby, etc) puedes hacer uso de esta pequeña utilidad.Configuración Descarga el Code prettify.Agrega la referencia al archivo Javascript y CSS en tu página web de esta manera:<link href="prettify.css" type="text/css" rel="stylesheet" /><script type="text/javascript" src="prettify.js"></scrip t> Agrega onload="prettyPrint()" a la etiqueta body del código HTML. Puedes modificar la hoja de estilos para darle los colores que tu prefieras. UsoColoca en el atributo class de las etiquetas pre y code "prettyprint": <pre class="prettyprint">...</ pre> ó <code class="... More About: Google , Google Code , Html , Googl
Google integra un Visor de Power Point a Gmail
2007-06-12 11:10:00 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). More About: Google , Power , Point , Power Point
Adium: varios clientes de mensajería en uno
2007-06-12 10:32:00 Adium es un programa de mensajería que soporta varios servicios de mensajería instantánea. Este programa, que solo funciona para Mac, es una excelente alternativa para este tipo de sistemas. Entre los servicios IM que soporta están:AOL Instant Messenger (ICQ) Jabber (Google Talk y Livejournal)MSN MessengerYahoo! Messenger Bonjour/RendezvousGadu-GaduQQLotus SametimeLo que no soporta es el servicio de IRC. Así que para aquellos maqueros que no viven sin un programa de mensajería prueben esta aplicación.Enlace | Adium More About: Vario , Client , Mens , Adium
WAP Proof, testear nuestra web en móviles
2007-05-31 20:09:00 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 More About: Proof , Stra , Este
Data Grids con Ajax, DHTML y JavaScript
2007-05-31 18:46:00 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 6. PHP Live Data grid 7. Table Kit 8. How to paginate, sort and search a table with Ajax and Rails 9. Unobtrusive Table Sort Script10. DataTables con Yahoo! UI 11. Standardista Table Sorting 12. Sortable Tables 13. SortedTable 14. Mootols Table Row & Column Highlighting 15. Finalmente, si quieres hacer uno a tu manera puedes consultar estos dos artículos: Páginación de datos y Ordenar columnas de una tabla ambos hechos con PHP y Ajax. More About: Javascript , Html
GCOEX X, escritorio web sobre Ajax
2007-05-29 15:03:00 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 More About: Tori , Crit , Crito
Crear botones Web 2.0 con My cool Button
2007-05-28 13:38:00 My cool Butt on 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 More About: Cool , Rear , Tones
Daleya.com: buscar archivos y videos en rapidshare, megaupload y otros
2007-05-28 12:34:00 Daleya.com es una web que nos permite hacer búsquedas en diferentes servicios como Mega upload, Badongo, Rapid share, 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 More About: Videos , Archi , Load
Efecto sombra con CSS
2007-05-26 15:38:00 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...
fValidator: validando formularios con JavaScript y mootools
2007-05-26 00:44:00 Mediante fVali dator 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. Ejemplo <html> <head> <title&... More About: Javascript , Form
Instalando juegos en Ubuntu fácilmente
2007-05-24 14:29:00 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. La manera de instalar esta utilidad no es tediosa, ya que es un paquete .deb, es como si fuera un .exe en Windows, osea que es fácil instalarlo en nuestro Ubuntu. Luego de ello lo tendremos en nuestro menú: Aplicaciones -> Juegos -> UbuntuGames (Sino aparece quizás necesites reiniciar tu sesión). Desde allí podremos elegir juegos entre diversas ... More About: Alan
Interface Elements: Script.aculo.us para jQuery
2007-05-24 13:40:00 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. More About: Para , Interface , Culo
15 utilidades gratuitas para tu PC
2007-05-23 14:49:00 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. 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. 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.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. RSS Bandit, para mantener al día con la lectura de tus enlaces RSS, Atom y demás de tus blogs o web favoritas. E... More About: Para , Ratu , Dade
Messenger Skinner, emoticons y smileys para tu messenger
2007-05-23 13:49:00 Messenger Skinner es un plugin para Windows Live Messenger y MSN Messenger el cual te permite agregar emoticons y smileys que hacen a tu messenger sea mas agradable.Este plugin no es un chat o programa de mensajería instantánea, solo mejora tu messenger, no se puede instalar por separado, es dependiente del messenger que tengas instalado. Además, no deben preocuparse por la seguridad ya que este plugin está libre de cualquier tipo de spyware o troyano. More About: Messenger , Para , Messe , Cons
Juegos para Ubuntu
2007-05-23 00:08:00 Una gran cantidad de personas en el mundo ya han migrado de Windows a Linux, y muchos de ellos han elegido Ubuntu seguramente, y lo que ha veces se extraña de Windows son los juegos, sí, esos jueguitos 3D. Así que aquí un portal centrado en mostrarnos software para nuestro Ubuntu pero de lo que mas abunda, es justamente juegos. Pero no juegos parecidos a los que vienen por defecto con el sistema, sino algo mas interesantes, logrados y algunos 3D. Enlace | Categoria Juegos More About: Para
Menús web con CSS y mootools
2007-05-20 14:29:00 Desde roScript, 8 menus para tus proyectos web que debes tener en cuenta. Creados con CSS y algunos combinando mootools. Ejemplo 1 (descarga) Example 2 (descarga) Example 3 (descarga) Example 4 (descarga) Example 5 (descarga) Example 6 (descarga) Example 7 (descarga) Example 8 (descarga)
WriteMaps: crear, editar y compartir Sitemaps
2007-05-20 14:17:00 WriteMaps es una herramienta web que nos permite crear, editar y compartir sitemaps online. Este servicio fue creado con PHP y mootools, al parecer no es soportado por Internet Explorer. La interfaz es agradable y tiene 2 opciones durante el proceso de creación: Map View (Vista árbol gráfica) y Outline View (Vista en forma de lista). Está en fase beta, eso explica el hecho de que solo se pueda crear el sitemaps, y no compartir aún. Una interesante herramienta, esperemos que incluyan otras características más adelante. More About: Part , Tema , Rear , Sitemaps , Compa
10 Temas elegantes para WordPress
2007-05-19 01:08:00 En la web se ven cada vez mas diseño agradables pero sencillos, elegantes pero frescos, y pues nuestros blogs no deben quedarse atrás. Así que para todos lo que usamos WordPress, aquí una lista de temas elegantes y frescos. 1. Dark Theme Release at iLEMONed 2. iTheme 3. WordPress Theme: Hello 2007 - Hello Wiki 4. Digital Pop Wordpress Theme 5. New Order Wordpress Theme 6. JsThemeV1.1 7. WordPress Themes - esn studio 8. Minyx / Infected-FX 9. Recycled Canvas :: Creative Synthesis 10. Y Go Lonely More About: Para , Tema , Elegant , Legan
Tetris en JavaScript
2007-05-18 14:56:00 En una nota anterior mencionamos sobre algunos juegos desarrollados en JavaScript usando Ajax (Juegos con Ajax, Juegos Web 2.0 ). Bueno no esta demás mencionar otro juego más. Se trata del famoso Tetris . Como para quemar el tiempo!! More About: Javascript
Scripts para desarrollar tu propia galería o presentación de imágenes
2007-05-18 14:13:00 Si deseas crear un galería o presentación de fotografías o imágenes en un sitio web, podemos hacerlo de diversas maneras: en pantalla completa, en forma de diapositivas o en forma de thumbnails (vistas pequeñas de imágen). Pero para que el resultado sea eficaz debemos hacerlo de forma atractiva e intuitiva para el usuario final. Aquí una lista de librerias (en algunos mostrando una pequeña descripción) en Ajax, Javascript y CSS, para todo desarrollador que esta pensando colocar un sitio de imágenes. Galerías de imágenes basados en Ajax Minishowcase es una libreria desarrollada en PHP y Javascript que te permite instalar una galería de imágenes en sitio facilmente. JonDesign’s SmoothGallery es una libreria desarrollada con mootools. Puedes ver la manera de usarlo en este articulo. Ajax Photo Gallery es una galería libre hecha con Ajax, además... More About: Scripts , Para , Present , Gene , Prop
LivePipe: Componentes para desarrollo web en Ajax
2007-05-18 12:00:00 LivePipe es una web donde podemos encontrar temas relacionados con PHP, Ruby y JavaScript. Un sitio que cuenta con una sección de foros, blog y proyectos, que constantemente se actualizan. Justamente en su sección Projects, encontramos pequeñas librerias que podemos usarlos en nuestro proyectos web, tales como: Control Tabs, Control Modal, Control TextArea y mas. Aparte en su blog a veces muestran ejemplos interesantes relacionados con JavaScript. Un sitio recomendado! More About: Ajax , Para , Component , Rollo
Editores para desarrollar en Ruby on Rails
2007-05-18 00:49:00 Para todo programador es importante elegir un buen editor para desarrollo de sus proyectos. Para el famoso framework Ruby on Rail s , existen un gran variedad. Listemos algunos:RadRails (Windows, Mac. Linux)RoRED (Windows)Textmate (Mac)jEdit (Windows, Mac, Linux)Arachno Ruby IDE (Windows, Mac, Linux) Scribes Editor (Linux)Intype (Windows)E-texteditor (Windows)Aptana + RadRails (Windows, Mac, Linux)NetBeans IDE (Windows, Mac, Linux) More About: Ruby on Rails , Para
Buscador de Google sin publicidad
2007-05-15 14:59:00 Si añades el parámetro "output=googleabout" al URL de la web de búsqueda de Googl e , la página de resultados de búsqueda no llevará ningún anuncio de AdSense que por lo general aparecen en la parte superior o derecha de la página. google.com/search?output=googleabout Veamos la diferencia entre ambos: Y tu ¿Cuál prefieres? Pues a los que usamos Adsense con sistema para generar ingresos sería una desventaja. More About: Busca
Todos los servicios de Google en una sola página
2007-05-15 00:23:00 Para esa gente que no se siente cómoda accediendo a cada servicio de Googl e , está página pone a disposición todos esos servicios en una sola página: Simply Google, que muestra un acceso directo a todo servicio y aplicaciones desde Google Analytics, pasando por las aplicaciones para escritorio hasta los blogs de Google. Esta es una versión reciente con los nuevos servicios Google, ya que hace un año había una página similar . Recomendado para personas que no están al tanto de los servicios y aplicaciones que ofrece Google. More About: Todo
Google: 'Este sitio puede dañar tu equipo'
2007-05-14 15:39:00 En realidad no me había dado cuenta de esto, pero el buscador de Googl e mantiene un lucha por combatir el malware en los navegadores web. Ya que muchos sitios web abusan de los bugs en la seguridad de algunos navegadores web, Google esta tomando medidas para proteger a los usuarios. Aquí un ejemplo de ello. En el resultado de una búsqueda, en la parte inferior del título de un sitio web, si este contiene malware (software malicioso: programa o archivo), aparecerá la siguiente advertencia: "Este sitio puede dañar tu equipo". Si pulsamos en el enlace de la advertencia , Google nos dará la razón de esta. Y si pulsamos en el enlace del sitio web nos mostrará esta grande advertencia en el navegador. Es un método eficaz para advertir a la mayoría de usuarios de algunos sitios web "malvados". Por supuesto, en el caso de ese sitio web que tomamos por ejemplo, se puede acceder a el de tod...
Pack de iconos para Ubuntu
More articles from this author:2007-05-14 14:58:00 Muchos usuarios consultan sobre donde conseguir iconos, mas bien dicho paquetes de iconos para personalizar nuestro entorno Gnome en Ubuntu . Pues, en la sección Icon Themes de GNOME-Look los encontraremos. Ya con los pack de iconos en nuestra PC, vamos al menu Sistema -> Preferencia -> Temas y pulsamos en "Personalizar...". More About: Para , Pack 1, 2, 3, 4, 5, 6, 7 |



