Artículos

  • html 5 0

    Cómo crear un campo para introducir números de teléfono

    Los números de teléfono, además del nombre y el email, es la información que más se pide en los formularios online. Los campos para introducir números de teléfono generalmente están diseñados de una manera que requiere que el usuarios escriba los números con su teclado. Este método da pie con fre...

  • html 5 0

    Cómo crear un modal a pantalla completa responsive con Bootstrap

    En este tutorial vamos a ver como crear un modal a pantalla completa (full-screen) con Twitter Bootstrap. Primero añadiremos el modal de bootstrap a nuestra página, luego utilizando media queries de CSS lo haremos responsive. Como resultado obtendremos un modal a pantalla completa responsive desa...

  • html 5 0

    Cómo diseñar un timeline similar al de Facebook con Bootstrap

    En este tutorial vamos a desarrollar un diseño similar al timeline responsive de Facebook con Twitter Bootstrap. Voy a explicar paso a paso el desarrollo del diseño de este timeline responsive, por lo que sólo tienes que seguir los pasos uno por uno para obtener el mismo resultado.

  • html 5 0

    Cómo crear un diseño como el de Gmail con HTML y Bootstrap

    En este tutorial vamos a plagiar el diseño de Gmail utilizando HTML y el framework Bootstrap. Muchas veces me gsuta ponerme eso como reto, es decir, copiar el diseño de una popular plataforma utilizando los recursos de los que dispongo y hacerlo, lo más parecido. Una vez lo diseño por mi mismo, s...

  • html 5 0

    El mejor método para embeber vídeos de YouTube en tu web

    Es fácil insertar un vídeo de YouTube en tu web, y eso es bien, lo que no es bien es la carga extra que el susodicho vídeo de YouTube embebido añade a tus páginas web. El navegador tiene que descargar alrededor de medio Mb de archivos adicionales de JavaScript para solo poder ejecutar el reproduc...

  • html 5 0

    Cómo almacenar datos con HTML5

    Casi todas las aplicaciones de escritorio o móviles necesitan almacenar los datos del usuario en algún sitio. Pero, ¿qué pasa con las páginas estáticas? En el pasado, utilizamos las cookies para dicho propósito, pero tienen serias limitaciones. HTML5 nos proporciona mejores herramientas para reso...

  • html 5 0

    Introducción a MathML, el lenguaje de diseño para matemáticas

    MathML es un lenguaje de diseño que se utiliza para mostrar notaciones matemáticas. Puedes utilizar etiquetas MathML directamente en HTML5. Es útil para cuando deseas mostrar notaciones matemáticas complejas en tu páginas web, y es muy sencillo de utilizar debido a su simplicidad y semejanza con ...

  • html 5 0

    Los fondos de vídeos, ¿benefician o dañan la usabilidad de una web?

    Muchos sitios webs populares se han subido al carro de una de las tendencias de diseño web más utilizada en estos últimos años: los fondos de vídeos. Sabemos que este tipo de fondos nos otorga un aspecto fresco, original y sobre todo dinámico en nuestros sitios web, pero más allá de lo puramente ...

  • html 5 0

    Cómo personalizar un reproductor de YouTube embebido

    En este artículo os voy a explicar cómo personalizar un reproductor de YouTube embebido utilizando los parámetros que el propio reproductor nos otorga. Hoy en día, la mayoría de desarrolladores embeben vídeos de YouTube mediante el tag iframe ya que esto mejora la experiencia del usuario.

  • html 5 0

    Cómo hacer botones con función de barra de progreso

    Las barras de progreso se han vuelto muy populares últimamente y, existen un montón de plugins que pueden ayudarte a agregar una en tu sitio web. Pero, ¿cómo puedes hacer la tuya propia? El problema es que hay un montón de implementaciones ya hechas, así que en este sencillo tutorial vamos a desa...