La mayoría de nosotros permitimos html en nuestros comentarios, no demasiadas etiquetas pero si las necesarias para dar estilo a un mensaje correctamente. Para los usuarios acostumbrados a trabajar con HTML es lo más normal del mundo pero, para el resto del mundo, no significa nada y se tienen que conformar con enviar los post así, tal cual.
Como muchos incorporamos en nuestros sitios la librería jQuery he pensado que os vendría bien MarkItUp, un script con el que convertir cualquier textarea en un completo editor.
MarkItUp es muy ligero y personalizable, no es otro de esos editores llenos de características inútiles.
Y, por supuesto, lo de los comentarios sólo es una sugerencia de uso, obviamente sirve para cualquier otro formulario.
MarkItUp: http://markitup.jaysalvat.com
Si queréis añadir un toque extra de estilo a vuestros sitios y mostrar una transición de color cuando el usuario pinche o pase sobre algún elemento de la página ahora podréis fácilmente con este script: Javascript color fading script
Se trata de un script muy ligero con el que podréis añadir transiciones de color que afecten al fondo, borde o color de texto de los elementos de vuestro sitio.
Podéis ver una demo en el sitio del autor
No sé vosotros pero yo odio a muerte los selectores de fecha de algunos sitios, especialmente los de las reservas de hoteles o aviones. Un desplegable para la ida, otro para la vuelta…
Como parece que no soy yo sola la que los odia, nace Timeframe, en palabras de su creador, Stephen Celis porque:
I’m just sick of multiple date pickers on the same page
El script, que trabaja sobre Prototype, nos permite seleccionar rangos de fechas de múltiples meses con un simple movimiento de arrastrar y soltar.
Como no podía ser menos, en ie6 se ve que da asco, en los navegadores decentes va de lujo, pero parece que pronto habrá mejoras en los estilos y la experiencia será agradable para todos.
Timeframe: http://stephencelis.com/projects/timeframe
Via Ajaxian
Los que estamos acostumbrados a operar con banca online hemos visto miles de veces estos teclados virtuales, presentados en pantalla, mediante los que introducir nuestros datos sólo con la ayuda del ratón. Este tipo de medidas pretenden asegurar aún más esas entradas de datos sensibles, evitando que queden registrados mediante un keylogger o facilitando al usuario un teclado en el idioma adecuado (ya que puede encontrarse en otro país con un teclado que no admite caracteres especiales o que el usuario desconoce como usar).
Si vuestras aplicaciones precisan este extra de seguridad no olvidéis probar Virtual Keyboard Interface, un script javascript con el que añadir facilmente un teclado virtual a nuestros campos de texto y textareas. Su uso es sencillísimo, llamamos al script y la hoja de estilos en el head y le damos class="keyboardInput" al input o textarea a la que queramos acoplar el teclado.
Virtual Keyboard Interface está disponible para múltiples idiomas, entre los que se incluye la distribución de teclado del Español de España (que desconozco si es muy diferente de las empleadas en Latinoamérica).
Virtual Keyboard Interface: http://www.greywyvern.com/code/js/keyboard.html
No hace mucho, mientras hablaba de un parón de feedburner, os dejé saber de mis recelos hacia el modelo de negocio del “mash-up”, esa total dependencia de proveedores, ese tener que aprender un API nuevo para cada uno…
Uno de mis principales argumentos siempre ha sido el coste de migrar un servicio de un proveedor a otro, pongamos por ejemplo una aplicación que emplee Google Maps para hacerla compatible con Yahoo Maps. Pero, al menos en lo que respecta a los mapas, parece que mi problema toca a su fin.
Mapstraction nos provee de un API común con el que acceder a diversos servicios de mapas, así si mañana añaden una característica que nos interesa en otro proveedor – por ejemplo – podremos hacer el cambio sin problemas.
Actualmente, con Mapstraction accederemos a los datos proveidos por:
En el futuro tienen planes de integrar otros sistemas como Open Street Maps.
Una de las cosas más interesantes, para mi al menos, de Mapstraction es su uso de los microformatos adr y geo (empleados para indicar direcciones y coordenadas geográficas respectivamente).
Además, entre los trabajos basados en Mapstraction, encontramos GeoPress un plugin para WordPress y Movable Type que nos facilitará la tarea de insertar localizaciones (direcciones, coordenadas) y mapas en nuestros posts.
Mapstraction: http://www.mapstraction.com/
Es cierto, hay demasiadas alternativas a Lightbox como para que siga mereciendo la pena pararse a comentarlas. No obstante, Fancybox es especialmente atractivo.
Fancybox funciona con la librería jQuery y es un pequeño script con el que mostrar nuestras imágenes o grupos de imágenes con estilo. Fancybox viene con algunos efectos interesantes, como las animaciones al cerrar las imágenes o el indicador de carga que se sitúa sobre la minuatura de la imagen en lugar de ocupar toda la pantalla.
Sin duda, su aspecto es cuidado y su implementación sencilla. Además, el CSS está completamente separado del javascript, lo que facilita su personalización
Fancybox: http://fancy.klade.lv/
Via WebAppers
Hace un mes aproximadamente conocíamos el nuevo API de Google para insertar gráficos en nuestros sitios web de forma sencilla. Con la euforia de la novedad creo que pocos reparamos en lo completamente “inaccesible” que era.
Chris Heilman miembro del grupo de Accesibilidad de Yahoo!, dio a conocer una técnica con la que generar gráficos de tarta a partir de una tabla y de esta forma permitir que los usuarios de navegadores convencionales vean la imagen y el resto accedan a una tabla de datos. Para ello simplemente tendremos que añadir un javascript al final del cuerpo de la página con lo que, de un tiro, mejoramos la accesibilidad de nuestros datos y conseguimos gráficos rápidos sin todo el lío del API.
Sin duda es un gran ejemplo de como todo puede ser más accesible con sólo proponérnoslo y sin implicar páginas especiales o molestias para los usuarios convencionales.
Supongo que jugando con los parámetros del API, las celdas de la tabla y el javascript podríamos basarnos en este ejemplo para crear otro tipo de gráficos. Si os animáis a hacer pruebas ¡no os olvidéis de contárnoslo!
Via Ajaxian
Hace algún tiempo os comentaba una pequeña librería Javascript con la que hacer que IE6 se comportase como su hermano mayor y mejor educado IE7.
Como Internet Explorer 7 ya está en la calle, listo y disponible para cualquier usuario de Windows, Dean ha decidido actualizar la librería e incluir algunos cambios interesantes:
Sin duda es algo que todos los que nos pasamos el día peleando con Internet Explorer vamos a agradecer, sobre todo con la mejora en la velocidad ya que antes con algunos fixes se relentizaba toda la página un montón.
El color es, sin duda, una de las formas más simples de transmitir un mensaje. A pesar de que, para crear sitios accesibles, no debemos usar el color como único medio de comunicar un mensaje, nadie dice que sea malo hacerlo de forma complementaria.
HeatColor es un plugin para jQuery creado por Josh Nathanson que nos permite asignar colores a los elementos de nuestros sitios (como tablas, divs, listas…) basándose en valores, bien pasándole al programa los valores minimo y máximo, bien introduciéndolos manualmente.
HeatColor:
http://www.jnathanson.com/blog/client/jquery/heatcolor/index.cfm
Via Ajaxian
Datejs es una librería javascript con la que podrás manipular fechas y permitir a tus usuarios utilizarlas de una forma más intuitiva.
Seguro que lo habéis visto en aplicaciones como Remember the Milk! o Todoist, en lugar de tener que escribir las fechas completas podemos usar expresiones como “today”, “tomorrow” que se traducirán automáticamente en una fecha exacta.
Datejs está liberada bajo licencia MIT y disponible para descarga en Google Code y, por si fuera poco, dispone de soporte para múltiples idiomas (+ de 150) y cambiar el idioma es tan simple como:
<!-- Set the CultureInfo to de-DE (German/Deutsch) -->
<script type="text/javascript" src="date-de-DE.js"></script>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