Etiqueta: javascript

[Freebie] Lightboxes molones con SweetAlert2

[Freebie] Lightboxes molones con SweetAlert2

¿Buscas un sustituto elegante y bonito de los mensajes de alerta tipo alert(«»); de javascript? ¿buscas un sustituto de las librerías para hacer diálogos user friendly estilo fancybox o lightbox? ¡Sweetalert 2 podría ser tu solución! En el siguiente enlace podrás ver ejemplos de su uso y diseño, así como descargar la librería gratis: limonte.github.io – …

+ Read More

Generador de animaciones CSS 3

Generador de animaciones CSS 3

CSS no proporciona una manera fácil de hacer una pausa en una animación antes de que continué de nuevo. Sí, hay un retardo en la animación, pero esto simplemente indica un retraso en el comienzo de la animación, es decir en la carga  Animate proporciona una manera fácil de calcular los porcentajes de fotogramas clave para que …

+ Read More

¿Cómo hacer un menú deslizable con responsive design?

¿Cómo hacer un menú deslizable con responsive design?

Android puso de moda los menús de navegación deslizables en los que o bien arrastrando el panel lateral o pulsando un botón, se desplegaba el menú de navegación. ¿Cómo conseguir este efecto en Web con HTML + CSS + Javascript? En el siguiente enlace tienes la solución: designmodo.com – canvas sliding navigation menu

Web Starter Kit, de Google, para diseño web para todos los dispositivos

Web Starter Kit, de Google, para diseño web para todos los dispositivos

¿Quieres diseñar una Web que se vea bien en un PC, MAC, Tablet y Smartphone? Gracias a Web Starter Kit de Google, podrás crearlo fácilmente a través de la técnica de responsive design. Web Starter Kit emplea Javascript, CSS y HTML, y podrás crear webs adaptables a los diferentes dispositivos fácilmente. Pruébalo en: Web Starter Kit …

+ Read More

Cómo añadir un Huevo de Pascua en tu Web con jQuery

Cómo añadir un Huevo de Pascua en tu Web con jQuery

Seguro que habéis visto más de una Web que tras una combinación de teclas muestra alguna imagen o hace algún efecto especial. Esto tanto puede ser una técnica de marketing viral por parte de los dueños de la página como una broma por parte de los programadores.  Esta técnica es conocida como «Código Konami» (aka …

+ Read More

Cómo hacer scroll en javascript

Cómo hacer scroll en javascript

Para realizar scroll con javascript e ir a la parte superior de la página u otra posición basta con que añadáis el siguiente código en un bloque javascript (por ejemplo entre los tags <script language=»javascript»> AQUI </script> (donde pone AQUI) scroll(0,0); Si lo haces desde dentro de un frame o iframe: parent.scroll(0,0); El valor 0,0 …

+ Read More