website stats » JavaScript | Informática Práctica |

Añade un link para descargar vídeos de Youtube en MP4

Escrito por J.F. el Martes, 13 de Mayo del 2008 a las 20:20

Vamos con un tip muy simple, pero que puede resultar muy útil a los usuarios aficionados a ver vídeos de Youtube.

Si deseas poder ver un link para descargar el vídeo de Youtube en formato MP4, podrás conseguirlo de forma fácil, simplemente has de arrastrar el siguiente link a la barra de tu navegador (yo uso Firefox), para tenerlo bien a mano, y cuando estés viendo un vídeo que desees descargar, simplemente deberás pinchar sobre el enlace, que tiene un código Javascript que nos muestra el link de descarga del archivo.

Link descarga Youtube

Nos situamos sobre el link, botón derecho, guardar enlace como. Se descarga con extensión HTML, por lo que deberemos cambiársela. Aquí tienes el enlace para añadir en tu navegador:

Añadir link para descargar vídeos de Youtube

Vía: | Emezeta

Categoría: Curiosidades, Multimedia, JavaScript | No hay Comentarios »

HTMLArea, otro editor para utilizar en tus proyectos web

Escrito por J.F. el Martes, 1 de Abril del 2008 a las 14:02

HTMLArea es otro editor WYSIWYG, al igual que TinyMCe o FCKEditor, que podemos utilizar a la hora de construir nuestros proyectos web. Éste tipo de editores son realmente útiles, a la hora de realizar aplicaciones como portales de noticias, blogs o foros.

En todo ese tipo de aplicaciones, se utilizan textareas para redactar el texto. Si utilizamos un textarea normal, el usuario no podrá darle formato a lo que escriba, o necesitará conocer el lenguaje html. Por ello éste tipo de editores que funcionan con Javascript son ideales, ya que mediante sus barras de herramientas van dando a todo el texto el formato html deseado, para posteriormente introducirlo en la base de datos.

Así al extraer todo el contenido de un psot de un foro, o una noticia de un blog, puede recuperar el formato que le dió el usuario. HTMLArea es un proyecto que ha dejado de tener mantenimiento, pero lo he estado probando y es bastante recomendable.

HTMLArea

Enlace: | HTMLArea | Descargar HTMLArea con ejemplos

Categoría: Recursos, JavaScript, Diseño Web | No hay Comentarios »

How To Page Peel Effect, script para las esquinas de tu web

Escrito por J.F. el Lunes, 31 de Marzo del 2008 a las 7:40

How To Page Peel Effect

How To Page Peel Effect es un curioso script realizado con Javascript + Imágenes + Flash, que nos permitirá añadir en nuestro sitio web, situado en la esquina superior izquierda, un efecto que seguro que habrás podido ver ya en algunas páginas, es como un pliegue, que al situarse sobre él parece como si una hoja de papel se doblase.

Normalmente éste script es de pago, pero gracias a Xyberneticos lo tenemos de forma gratuita. Muy utilizado en muchos sitios web para colocar publicidad, aunque puedes poner lo que desees.

Enlace: | Descargar y más información

Categoría: Recursos, JavaScript, Diseño Web, General | 1 Comentario »

Amplia las propiedades CSS con el script MoreCSS

Escrito por J.F. el Domingo, 16 de Marzo del 2008 a las 13:06

Una vez más, gracias al empleo de Javascript, podemos encontrar una biblioteca con la cual poder ampliar las funcionalidades de nuestro sitio web. Con MoreCSS, seremos capaces de incluir nuevas propiedades CSS, como abrir enlaces en una nueva ventana de un tamaño determinado, crear tooltips, precargar imágenes...

Por ejemplo, para realizar una precarga de imágenes, simplemente hemos de descargarnos el script y realizar la llamada en el head:

HTML:
  1. <script src="http://www.tusitio.com/MoreCSS.js" type="text/javascript"></script>

En nuestro fichero CSS, dentro de la etiqueta body, podremos realizar la precarga de imágenes de la siguiente manera:

CSS:
  1. body {
  2. preload-image: "files/image_01.gif";
  3. preload-image: "files/image_02.gif";
  4. }

Enlace: | MoreCSS
Vía: | Xyberneticos

Categoría: Recursos, JavaScript, CSS, Diseño Web | 2 Comentarios »

