elWebmaster.com

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

El buscador de Macintosh es muy popular por su estilo sofisticado que aparece en OS X, Safari y demás aplicaciones del entorno Mac. Tiene el ícono de una lupa a la izquierda que nos despliega algunas opciones de búsqueda y a medida que vamos escribiendo dentro del campo input aparece un ícono para limpiar el campo.

WebCore es un framework que incluye un motor de renderizado de HTML a Mac OS X. Mediante él podemos acceder a campos de búsqueda estilo OS X en Safari, usando atributos HTML específicos. ¡Entérate cómo lograrlo! Seguir leyendo

JW Image Rotator te permite crear un carrusel o galería de imágenes dinámica en Flash para tu sitio web. Posando el cursor por encima se habilita una botonera para avanzar o retroceder las imágenes.

Lo más importante es que mediante un API para Javascript puedes controlar completamente los efectos de trancisión y todo lo demás. Tú eliges las imágenes y luego incluyes la galería en tu sitio pegando un código embed como si se tratara de un video de YouTube. ¡Es así de fácil! Seguir leyendo

Ok, no es para que uses en un examen, jeje, pero la idea es que tengas a mano todas las funciones, métodos, expresiones regulares y eventos (además de una mini guía sobre el objeto XMLHttpRequest) en una sola hojita cerca de tu computadora para el momento en que asalten las dudas.

Esta fantástica hoja de trucos (machete, chuleta, cheat sheet o como quieras llamarle ^_^) viene en formato PNG (imagen) o en PDF y puedes descargarla gratis (haz clic aquí), imprimirla y repartírsela a tus amigos. ¿Qué esperas?

Una duda muy frecuente en el uso de Javascript es cuándo es necesario usar llaves o corchetes al trabajar con arrays.

Los corchetes se usan para series que poseen valores simples, mientras que las llaves son utilizadas para las series en que hay distintos objetos y propiedades con diferentes valores. Este último caso es bastante similar al sistema de PHP.

De todas formas debemos tener en claro que en JS por convención, las llaves definen objetos y no arrays. Veamos un par de ejemplos: Seguir leyendo