Posts filed under ‘Web 2.0’

Descargar Música MP3 Gratis

Busca, escucha y descarga MP3 gratis

mp3-get.com

Existe muchos sitios para descargar música en internet en todos los idiomas y todos los tipos, y aún así la gente sigue prefiriendo programas tipo Ares para buscar y descargar música, llevándose algunas veces un mal momento al darse cuenta que en verdad descargaron un virus o algo que no tiene que ver lo deseado (porno).

Mp3-Get.com es un sitio web bastante nuevo pero ya cuenta con un potente buscador y más de 1.000.000 de canciones disponibles en su catálogo, añadiendo miles diariamente.

Lo que mas me gusta de mp3-get.com es su interfaz simple y sencillez a la hora de buscar una canción, 100% libre de virus y con descargas directas. Siempre está al día su catálogo con las últimas canciones top a nivel mundial, disponible en español y en inglés y es multi-plataforma, esto quiere decir, funciona tanto en iOS (iPhone, iPad, iPod), Android, Blackberry y Windows Phone.

Os recomiendo bastante ese sitio a la hora de querer descargar música, además cuenta con un plugin para los navegadores favoritos de la red actualmente, me estoy refiriendo a Chrome y Firefox, para que siempre tengas a la mano este espectacular sitio.

Link: http://mp3-get.com

febrero 5, 2013 at 10:14 pm 1 comentario

Script.aculo.us Samplr

Dos post atrás les comentaba sobre Scripteka.com, que es un sitio en donde encontraran todo tipo de librerías para ocupar con Prototype, Samplr es la misma idea, pero recopilando scripts que funcionen con la librería Effect de Script.aculo.us.

Hay unos scripts verdaderamente buenos y que pueden ser muy útiles, en el sitio encontraras 9 extensiones y tienes 21 enlaces a otros mas que ha ido recolectando el autor del sitio.

Enlace:
Script.aculo.us Samplr
.

Ver VideosTe VerdeImagenes para hi53GP

noviembre 10, 2007 at 12:57 am 2 comentarios

Pownce Tiene API

Por fin, después de una larga espera, Pownce ha liberado su API para todos nosotros. Esperemos ahora aparezcan aplicaciones para linux, ya que el gran tope que había hasta ahora, era que su producto, como funciona con Adobe AIR no daba soporte a los linuxeros.

Una muy buena noticia para todos los desarrolladores que esperábamos esta API con ansias, además contamos con una wiki, en la cual esta la documentación de como usarla y tenemos además el Grupo en Google Groups de esta API.

Noticia Oficial: The Pownce Blog – Pownce Public API
.

Ver VideosTe VerdeImagenes para hi53GP

octubre 30, 2007 at 3:04 pm 2 comentarios

Formularios más semanticos

En un proyecto en el que estoy, se requiere que los formularios sean muy breves pero claros, sin duda un gran problema. Bueno pues he creado un pequeño script JS que funciona con prototype, para ayudar un poco a que sean mas claros. Sinceramente no si esta sea “la solución”, pero sin duda nos ha ayudado bastante y lo he comprobado.

Consiste en hacer aparecer un tooltip en al momento de enfocar el elemento del formulario, dando una explicación mas detalla de que hacer y/o escribir, no es una maravilla y ya existe hace bastante, pero lo quise hacer a mi manera, una manera no obstrusiva y que funciona de la misma manera en todos los navegadores (bueno aunque sea en la matoria).

Sin mas comentarios vamos al grano, esto es lo que quiero lograr.

Tooltip HorizontalTooltip vertical

Y la forma de lograrlo es muy simple.

El HTML:

<input type="text" name="nombre" size="25" title="Ingrese su nombre completo" class="tooltip" />
<input type="text" name="edad" size="3" title="Ingrese su edad" class="tooltip option-horizontal" />

El CSS:

