Artículos

  • 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 mism...

  • html 5 1

    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 rep...

  • 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 pa...

  • 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...

  • 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 pu...

  • 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 ...

  • html 5 0

    Cómo utilizar la Network Information API de HTML5

    Uno de los conceptos más discutidos en el mundo del diseño web es el diseño responsive. Se han escrito miles de artículos sobre el diseño responsive, y creo que ya no nos quedan fuerzas para hablar más de ello. De hecho, creemos que ya está todo dicho. De todas maneras, el diseño responsi...

  • html 5 0

    Cómo utilizar la Page Visibility API de HTML5

    Hace unos años, había navegadores que no contaban con la característica de la navegación por pestañas, pero hoy en día, si nos fijamos en todos los navegadores disponibles, podemos ver que ya, todos los navegadores lo ofrecen. Al ser un programador, normalmente tengo unas 10-15 pestañas ab...