El Comercio Digital

Webmaster Libre

Desarrollo Web con Software Libre

Estás navegando por el archivo de la categoría Scripts

Arreglo rápido para los PNG en Internet Explorer 6

Ya hemos hablado por aquí de algunas soluciones para que el Internet Explorer 6 trabaje adecuadamente con los PNG, no obstante, se trata de soluciones que requieren «bastante trabajo» por nuestra parte.

Via dzone descubro que Angus Turnbull hace tiempo que había dado con una solución mucho más sencilla y rápida: IE PNG Fix

Nos descargamos el archivo iepngfix.zip y subimos a nuestro servidor los archivos iepng.htc (el script en si mismo) y blank.gif (una imagen gif transparente). Editamos el archivo iepng.htc, si es necesario, para que sepa donde está situado el gif transparente e introducimos algo como la siguiente línea en nuestro css:

img { behavior: url(iepngfix.htc); }

Simplemente con eso, ya está. Además soporta las imágenes utilizadas como fondo, simplemente añade la propiedad a cualquier elemento que tenga establecido un fondo en PNG de la forma habitual.

img, #header, .class, blockquote { behavior: url(iepngfix.htc); }

En el archivo que nos descargamos viene incluida una demostración con una explicación bastante clara del funcionamiento del script. Sin duda simple y muy cómodo. ¡Se acabaron los GIFS de mala muerte!

CSS, Navegadores, Scripts

19 Comentarios

Tooltip.js versión 0.2

Hace algún tiempo tocamos por encima unos cuantos scripts javascript que nos permitían crear atractivos tooltips para nuestros sitios web. Hoy ha aparecido la versión renovada y mejorada de uno de ellos: tooltip.js de Jonathan Weiss.

tooltip.js en accion

Esta versión introduce dos mejoras fundamentales:

  1. Sigue correctamente al ratón cuando usamos Firefox. Muy útil cuando usamos posicionamiento absoluto en nuestras hojas de estilo
  2. Gracias a Xabier Lepaul, ahora podemos crear tooltips de un texto existente. Esto nos permite, por ejemplo, crear tooltips para los atributos tittle

Puedes ver una demo o descargar el archivo tooltip.js del blog del autor.

tooltip.js – version 0.2

Via Ajaxian

Javascript, Scripts

Comenta

SWFObject: Detectando e insertando Flash en nuestros sitios

Utilizar flash en nuestros sitios es siempre una elección controvertida, su incompatibilidad con ciertos SO, etiquetas que no funcionan en algunos navegadores, sus defectos en el campo de la accesibilidad y SEO…

SWFObject (anteriormente conocido como FlashObject) es un script Javascript que pretende disminuir tus dolores de cabeza. Este script puede detectar automáticamente el plugin en la mayoría de navegadores y está pensado para facilitar la tarea de embeber contenido Flash en nuestros sitios. Además es amistoso con los buscadores, degrada sin inconvenientes para navegadores sin javascript o flash, pude insertarse en páginas HTML y XHTML válidas (siempre que el XHTML se sirva como text/html) y será compatible con subsiguientes versiones de navegadores y plugins.

SWFObject: http://blog.deconcept.com/swfobject/

Edición:

Me recomiendan que os comente que el script creado por David y que podeis encontrar en: http://armonia.spiral-static.org/?2006/09/19/144-activar-contenido-embebido-con-javascript es una mejor alternativa a SWFObject.

Javascript, Recursos, Scripts

5 Comentarios

ColorJack Plugin: Un colorpicker en DHTML libre

Seguro que conocéis ColourMod y el excelente plugin DHTML que venden, es una buena idea tener uno de esos a mano pero ¿pagar por algo que no puedes modificar? Personalmente, prefiero evitarlo.

Hace tiempo os comenté la existencia de ColorJack un avanzado selector de colores. Sus creadores han decidido ahora regalarnos el ColorJack Plugin.

Colorjack Plugin

