JavaScript
-
Galería de imágenes para tutoriales
Te has topado alguna vez con la necesidad de presentar imágenes de cada paso que realizas en tus tutoriales? Muchas veces queremos mostrar multiples imágenes sobre un proceso especifico en nuestros tutoriales. Con este sencillo tutorial sobre como crear una galería de imágenes para tutoriales, podemos lograr esto. Como lograrlo? Continua leyendo para que aprendas…
-
Cuenta regresiva en JavaScript
Esta cuenta regresiva en JavaScript, es un pequeño trabajo que mis jefes me pidieron para una pagina de productos. El concepto de la cuenta regresiva en JavaScript, es que el tiempo se reinicie cada X cantidad de tiempo para crear nuevas promociones que duren solo por ese tiempo restante. Código primario HTML bien simple El…
-
Contador de clicks fácil con HTML, CSS y JavaScript
Hola, alguna vez han pensado en contar la cantidad de click que hacen en un link o botón en su sitio? Pues aquí les traigo un contador de clicks fácil con solo HTML, CSS y JavaScript. Este código pueden utilizarlo en cualquier vinculo que tengan y así saber cuantas personas interactuan con tu contenido. Lo…
-
Como hacer un banner con efecto parallax HTML, CSS y JavaScript
Hola a todos, hoy vamos a aprender sobre como hacer un banner con efecto parallax para una pagina de destino. Aqui les dejo las imagenes que se en este ejemplo, aunque pueden usar cualquier imagen de su interes: El codigo HTML va a estar creado por una imagen que editamos previamente en Adobe Photoshop o…
-
Como crear partículas en JavaScript
Como crear partículas para incluirlas en un banner, o en alguna zona de su diseño web, puede resultar en un agregado atractivo para la terminación de cualquier sitio web. Si tienes algún proyecto que, en su propia opinion, desea que posea un poco de dinamismo fuera de lo regular, es probable que este pequeño código…
-
Como crear un slider con multiples productos
Hola, este es un post el en que podrán tener acceso al código sobre como cree un slider para presentar multiples generadores, el cual te permite elegir el que desees según los equipos que desees en un momento de emergencia. Aquí abajo les dejo un video con el funcionamiento y algún toque final, con el…
-
Como cambiar fechas de forma automática
Buenos días, hoy les traigo un pequeño script que les permitirá automatizar cualquier fecha que deseen presentar en su sitio web. El proyecto vino a razón de una necesidad de automatizar un segmento en una pagina web de un cliente, el cual hasta ese momento, debían hacerlo manualmente. Todas las semanas, se debía cambiar las…
-
Como integrar un mapa a tu sitio web
Hola, hoy vamos a ver como integrar un mapa en tu sitio web usando MapQuest. La idea viene de un cliente el cual tuvo la necesidad de agregar un mapa a su sitio para su negocio. Y aquí les dejo como hacerlo usando HTML5, CSS, y JavaScript. Lo primero es crearse una cuenta en la…
-
Slideshow con botón play pause
En esta entrada les presento como crear un slideshow con botón play pause que presenta dos imágenes por cada slide. Una imagen es para presentar en PC, y la otra version es para dispositivos mobile y pequeñas pantallas. Sin mas Aquí les dejo el código. El código html va a contener 4 imágenes, ademas de…
-
Cómo crear bloques en AngularJs
¿Tiene problemas con la creación de bloques para su sitio usando angular v1.x.x? Es algo con lo que lucho muchos días, pero hay una forma sencilla de solucionar el problema. En este artículo, aprenderá exactamente lo fácil que es como crear bloques en angularjs. Buscando dividir el contenido en mi página web, estaba buscando en…