Directory — Web Design — Blog Details for "RibosoMatic Blog"

RibosoMatic Blog

RibosoMatic Blog
Articulos sobre desarrollo web tecnologia internet diseno programacion

RSS Feed Homepage

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

Articles

Google y su sentido del humor
2007-10-27 23:26:00
Era una nota que no podía dejar pasar! Vía baluart me entero de éste "interesante" y gracioso error del traductor de Google .
More About: Humor

Captcha con PHP fácil de implementar
2007-10-23 13:51:00
En Nodstrum encuentro una utilidad en PHP para crear Captcha facilmente (uno de los pocos en toda la red que funciona. Garantizado!). Les explicaré como hacerlo.Paso 1: obligatorio! verifica que tengas habilitado la librería GD de PHP.Paso 2: Nos descargamos la clase captcha.class.php del blog del autor, y vamos a configurar este archivo. Busca la variables $imageDirectory e $imageURL. La primera variable contiene el nombre de la carpeta donde se almacenarán las imágenes generadas dinámicamente. Esta carpeta debe tener permiso de escritura. La segunda variable es la dirección URL completa de la carpeta anterior. Ejemplo:var $imageDirectory = 'image_directory';var $imageURL = 'http://localhost/mi_sistema_captcha/ image_directory';Paso 3: Creamos un archivo PHP, le damos cualquier nombre, para este ejemplo index.php. Lo que vamos hacer es:Llamar a la clase captcha.class.phpCrear una instancia de la clase CaptchaUsamos el m...

LiveValidation, validación de campos con Ajax
2007-10-23 11:52:00
LiveVali dation es una utilidad en Javascript que permite validar los campos o entradas de textos de los formularios HTML (textarea, input text, input check) en tiempo real. Tiene interesantes características:Verifica que un campo no esté vacio. Verifica que el texto ingresado corresponda a uno determinado. Si usted exige que el usuario escriba "hola" entonces el validador actuará en función de ello, independientemente de si es con mayúsculas o minúsculas.Verifica que cierta palabra aparezca en una expresion ingresada. Verifica que el texto ingresado solo contenga números, números enteros ó un número específico. Verifica que el texto ingresado solo contenga números, pero que éste sea mayor ó menor que cierto valor, ó también verifica que el número corresponda a un valor entre un rango específico.Verifica la longitud de caracteres del texto ingresado,...
More About: Ajax , Campos , Dati

