elWebmaster.com

jQuery postMessage permite la comunicación window.postMessage de forma fácil y sencilla en navegadores que la soportan, cayendo en un método de comunicación document.location.hash para todos los otros navegadores.

Con la incorporación del método window.postMessage,  JavaScript finalmente obtiene un método fantástico para la comunicación de iframes de dominio cruzado. En esta nota te explicamos cómo hacerlo. Seguir leyendo

Si te sirvieron los snippets de javascript y jQuery que posteé anteriormente, aquí tienes una segunda entrega para ahorrar tiempo en tus desarrollos en el frontend.

Esta vez con snippets para chequear cookies, tildar/destildar varios checkboxes, validar una fecha de nacimiento, centrar elementos en la pantalla, obtener urls y saber si el usuario presiona una tecla en especial. Seguir leyendo

Somos varios los desarrolladores que tenemos un juego de snippets siempre a mano para no perder tiempo reescribiendo código idéntico una y otra vez.

Para los que se especialicen en el Frontend, aquí les dejo un puñado de snippets de Javascript y jQuery para validar e-mails, chequear la carga de imágenes, desactivar el clic derecho del mouse, pasar parámetros con setTimeout, crear selectores personalizados y cancelar peticiones de AJAX. Seguir leyendo

Con las tablas HTML básicas, se presenta la estructura y la forma de la tabla heredando el estilo HTML nativo. Si quieres modificar cómo se verán, necesitas cambiar el código HTML o añadir atributos a todas las etiquetas de las tablas, para luego darle estilo con CSS.

Ya hace un tiempo les trajimos un artículo con 15 plugins jQuery para manejar tablas y el día de hoy les mostraremos algunas soluciones basadas en MooTools para hacer sus tablas más dinámicas e interesantes. Seguir leyendo

Hoy les vamos a enseñar cómo crear un sorprendente menú de navegación con solapas desplegables para sus sitios web, mediante CSS y jQuery.

La navegación estará casi totalmente oculta, los ítems sólo se deslizarán hacia afuera cuando el usuario pase el mouse sobre el área cercano a ellos, algo similar a un índice telefónico, valiéndonos del efecto slide() de jQuery. Seguir leyendo

El reflejo espejado tan 2.0 tiene muchas aplicaciones. Sin embargo, no es muy práctico si a cada imagen a la que queremos dar este efecto la tenemos que abrir y editar en Photoshop.

Deja de perder el tiempo y conoce cómo hacer este efecto con Reflection.js de forma automática, aplicando JavaScript. Seguir leyendo

Twitter y Facebook están utilizando las mismas técnicas para cargar tweets y actualizaciones anteriores. El sistema muestra de forma predeterminada la información que es nueva y ofrece el botón “más” o “more”. Al cliquear sobre el botón, la información anterior (antiguos tweets, actividad de usuario) se despliega en pantalla.

En este tutorial, les mostramos una forma muy sencilla y fácil de lograr un efecto similar en tu propia web. Seguir leyendo

Seguramente estén familiarizados con el plugin jQuery Dock que permite a los desarrolladores crear un menú como la Apple Dock.

En el artículo de hoy, te enseñaremos cómo crear un menú similar con el efecto burbuja utilizando simplemente CSS. Seguir leyendo

Una técnica muy utilizada últimamente es la grabación con AJAX del texto seleccionado, lo que puede resultar muy útil para detectar qué términos de nuestra web comparten o copian y pegan en los buscadores nuestros visitantes.

En el artículo de hoy hemos duplicado esa funcionalidad utilizando una librería javascript MooTools y otra librería JavaScript jQuery. ¡Utiliza la que te resulte mejor! Seguir leyendo

YouTube posee la genial funcionalidad “cambiar vista” que permite cambiar entre modo “normal” y “wide” para así expandir o reducir el área del video.

Pero lo mejor de este efecto es que aunque el diseño cambia, se mantiene con un aspecto similar, y toda la información se mantiene fácilmente accesible. ¿Deseas implementarlo en tu sitio? Seguir leyendo