ColorJack Plugin es un ligero script DHTML (24.5k) que te permitirá introducir un selector de colores en tus proyectos y adaptarlo o modificarlo a tu antojo gracias a su licencia Creative Commons.

ColorJack Plugin: http://www.colorjack.com/plugin/

Recursos, Scripts

1 Comentario

Mejorando tus formularios con Javascript

Formulario

En Javascript Examples han publicado una recopilación de interesantes scripts que nos ayudarán a hacer nuestros formularios más atractivos y útiles.

Improving HTML forms with Javascript

Herramientas Online, Recursos, Scripts

Comenta

Ratings en AJAX y no obtrusivos

Unobtrusive AJAX Star Rating Bar

Si andabas buscando un sistema de ratings para tus sitios web que mediante PHP almacene las valoraciones dadas por tus usuarios en una base de datos MySQL y todo ello sin necesidad de refrescar la página gracias a AJAX, deberías echar un vistazo al Unobtrusive AJAX Star Rating Bar de Masuga Web Design.

Si el usuario tiene un navegador con Javascript habilitado podrá dar sus valoraciones sin abandonar la página y si no, igualmente podrá valorar el recurso pero refrescando la página.

En el sitio del autor podréis encontrar más informaciones e instrucciones, incluso para integrarlo en WordPress.

Unobtrusive AJAX Star Rating Bar:
http://www.masugadesign.com/the-lab/scripts/unobtrusive-ajax-star-rating-bar/

AJAX, PHP, Recursos, Scripts

Comenta

Script.aculo.us Select Box 0.2

Script.aculo.us Select Box Logo

Gabriel Lanzani me avisa al correo electrónico (gracias) de la liberación de la versión 0.2 de su script Script.aculo.us Select Box.

Con esta clase javascript podremos agregar selects agradables a la vista en nuestros sitios web.

Ejemplo de Select Box

Esta basada en Prototype y requiere Script.aculo.us.

Características:

  • Reemplazar los viejos y feos select
  • Efectos visuales
  • Skinnable a travez de CSS
  • Extensible

Script.aculo.us Select Box: http://www.glanzani.com.ar/select/index_es.htm

Javascript, Recursos, Scripts

2 Comentarios

Dale vida a tus textarea

Si quieres darle un poco de vida a las textareas de tus formularios puedes probar las Textarea Tools.

Textarea Tools

Son 3 scripts que puedes utilizar solos o juntos que te permitirán:

  • Incluir un botón para aumentar/disminuir el tamaño del area de texto y de la tipografía
  • Contar el número de palabras insertadas
  • Limitar el máximo de palabras que se pueden introducir

Textarea Tools:
http://livsey.org/experiments/textareatools/

No os perdáis la versión plugin para WordPress disponible en Anieto2K

Javascript, Scripts

1 Comentario

FreeStyle Menus

Angus Turnbull ha creado un script llamado FreeStyle Menus que nos permitirá crear menús emergentes con html y javascript.

FreeStyle Menu Demo

Entre sus ventajas destacan:

  • Formateo con CSS puro, bien mediante listas anidadas bien mediante divs
  • Elementos accesibles, tanto para los buscadores como para los lectores de pantalla
  • Degrada a menues sólo CSS cuando no está activado el Javascript
  • Dispone de un framework que te facilitará la implementación de animaciones
  • Permite la navegación por teclado

En cuanto a la licencia es «donationware» es decir, si puedes, haces una donación y eliminas el enlace visible que, de otra forma, deberás mostrar en tu sitio web.

FreeStyle Menus

Javascript, Scripts

Comenta

jQuery Spy

Via Ajaxian descubro jQuery Spy, un script creado por Remy Sharp que te permitirá crear un “Espía” del estilo de Digg o Menéame, implementado sobre jQuery.

Upgraded jQuery Spy

Scripts

Comenta

Información:

Webmaster Libre es un blog de Alma Fernández Página alojada en Redcoruna