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.

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 »
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.

Enlace: | HTMLArea | Descargar HTMLArea con ejemplos
Categoría: Recursos, JavaScript, Diseño Web |
No hay Comentarios »
Escrito por
J.F. el Lunes, 31 de Marzo del 2008 a las 7:40

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 »
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:
-
<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:
-
body {
-
preload-image: "files/image_01.gif";
-
preload-image: "files/image_02.gif";
-
}
Enlace: | MoreCSS
Vía: | Xyberneticos
Categoría: Recursos, JavaScript, CSS, Diseño Web |
2 Comentarios »
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.

Enlace: | Facebox | Descargar | jQuery
Categoría: JavaScript, Diseño Web |
2 Comentarios »
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.

Enlace: | Design
Vía: | Xyberneticos
Categoría: Recursos, JavaScript, Diseño Web |
No hay Comentarios »
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:

Enlace: | Coda-Slider | Demo | Descargar
Categoría: Recursos, JavaScript, Programación, Diseño Web |
No hay Comentarios »
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:
-
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:

Categoría: Google, Curiosidades, JavaScript, General |
No hay Comentarios »
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:

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 »
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:

Enlace: | Calendario realizado con Javascript
Categoría: Recursos, JavaScript, Diseño Web, General |
3 Comentarios »