Facebox, jQuery para abrir imágenes

Escrito por J.F. el Martes, 8 de Enero del 2008 a las 17:38

Facebox es otro script realizado con jQuery que nos permite crear un bonito efecto similar al de Thickbox o Lightbox. Tan solo necesitamos incluir jQuery 1.2.1 y descargar Facebox para comenzar a usarlo. Se puede incluir Ajax, imágenes u otro contenido como un div, que será precargado acompañado de un gif de precarga, y mostrará el contenido una vez haya terminado de cargar.

Facebox

Enlace: | Facebox | Descargar | jQuery

Categoría: JavaScript, Diseño Web | 2 Comentarios »

Paquete de herramientas para el diseño web

Escrito por J.F. el Jueves, 20 de Diciembre del 2007 a las 8:00

Descubro en Xyberneticos una curiosa herramienta muy útil para webmasters, que podremos usar en cualquier página web que visitemos. Dispone de rejillas, guías, incluso un marcador de posiciones. Podemos calcular las coordenadas de determinado elemento, o averiguar la distancia entre 2 puntos con ésta herramienta.

La herramienta se llama design, y no hace falta instalarla, puesto que solo es un enlace Javascript que añadimos a nuestros marcadores, y que cuando queramos usarlo tan solo deberemos ir a la página deseada y hacer click sobre él.,Una muestra más de la potencia y utilidad de Javascript.

Design

Enlace: | Design
Vía: | Xyberneticos

Categoría: Recursos, JavaScript, Diseño Web | No hay Comentarios »

Coda-Slider, curioso efecto con Javascript

Escrito por J.F. el Martes, 18 de Diciembre del 2007 a las 12:36

Coda-Slider es un efecto creado con jQuery que nos permitirá crear una curiosa forma de navegar a través de nuestra web. Podemos dividir la información en varias pestañas móviles, y al ir pulsando en los diferentes enlaces el contenido de la web se irá moviendo como si de una cinta de película se tratará, tanto hacia delante como hacia atrás.

Lo he probado tanto en Firefox como en Explorer, y funciona bastante bien. Un efecto muy chulo para implementar en nuestras páginas web:

Coda Slider

Enlace: | Coda-Slider | Demo | Descargar

Categoría: Recursos, JavaScript, Programación, Diseño Web | No hay Comentarios »

Remolino de imágenes en Google Images

Escrito por J.F. el Domingo, 9 de Diciembre del 2007 a las 11:26

Curioso truco que me encuentro en ElGeek, para poder realizar un remolino de imágenes en Google Images. Creo que el truco debe funcionar en cualquier página con multitud de imágenes. Tan sólo has de realizar una búsqueda cualquiera, e introducir en la barra de direcciones el siguiente código Javascript:

JavaScript:
  1. javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI= document.images; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5 ); void(0)

Inmediatamente podrás observar un remolino de imágenes como el que he realizado con fotos de Scarlet Johanson:

Scarlet Johanson

Categoría: Google, Curiosidades, JavaScript, General | No hay Comentarios »

Fancy form, personalizando formularios con Javascript

Escrito por J.F. el Viernes, 23 de Noviembre del 2007 a las 9:38

Fancy form es un script realizado mediante CSS+Javascript, junto con imágenes, que nos permitirá cambiar al habitual diseño por defecto de checkboxs y radio buttons, por otros con mejor diseño y más bonitos. El resultado es el siguiente, y al pinchar sobre cualquiera de ellos cambia su estado:

Fancy form

Para utilizarlo simplemente hay que llamar a un par de ficheros Javascript y listo, como explican en su página web.

Enlace: | Fancy form | Demo

Categoría: Recursos, JavaScript, CSS, Diseño Web | No hay Comentarios »

Calendario realizado con Javascript para tu web

Escrito por J.F. el Jueves, 22 de Noviembre del 2007 a las 23:34

Bonito calendario realizado con Mootool, hecho con Javascript no intrusivo. Una buena alternativa para tu página web si deseas poner en algún campo de texto una fecha, facilitando así la tarea al usuario. Tienes 3 diferentes diseños de calendario. A mí me gusto el que puede ver en la imagen:

Calendario Javascript

Enlace: | Calendario realizado con Javascript

Categoría: Recursos, JavaScript, Diseño Web, General | 3 Comentarios »

« Entradas previas