CSS
-
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…
-
Como hacer un fondo degradado en HTML
Hola, en este post, vamos a ver la manera de crear un fondo degradado usando HTML y CSS. Aquí les dejo un video relacionado con este sencillo tutorial, y debajo encontraran como hacerlo. Para comenzar, vamos a crear una pagina HTML simple y dentro del cuerpo “<body>” de la pagina agregaremos un contenedor y un…
-
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…
-
Un Banner con Video y Texto
Hola todos. Muchas veces queremos mostrar un banner en el que deseamos presentar un producto usando un video acompañado de un texto de llamada de acción. Quizas tienes un boceto creado pero no tienes idea de como hacerlo usando HTML. Pues, haz llegado al lugar exacto, porque aquí, en esta nueva entrada les traigo pequeño…
-
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…
-
Un banner con imagen y texto en estilo único
Hola, hoy vamos a ver un banner con imagen y texto en estilo único. Un buen día, se me fue pedido crear un banner para una mezcladora utilizando una imagen tal y como se presentaba. Aprovechando el espacio en la imagen, debía agregar el texto, y este tendría que mezclarse con la imagen. Mi solución…
-
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 crear botones de funciones en HTML
Como crear botones de funciones en HTML, que pueden ser usados como funciones, características, y mas. Hace unos días creando una plantilla de WordPress para un cliente, este me preguntó si podía hacer que sus clientes accedieran de forma fácil a las diferentes funciones del su sitio, así que le hice algo simple pero funcional.…
-
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…