elWebmaster.com

Dentro de lo que es la Web 2.0 existe un efecto muy usado: reflejar imágenes de forma tal que el reflejo se difumine poco a poco.
Para lograr esto es muy común utilizar herramientas como Photoshop o FireWorks, pero usar estas aplicaciones requiere un conocimiento avanzado de estos programas.

Para esto les traigo una solución que realmente me asombró por su simpleza, Reflection.js un script de Javascript que es verdaderamente ventajoso en estos casos. Seguir leyendo

Librerías Javascript como MooTools pueden ahorrarnos un montón de tiempo al desarrollar un sitio web. Combinada con un correcto HTML y CSS podemos lograr los efectos más profesionales y diversos, están en cada uno de nosotros las ganas de explorar su potencial.

En NETTUTS nos enseñan cómo lograr una galería de imágenes o portfolio de gran calidad (clic aquí para ver la demo), ideal para incluir en el footer de tu sitio o blog, o en una sección determinada, claro. Sólo tienes que descargar los archivos, reemplazar las imágenes por las tuyas y subirlo a tu sitio web.

A la hora de maquetar un formulario muchas veces nos podemos encontrar con que ciertos campos son complejos y pueden dar lugar a confusión, por lo que es necesario aclarar de qué tratan. Esto puede llegar a ser bastante molesto en el diseño, más si es necesario colocar varias aclaraciones.

Tooltip for forms nos da la posibilidad de agregar una aclaración a cualquier elemento del formulario que sólo será visible cuando se esté usando y desaparecerá una vez completado. Seguir leyendo

Las viejas versiones de los navegadores no sólo son inseguras, sino que son un dolor de cabeza para diseñadores web, desarrolladores y programadores porque suelen ser las que menos respetan los estándares. Si quieres aportar tu granito de arena, puedes avisar a los visitantes de tu sitio que dispongan de una versión antigua que existen actualizaciones disponibles para su navegador.

Pushup.js es un script que te permite reconocer qué versión de Internet Explorer, Safari, Opera o Firefox tienen los visitantes de tu sitio, mostrando un pequeño recuadro que dice “Importante actualización del navegador disponible” (o lo que quieras decir) con un enlace a la página de descarga. Todo gracias a Javascript. Seguir leyendo

Javascript es un lenguaje de los llamados débilmente tipado, significa que las variables que utiliza pueden ser usadas en cualquier contexto sin errores, el problema que esto puede traer es que en ocasiones es necesario para el programador saber qué tipo de variable se está manejando.

Un ejemplo simple puede ser un procedimiento que maneje independientemente números sueltos o vectores de números y realice un proceso diferente según el caso. Para solucionarlo puede utilizar el operador typeof, pero no es tan confiable como uno podría esperar. Seguir leyendo

Ha pasado bastante tiempo desde el último arreglo para PNG en Internet Explorer 6. Unit Interactive Labs estuvo perfeccionando un nuevo truco para que puedas usar PNG sin problemas de compatibilidad con la versión 6 del explorador de Microsoft.

La herramienta se llama Unit PNG Fix y está inspirada en el trabajo de 24ways.org. ¿Te contamos más? Seguir leyendo

Lo veo y no lo creo, lo juego y sigo sin poder creerlo. Scott Schiller, un verdadero geek, pasó tres noches programando una versión del Defender (conocido arcade de antaño) ¡dentro de un favicon! Realmente hay que estar loco de remate, pero eso es lo que ahora le agradecemos.

Defender of the favicon se juega desde su página web, presionando la tecla N para comenzar y disparar los láseres de una nave que controlamos con las flechas del teclado. También presionando Enter podemos pausar o reanudar el juego. Está hecho en 16 x 16 píxeles con Javascript, canvas y data: URIs. Seguir leyendo

Sin duda todo diseñador se encuentra en un inconveniente a la hora de realizar checkboxes y radio buttons ya que puede resultar bastante engorroso cambiar el diseño que viene por defecto, especialmente en los navegadores más antiguos, lo que le quita bastante estética al sitio.

FancyForm es un script realizado mediante CSS y Javascript, junto con distintas imágenes, que nos da la posibilidad de cambiar este tedioso formato que tienen los checkboxes por otros que poseen un diseño más interesante y bonito. Seguir leyendo

Lo natural en la web parece ser el flujo vertical de los elementos, cuanto más contenido hay en una página, más larga se vuelve la misma. Esto responde a criterios de usabilidad dado que estamos acostumbrados a leer líneas de texto cortas que, una debajo de otra, conforman los párrafos de un texto.

Pero ¿se pueden romper los estándares? La respuesta es: “depende de tu propósito”. Si lo que quieres es distinguirte, tu público tiene el ojo entrenado y el tipo de contenido de tu sitio amerita dinamismo ¡bienvenido sea el scroll horizontal! Entérate cómo conseguirlo y conoce los mejores ejemplos. Seguir leyendo

Muchos estaban preguntando cómo crear en un borde de su sitio web o blog una pestaña dinámica que al hacer clic en ella despliegue un panel con publicidad, un par de campos de login de usuario, enlaces, etc. Esto es muy sencillo de hacer si nos ayudamos con CSS y Javascript (via MooTools).

Y aquellos que se estén preguntando qué pasa si alguien desactiva Javascript en nuestro sitio pero no desactiva los estilos CSS, les cuento que también tenemos un truco para que no aparezca el panel en este caso. ¿Qué esperan para comenzar? Seguir leyendo