lazierLoad - carga las imágenes necesarias de una página web (con Prototype
2007-10-22 13:35:00
lazierLoad, es una utilidad hecha en Javascript que funciona con Proto type , que tiene como función cargar las imágenes de una página web mientras nos desplazamos por ella. Supongamos que tenemos una serie de 15 imágenes en una página web. Con lazierLoad, solo se cargarán las n primeras imágenes que alcance a ver el usuario en su monitor. Mientras el usuario se desplaza por la página las imágenes se irán cargando. Nada mal la idea! Dejemos que una demostración de esta utilidad nos diga todo. Cómo usarloNecesitas una página con varias imágenes y colocar esto en la parte de head. <script type="text/javascript" src="js/lib/prototype.js">&l t;/script><script type="text/javascript" src="js/bramus/lazierLoad.js"&g t;</script>Nota: lazierLoad necesita de Prototype 1.6.0 r0 ó superior para un correcto funcionamiento.&...
More About: Sari , Genes

Gestión de sitios web con External Test
2007-10-22 12:39:00
External Test no es un servicio nuevo, ya tiene varios años en la web brindando buenas funcionalidades en lo que se refiere a gestión de sitios web. Uno de sus principales funciones es la monitorización de sitios web. Si tienes, o estás a cargo, de varios sitios en la web esta herramienta te puede ayudar. También te brinda alertas de posibles errores al acceso. Esa información te lo envian a tu correo, explicando cual es el error. Además, brindan informes de tiempo de acceso desde diferentes puntos. Y mucho más.Una herramienta en español que ningún administrador web puede dejar de usar. Recomendado.Enlace | External Test
More About: External

Función "hace n días n horas n minutos" en PHP
2007-10-11 13:11:00
Seguramente han visto en algunos sitios o blogs, en los post o comentarios la fecha en formato: escrito por tal_usuario hace 10 días 9 horas 7 minutos. Yo siempre me preguntaba como se hace, así que investigando (googleando) no di, así que se me ocurrió hacerlo por mi cuenta ¿Cómo? lo explicare. Lo que necesitas es trabaja con una tabla de datos (en MySQL por ejemplo) y tener un campo de tipo datetime. Cuando realices una consulta de esta tabla hazlo de la siguiente forma:SELECT *, UNIX_TIMESTAMP(campo_fecha) AS fecha_unix FROM mitabla¿Qué hemos hecho? La consulta SELECT devolverá los datos con un campo adicional llamado fecha_unix, por eso usamos función la UNIX_TIMESTAMP que devuelve la fecha unix (segundos desde 1970-01-01 00:00:00 GMT). Ahora veamos la función PHP, la llamaremos hace() que tendrá como parámetro de entrada la fecha en formato Unix: function hace($fecha_unix){ //ob...

PollKit, encuestas web 2.0
2007-10-10 11:50:00
Después de muchos días sin agregar artículos al Blog (debido a un proyecto en el cual me enfrasque y que hoy doy a conocer abiertamente) nuevamente vuelvo a la carga y esta vez espero que sea cierto. Bueno y como mencione antes, explicaré el proyecto web que he desarrollado y espero que les guste a algunos de los lectores de este blog y a otros más.Se trata de un portal de encuestas a la web 2.0 al cual nombre PollKit (poll-> encuesta, kit->equipo, aunque puede variar), entre las caracteristicas están: Crear encuestas, incluye: pregunta, descripción, alternativas; pudiendo eligir categorías con las cuales se relaciona. Da puntos a la mejor encuesta, al momento de crear tu encuesta puedes elegir entre si será Privada o Pública. Las encuestas Públicas, preguntas de interés común, aparecen en un directorio Recientes donde podrásn recibir puntos de otros usuarios para ser destaca...

Utilidades Web con MooTools
2007-09-20 11:31:00
Aquí una lista de plugins, o pequeñas utilidades, desarrolladas con MooTools. 1. Autocompleter : el famoso autocompleto dentro de cajas de texto. [Documentación] 2. FancyUpload : mediante el uso de swf y ajax podemos subir archivos de manera interactiva. [Documentación] 3. HistoryManager : mantiene un historial de todos tus movimientos en cierta página web. [Documentación] 4. SqueezeBox : ventanas flotantes que pueden contener diversos elementos (textos, páginas web, imágenes). 5. LiveGrid : pequeño y rápido Listador de elementos (grid). Muestra elementos en forma horizontal y por bloques. 6. SimpleTabs : Tabs usando Ajax. 7. ReMooz : visualizador de imágenes, muestra un efecto de "zoom in" cuando hacemos clic en una imágen. Vía | digi.táral

Genera Acrónimos con Cyborg Name Decoder
2007-09-18 14:19:00
Tal y como dice Pancho Macías existen muchos servicios web 2.0 que nos hacen pasar un rato divertido y agradable, y justamente The Cyborg Name Decoder es uno de estos. Es un servicio que crea acrónimos a partir de una palabra que nosotros ingresemos, por ejemplo queria probar con ribosomatic pero no acepta mas de 10 caracteres, asi que puse ribosoma y el resultado fue esto:Como apreciarán el resultado esta relacionado con lo que es robótica, pero existen otras versiones: Sexy y Monster Name Decoder.
More About: Genera , Coder

Paquetes de iconos para tus proyectos web!
2007-09-18 12:32:00
Una pequeña lista de paquetes de iconos gratuitos. 1. 25 set de iconos por Smashing 2. Más sets de iconos 3. Set de iconos por xiberneticos 4. Pixel Press Icons 5. Set de iconos August
More About: Para

10 menus horizontales con CSS
2007-09-17 19:30:00
Vía CSSPlay una serie de 10 menus CSS horizontales, listos para descargar...
More About: Izon , Horizon

Mostrar contenido de dominio externo con Ajax y Apache
2007-09-16 20:18:00
Después de un mes alejado de blog vuelvo con un interesante tema. Aca siempre hablamos de Desarrollo y Programación web, especialmente centrado en Ajax y temas relacionados. Justamente vamos a hablar del corazón de Ajax: el objeto XMLHttpRequest. Éste tiene un problema relacionado con la seguridad cuando tratamos de hacer llamadas a dominios externos con el método open(método,url); Un ejemplo aqui:function objAjax(){ 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 && typeof XMLHttpRequest!='undefined') { xmlhttp = new XMLHttpRequest(); } return xmlhttp;}function MostrarYahooHomePage(){ resultado = document.getElementById('resultado 9;); ajax=objAjax(); ajax.open("GET", "http://es.yahoo.com/"); //esta linea nos interesa ajax....
More About: Apache , Dominio , Domin

Validar NIF/CIF/NIE con Rails
2007-08-14 11:52:00
Desde Rails Lab Blog viene este plugin de Rails que tiene como función: validar en un modelo nif/cif/nie español. Al parecer, realizar este proceso parece ser muy tedioso, y muchos recurren googlear para hallar una solución. Pero para Rails el plugin mencionado nos alivia la tarea. Su instalación, desde la consola:script/plugin install http://svn.railslab.net/public/rails_plug ins/trunk/validate_spanish_vat/En RailsLab podemos encontrar la forma de cómo utilizarlo, como también documentación acerca de este plugin. Esperemos que nos traigan mas plugin y más información sobre este maravilloso framework, Rails.
More About: Vali

Ellipsis: propiedad text-overflow con JavaScript
2007-08-13 12:47:00
La propiedad CSS text-overflow, reemplaza los caracteres finales de una cadena de texto por puntos suspensivos si esta supera el ancho del elemento contenedor (p, div, span, etc). Con este ejemplo visual se entenderá mejor.Internet Explorer viene con esta interesante característica, pero desafortunadamente no es estándar y no es soportado por Firefox, Opera y otros navegadores (en la versión CSS 3, ya es estándar está propiedad). Así que en el blog ruzee.com encontramos una solución a esto usando JavaScript. Creando un clase ellipsis y aplicándolo a los elementos que deseamos. Ejemplo:.w2 { width:300px; } <div class="w2"> <h3 class="ellipsis"> This is another heading in a wider container </h3> <p>And some more text that is long, long, long, and wraps around, cool!</p></div>En el ejemplo, apreciamos el estilo .w2 con ancho de 300px. Si el texto del elemen...
More About: Javascript , Text , Overflow , Flow , Prop

Utilidades online para CSS (optimizar, comprimir, crear menús)
2007-08-13 11:56:00
Una lista de utilidades o herramientas para optimizar y comprimir nuestras hojas de estilo (CSS, cómo también para crear layouts o menús. Optimizar CSSClean CSSCode Beautifier CSS Cascading Style Sheet Optimiser CSS Optimizer Comprimir CSS CSS Drive CSS Compressor Generar menús y layouts CSS [listulike] CSS Generator Scriptomizerinknoise - Layout-o-MaticCSS Creator The Generator Form QrOne CSS Designer Vía | Lifehacker
More About: Online , Para , Dade , Rimi , Prim

script.aculo.us - Arrastrar para descargar
2007-08-11 12:23:00
En el blog de Ryan Scherf encontre un script que hace uso de las librerías prototype y script.aculo.us para generar el efecto de drag & drop sobre achivos que deseamos descargar.Ver demo
More About: Script , Para , Esca , Arrast , Astra

ThickBox, ventana modal de múltiple función
2007-08-11 11:57:00
ThickBox es una pequeña utilidad (hecha con JavaScript y la librería jQuery) que tiene como función ser una ventana modal de múltiple propósito: mostrar una ó un grupo de imágenes, contenido texto y también contenido generado con Ajax.Cómo usarloDescarga la librería jQuery y la utilidad Thickbox<script type="text/javascript" src="path-to-file/jquery.js"> ;</script><script type="text/javascript" src="path-to-file/thickbox.js"& gt;</script>También hay que incluir la hoja de estilos, que proporciona ThickBox<link rel="stylesheet" href="path-to-file/thickbox.css" ; type="text/css" media="screen" />En los ejemplos que proporciona la página del ThickBox podemos aprender las diversas formas de usarlo.
More About: Vent

Magic Image Rotation, diapositivas de imágenes (JavaScript)
2007-08-09 13:35:00
Magic Image Rotation es una pequeña utilidad que muestra una serie de imágenes y las rota cada n segundos, tal como una diapositiva de imágenes. Su característica sobresaliente es que cada imágen que se muestra puede tener un enlace o link independiente del resto de imágenes. Cómo usarlo Tendremos que modificar el archivo banner.js para agregar la ruta de las imágenes, los enlaces a donde apuntan y un título. También podemos modificar el tiempo que se mostrará cada imagen. var BannerLoad = [ ['mienlace.htm', 'graphics/one.jpg', 'Blue Flower' ], ['http://www.ribosomatic.com/', 'graphics/two.jpg', 'Distant Rainstorm' ], ['index.htm', 'graphics/three....
More About: Magic , Javascript , Posi

Smooth Scroll, desplázate con estilo por una página web
2007-08-09 12:18:00
Está pequeña utilidad llamada df Smooth Scroll hecha en JavaScript, nos permite desplazarnos entre los link que apuntan a la misma página (anchor). Cómo usarlo<script type="text/javascript" src="smooth.pack.js"></sc ript>En la parte html<a name="top" href="#footer">IR ABAJO</a><p>Contenido por aqui...</p><a name="footer" href="#top">IR ARRIBA</a><p>Mas contenido por aqui...</p>El resultado será un desplazamiento con estilo entre los enlaces internos gracias a que se usa JavaScript.Enlaces | Demo

30 degradados de color Web 2.0 para Gimp
2007-08-08 13:00:00
Gimp Tutorials nos trae una serie de 30 degrados de color (archivos .grr) con estilos Web 2.0 para Gimp. Podremos usarlos para crear header, backgrounds, botones y más basados en estos interesantes estilos. Para instalarlos vamos a la carpeta ".gimp-2.2gradients"; en Windows está en la carpeta de instalación del Gimp; en Linux, en la Carpeta Personal habilitamos 'Mostrar los archivos ocultos' y allí estará la carpeta '.gimp-2.2'. Copiamos los 30 archivos .grr a la carpeta 'gradients' y listo! Iniciamos El Gimp, seleccionamos la herramienta , y veremos una serie de estilos web 2.0 listo para usarse. Descargar estilos!Vía | Deziner Folio
More About: Color , Gimp , Dados

More articles from this author:
1, 2, 3, 4, 5, 6, 7