.tooltip-aviso {
    position: absolute;
    z-index: 100;
    display: none;
    width: 150px;
    border: 1px solid #A5C9FF;
    font-size: 90%;
    padding: 2px;
    background: #E0ECFF url(img/pointer.gif) no-repeat -10px 5px;
    height: auto!important; /* para los browsers buenos */
    height: 25px; /* para IE5+ */
    min-height: 25px; /* para los browsers buenos */
}
    .tooltip-aviso .tooltip-pointer {
        position: absolute;
        left: -10px;
        top: 5px;
        width: 10px;
        height: 19px;
        background: url(img/pointer.gif) left top no-repeat;
    }
    .tooltip-aviso-horizontal {
        background: #E0ECFF url(img/pointer-horizontal.gif) no-repeat 5px -10px;
    }
        .tooltip-aviso-horizontal .tooltip-pointer-horizontal {
            position: absolute;
            top: -10px;
            left: 10px;
            width: 19px;
            height: 10px;
            background: url(img/pointer-horizontal.gif) center top no-repeat;
        }

La Imagen:

Pointer Tooltip Horizontal

Finalmente el Javascript:

Tooltip.js – Solo 2KB

Pueden ver el ejemplo desde aquí o descargarlo completo desde aquí.

Testado en IE5.5+, Firefox 2.0+, Opera 9.0.

PD: La idea de la flecha, la tome de este artículo
.

Ver VideosTe VerdeImagenes para hi53GP

octubre 29, 2007 at 1:09 am 4 comentarios

Goodlike: Hosting de imagenes 2.0

Godlike - Hosting de Imagenes

Vía huasonic me entero de Godlike, un hosting de imágenes hecho en chile de la mano de Rodolfo Berrios, que ayer realizo su gran lanzamiento, cambiando una antigua version beta, a la renovada version que esta hoy en día, mas estilizada, y con funcionalidades mejoradas, de las cuales empecé a probar y me ha dejado una muy buena impresión.

El sistema es bastante rápido e intuitivo, ya entrando al sitio se darán cuenta que tienen dos maneras de subir sus imágenes, tanto desde sus computador, como en forma remota, y además da la posibilidad de redimensionarlas al tamaño que ustedes quieran, acepta imágenes JPG, BMP, PNG y GIF de una máximo de 7MB.

Una vez subida la imagen, te entrega una url lista para compartir tu imagen, tanto en tamaño normal como en miniatura, lo fenomenal es que es bastante rápido, no tiene limite de ancho de banda y te crea una dirección hacia tu imagen bastante amigable, no tan rara como crean otros hosting de imágenes.

Sin duda un buen proyecto que esperemos crezca y se mantenga en el buen estado que esta ahora.

Enlace: GodlikePost asociado (vía huasonic)
.

Ver VideosTe VerdeImagenes para hi53GP

octubre 3, 2007 at 12:51 am 7 comentarios

Artículos Interesantes

He encontrado estos dos artículos que creo son interesantes de leer y tener en cuenta.

Full Web 2.0 API List
Una gran lista de API’s publicas a las que podemos acceder y ocupar en nuestros desarrollos, hay de todo tipo. Me impresiono ver esta gran lista y creo que faltan algunas que han aparecido recientemente, pero con las que tienen, hay para divertirse un buen rato, a parte en los comentarios puedes encontrar otras API’s mas.

Web Design 101: Floats
En Digital Web Magazine, publicaron un excelente articulo, en el que explican con detalle y con 14 ejemplos la definición y uso de Float. Este articulo explica en detalle, su comportamiento, como ocupar varios Floats, típicos errores y su solución, entre otros.

Bonus
77 Resources to Simplify Your Life as a Web Designer
Extensa lista de bastantes recursos para simplificarnos la vida y hacerla mas fácil, hay de todo, herramientas de colores, herramientas para el uso CSS, Iconos, Templates, etc y etc.


.

Ver VideosTe VerdeImagenes para hi53GP

septiembre 17, 2007 at 11:22 pm 1 comentario

55 razones para diseñar con XHTML-CSS

En Programimi publicaron una lista de 55 razones para diseñar con XHTML y CSS (en inglés), listando sus cualidades y beneficios. Lectura recomendada para aclarar un poco mas las ideas y el concepto de porque esta tan de moda usar capas para nuestros proyectos, tanto a nivel de recursos, técnicas SEO, entre otras.
.

Ver VideosTe VerdeImagenes para hi53GP

septiembre 17, 2007 at 9:33 pm Deja un comentario

Iconos 2.0 PSD

