Artículos

  • html 5 0

    ¿Cómo utilizar el rel=”nofollow”?

    El hecho de asignar el atributo rel=”nofollow” a un enlace indica a los motores de búsqueda que el propio enlace es comercial, o que no quieres que se indexe. Los enlaces que cuentan con el atributo rel=”nofollow” son comúnmente llamados como enlaces nofollow. Para que veas como es la sintaxis de...

  • html 5 0

    6 nuevas características de HTML 5.1 y cómo aplicarlas

    Hace un par de semanas W3C lanzó la última revisión importante de la especificación HTML, concretamente HTML 5.1. En un post reciente en su blog, W3C ha determinado que es el mayor lanzamiento del nuevo estándar. HTML 5.1 nos proporciona nuevas maneras de utilizar HTML para crear experiencias web...

  • html 5 0

    Cómo insertar vídeos en tu web que sean compatibles con todos los navegadores mediante HTML5

    Durante muchos años, Flash ha sido la solución más popular a la hora de reproducir vídeos en Internet. Pero HTML5 ha traido consigo una nueva solución, los vídeos de HTML5. En este tutorial, te enseñaré cómo insertar vídeos en tu web que sean compatibles con todos los navegadores mediante HTML5.

  • html 5 0

    7 consejos para hacer mejores formularios web

    Los formularios web son una parte crucial en todo sitio web, ya que es como el visitante interactúa con el propio sitio. Desafortunadamente, la mayoría de los formularios web llegan a resultar molestos e irritantes a los usuarios que suelen navegar por Internet. He compilado unos cuantos consejos...

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