css

  • Como integrar un mapa a tu sitio web

    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…

    read more

  • Slideshow con botón play pause

    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…

    read more

  • Cómo crear bloques en AngularJs

    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…

    read more

  • Barra de navegación en html5 y angularjs

    Barra de navegación en html5 y angularjs

    Al tratar de simplificar un sitio web para hacerlo más compatible con dispositivos móviles, descubrí que hacerlo de manera muy simple, a veces se vuelve muy complicado de lograr. Pero la emoción de codificar algo interesante puede sumergirme realmente en lo que estoy haciendo. De aquí es cuando elabore una barra de navegación en html5…

    read more

  • Como crear un pdf usando jspdf

    Como crear un pdf usando jspdf

    Hola, buscando como crear un pdf usando jspdf, he hecho este video para generar un archivo pdf usando el contenido en un formulario. Esta es solo una base de como usarlo, pero puede ser improvisado. La lista de todo el proceso es la siguiente: Crea un fichero HTML con un formulario en el que el…

    read more

  • Como crear pestañas sin usar Javascript

    Como crear pestañas sin usar Javascript

    Recientemente tuve que presentar multiple informacion usando pestañas para un sitio online. Usando la manera regular de hacer el contenido usando JavaScript tuve inconvenientes expecificamente con el sitio debido a no reconocer la opcion “click()“ para mantener una de las pestañas abiertas. La opción para esto de manera rapida y simple fue crear lo mismo…

    read more

  • Conoce el rango de tus deudas contra tu salario

    Conoce el rango de tus deudas contra tu salario

    Total de pagos mensuales de deuda: Deuda: Ingreso mensual bruto: Salario: Relación deuda-ingresos (DTI): 0 La relación deuda-ingresos son todos sus pagos mensuales de deuda divididos por su ingreso mensual bruto. Este número es una de las formas en que los prestamistas miden su capacidad para administrar los pagos mensuales para reembolsar el dinero que…

    read more

  • Generador de titulos para tu blog

    Generador de titulos para tu blog

    Actualizado: 10/20 Debido a que soy principalmente programador y diseñador grafico, casi se me hace dificil encontrar un titulo para mis post. No estoy muy acostumbrado a generar contenido de la misma manera en la que puedo generar codigo. Pos este motivo, y siguiendo la ayuda de muchos post en internet sobre el tema, decidi…

    read more

  • Cambiando Imagenes Dinamicamente Con Un Click

    Cambiando Imagenes Dinamicamente Con Un Click

    Hola gente, hoy les voy a presentar como hacer las bases de un banner con botones que permitiran cambiar las imagenes del banner de forma dinamica usando transiciones suaves por medio de opacidad de la imagen. Al final podran crear algo similar a esto incluyendo el contenido que deseen. Este es el codigo HTML, presta…

    read more

  • Como animar anillos en forma de ondas

    Como animar anillos en forma de ondas

    Hola, en esta publicacion vamos a ver como crear anillos animados que podremos usar como parte de nuestros banners, o en cualquier lugar en el que deseen usarlo conjuntamente con imagenes o texto. Nuestro codigo HTML va a ser bien simple, los circulos seran creados usando etiquetas div las cuales vamos a personalizar usando CSS.…

    read more