Iconos 2.0 PSD

Estaba en la búsqueda de algunos iconos 2.0 para algunas aplicaciones en las que estoy trabajando, y en Blog and Web descubro este paquete de 6 iconos creado por Icebeat. Están muy buenos, todos en PSD y en capas separadas para puedas modificarlos tanto como quieras. Además se agregan otro estilo de estos iconos realizado por Robot04.

Enlace: Iconos 2.0 PSD (download) (via Blog and Web)
.

Ver VideosTe VerdeVideos 3GP3GPsomos tu y yo

septiembre 14, 2007 at 12:41 pm 2 comentarios

Que fácil es AJAX con Prototype

AJAX, quien no ha oído hablar de AJAX o a leído algo acerca. Esta es una de las tecnologías fundamentales de la web 2.0 y la rama que mas se quiere aprovechar y potenciar para las próxima etapa, web 3.0. Ahora les explicare otra razón mas de porque un framework nos ayuda tanto, a optimizar recursos y ser mas productivos.

Antiguamente, y ni tan antiguo, uno creaba un largo código para ocupar ajax, por ejemplo.

function newAjax(){
   var xmlhttp=false;
   try {
      xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
   } catch (e) {
      try {
         xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (E) {
         xmlhttp = false;
      }
   }   
   if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
      xmlhttp = new XMLHttpRequest();
   }
   return xmlhttp;
}

function setContent(page, container)
{
   container = document.getElementById(container);
   ajax=newAjax();
   ajax.open("GET", "/pages/"+page,true);
   ajax.onreadystatechange=function() {
      if (ajax.readyState==4) {
         container.innerHTML = ajax.responseText
      }
   }
   ajax.send(null)
}

Si se fijan es un código extenso y que obviamente tiene errores, ya que solo es capaz de crear un solo objecto XMLHttpRequest, es decir si uno realiza dos llamadas simultaneas realizaba ambas pero se sobreescribían, teniendo resultados inesperados y desconcertadores. Pues con Prototype es tan simple como esto:

function setContent(page, container)
{
   new Ajax.Updater(container, "/pages/"+page);
}

Simplemente con una linea podemos hacer lo mismo, y aquí ya no tendremos el error que comente anteriormente. Con Ajax.Updater primero identificamos el id el contenedor que actualizaremos, después la dirección del documento que llamamos, y hay un tercer parámetro que son sus opciones, que pueden ver en mas detalle en la wiki de scriptaculous.

Como para extender mas las funcionalidades, contamos por ejemplos con Ajax.Request, que es el encargado de realizar la consulta, este no inserta el contenido devuelto automáticamente, simplemente tiene parámetros como onComplete con el cual podemos definir que hacer con el contenido, bastante practico si queremos hacer por ejemplo un sistema de identificación. Además tenemos Ajax.PeriodicalUpdater, que es muy similar a Ajax.Updater, solo que nos da un parámetro extra con el cual podemos hacer que se actualiza cada n segundos.

Si ven las opciones son varias, la herramienta esta, solo falta que la ocupes, y como dije en otro articulo, el limite solo lo pones tu.

Enlaces:

Ajax en scriptaculous
Prototype JS
.

Ver VideosTe VerdeVideos 3GP3GPsomos tu y yo

septiembre 9, 2007 at 2:38 pm 10 comentarios

La web 2.0 en una imagen

Web 1.0 vs Web 2.0

Una forma bastante clara de ver que es una web 2.0 en comparación a una web 1.0.

Sin duda un gran cambio que esta  visiblemente clara, pensemos ahora cual seria el concepto central de la web 3.0, si la 1.0 era simplemente comunicar, en la 2.0 es socializar, la nueva etapa ¿qué tendría?, o simplemente sera una ayuda o una versión que potenciaría la idea 2.0?. En fin aun no lo sabemos, y por lo visto, como dicen en algunas personas entendidas en el tema, web 2.0 hay para rato.

Fuente: Le Web2.0 illustré en une seule image (vía wwwathsnew)
.

Ver VideosTe VerdeVideos 3GP3GPsomos tu y yo

septiembre 8, 2007 at 10:36 pm 2 comentarios

Entradas antiguas



Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.