Los formularios, no hace mucho hablabamos de que tenemos que conseguir que nuestros visitantes se interesen los suficiente para rellenarlos pero ¿y si les facilitamos un poco más la tarea?
GeoFill es una librería javascript basada en Yahoo Geo y Geo IP con la que podrás ofrecer a tus usuarios varias formas de completar automáticamente los campos relativos a su localización (ciudad y país).
En primer lugar puedes hacer la detección automáticamente con cada visita y después permitir que los usuarios decidan si esos datos que has obtenido son correctos o no y si desean utilizarlos.
En segundo lugar podrás esperar a que el usuario decida realizar la detección y hacerla en base a su dirección IP o a su código postal (aunque esto último es algo más complicado ya que muchos países usamos códigos similares) e igualmente permitir al usuario desechar o utilizar los datos.
En mi caso, el script es más bien poco fiable, cuando se hace la detección por IP me pone en Santiago de Compostela y cuando la intento por código postal me pone en los Estados Unidos, por eso me parece más que importante la opción de introducir mis datos manualmente pero estoy segura que a mucha gente le funciona estupendamente el sistema y para ellos será una ventaja interesante.
GeoFill: http://icant.co.uk/geofill/index.php
Vía Ajaxian
Hace unos días (más de los que había planeado en principio, lo siento) Fsc Xavier me preguntaba la forma de conseguir un menú acordeón básicamente sólo con CSS que mostrase los elementos anidados con sólo pasar el ratón por encima.
A pesar de que puede conseguirse, mi recomendación es no liarse en cosas tan raras y dejarse seducir un poco por el javascript. Con este plugin de jQuery es muy sencillito de hacer y, además, para los usuarios sin javascript es completamente accesible.
Para conseguir nuestro menú simplemente tendremos que llamar a la librería y el plugin como de costumbre, versiones minimizadas a poder ser, e inicializamos el script pasándole el id de nuestro menú y, si queremos, la configuración para nuestro acordeón.
<head>
...
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.hoveraccordion.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('mimenu').hoverAccordion();
</script>
</head>La estructura del menú consiste en una lista desordenada, como la de cualquier menú con listas anidadas.
<ul id="mimenu">
<li><a href="#">Item 1</a>
<ul>
<li>Subitem 1a</li>
</ul>
</li>
<li><a href="#">Item 2</a>
<ul>
<li>Subitem 2a</li>
</ul>
</li>
</ul>Para descargar el plugin y ver un par de ejemplos de uso dirigíos a la página del autor.
HoverAccordion: http://berndmatzner.de/jquery/hoveraccordion/
Si sueles publicar ficheros con música o podcasts seguro que ya has probado más de una opción para hacerte la tarea de introducir un reproductor de audio lo más sencilla posible.
No sé si ya lo habrás conseguido pero más sencilla que la que nos proponen con el Yahoo! Music Player lo dudo.
Para hacerlo funcionar simplemente tendrás que incluir el script en tus páginas (sin necesidad de descargarlo, llamándolo directamente a los servidores de Yahoo!) y enlazar tus ficheros mp3.
Con sólo ese enlace, colocarás un boton de play/pause con el que tus usuarios podrán escuchar directamente el fichero. El script detectará todos los enlaces a .mp3 de tu sitio y los convertirá en una lista de reproducción. Además, pondrás a su disposición un completo reproductor de audio con el que controlar lo que escuchan, permitiéndoles moverse entre los diferentes archivos de forma cómoda.
Yahoo! Media Player: http://mediaplayer.yahoo.com/
Via Feed My App
ByScripts es un pequeño sitio en el que podemos descargar tres estupendos plugins para MooTools liberados bajo licencia MIT.
Desconozco si se irá ampliando la colección pero estaría bien ¿no?. Los scripts disponibles son:
ByScripts: http://www.byscripts.info
Creo que para muchos jQuery ya es nuestra librería javascript de cabecera, es sencilla de usar y potente.
Aún así, para muchos no tan hábiles desde el lado del código siempre viene bien cualquier ayuda posible, sobre todo si convierte la tarea de crear efectos en algo tan sencillo como seguir un asistente.
Glimmer es una aplicación de escritorio para WIndows (con los fuentes disponibles así que espero que pueda compilarse para otros sistemas) que te permitirá crear menús desplegables, tooltips, rotación de imágenes y otros efectos cómodamente desde tu escritorio y sin tocar ni una línea de código.
Glimmer: http://visitmix.com/Lab/Glimmer
Ya hay muchos plugins y scripts con y sin jQuery para crear sistemas de pestañas y sliders con javascript, no obstante este me ha llamado la atención por la sencillez de uso y los efectos que incluye.
tabSwitch es completamente personalizable con CSS y requiere muy poco código para empezar a funcionar, además el código es muy sencillo y está bastante bien explicado para que no te cueste nada adaptarlo a tus necesidades.
El HTML debería ser algo como esto:
<div id="tabSwDisplay">
<div class="SlideTab" id="Tab0">
...
</div>
<div class="SlideTab" id="Tab1">
...
</div>
<div class="SlideTab" id="Tab2">
...
</div>
<div class="SlideTab" id="Tab3">
...
</div>
<div class="SlideTab" id="Tab4">
...
</div>
</div>
Y el javascript:
//Con este código creamos la pestaña
$('.SlideTab').tabSwitch('create', {type: 'slide', height: 300, width: 440});
//Este código sirve para movernos adelante y atrás entre las pestañas
$('.SlideTab').tabSwitch('moveStep',{step: parseInt($(this).attr('rel'))});
//Este para movernos a una determinada pestaña en base al atributo rel
$('.SlideTab').tabSwitch('moveTo',{index : $(this).attr('rel') });Veo en Anieto2k un enlace a otro “metodo infalible” para erradicar el Internet Explorer 6 y no salgo de mi asombro.
IE 6 Update es un plugin desarrollado con jQuery que se basa en, ni más ni menos, hacerse pasar por uno de esos avisos propios del navegador y hacer creer al usuario que debe descargarse una actualización del navegador para poder visitar el sitio.
A pesar de que la idea de hacer desaparecer el IE6 de la faz de la tierra me parece buena, tratar de engañar a los usuarios para que se actualicen no me parece que sea el camino a seguir.
Básicamente, estamos timando al usuario. Eso no es un aviso de sistema, ni mucho menos, somos nosotros usando un aviso de sistema para que hagan lo que queremos. A nadie nos gusta que nos engañen ¿Verdad? A mi me recuerda sospechosamente a esos anuncios de antivirus fraudulentos que te lanzan lo que parece una ventana de diálogo del sistema operativo para que pulses sobre su banner sin darte cuenta de lo que es.
Si queremos notificar a nuestros usuarios para que se actualicen estoy segura que hay métodos mejores, desde incluir un par de líneas de texto redactadas con cortesía mediante un comentario condicional para usuarios de IE6 hasta poner un banner de esos de “Usa Firefox”. Lo que sea siempre que no interfiera en las actividades del usuario (como los scripts que bloquean a usuarios de IE6) ni le engañe para que haga cosas que no sabe si quiere hacer (como este caso). Prefiero la aproximación de educar y dejar escoger que la de obligar e imponer.
En mi caso, como ya os he dicho mil veces, este sitio en Internet Explorer 6 se ve, feo pero se ve, no le falta nada esencial pero no está optimizado. Ese es mi acercamiento a dejar de dar soporte a IE6, siempre que se pueda claro.
Para mí el fin no justifica los medios ¿y para vosotros?
Hala, una más para la lista de galerías de sitios. Esta vez es una galería de sitios que usan jQuery, por lo menos es original.
En Use jQuery la idea es recopilar sitios que usan esta librería javascript y mostrarnos cómo lo hacen. Para ello se incluyen las líneas de código correspondientes al trabajo con jQuery para que podamos ver como programan otros, aprender de ellos, de sus errores y aciertos.
El sitio viene acompañado de un blog con tutoriales y experimentos.
Use jQuery: http://usejquery.com/
Blog: http://thisblog.usejquery.com/
Vía Xyberneticos
Vale, el título me ha quedado un poco críptico pero básicamente la idea es que, al igual que personalizamos nuestras páginas de error 404, podamos mostrar a nuestros usuarios un icono personalizado que sustituya a esa fea X roja que suele aparecer en el navegador cuando una imagen no se encuentra disponible.
David Walsh ha creado un sencillo script con Mootools que nos permitirá darle a nuestros sitios un toque más de refinamiento, incluso cuando se produzcan errores tan molestos como que se corrompa una imagen, desaparezca del disco duro donde se encuentra o, simplemente, hayamos metido la pata al llamarla.
Use Custom Missing Image Graphics Using MooTools
Demo: http://davidwalsh.name/dw-content/image-error-moo.php
En esto de la web, el tamaño importa y, por lo general, a más pequeño mejor.
TinyJS es un sitio web dedicado a recopilar scripts que, a pesar de tener un tamaño casi ridículo, son potentes y prácticos.
Los scripts se dividen en categorías por librería: jQuery, YUI y MooTools.
Tiny.js: http://tinyjs.com/
Vía Intenta
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
El principal motivo por el que no recomiendo utilizar Smarty es porque el propio PHP tiene una sintaxis embebida, lo que permite utilizarlo sin más para escribir plantillas web.
Guerra Creativa es una comunidad para Creativos. Nosotros te proporcionamos el campo de batalla y el armamento para conquistar el mundo creativo. A través de concursos de diseño web y de logos, l…
Con este Ebook puedes tener un sitio web con hospedaje y domino gratis, ademas de un CMS gratis, no debes registrarte en nada, lo unico que debes hacer es luego de leerlo compartirlo, regalarlo, si…
Lista de 32 sitios para descargar imagenes gratis, es una recopilacion de no uno ni dos sino 32 Bancos de Imagenes
Post para aprender a descargar las conocidas librerías de Evermotion para diseñadores que trabajan con 3Ds Max.
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Ver más noticias de los usuarios