Artículos

  • html 5 0

    Cómo utilizar la API Fullscreen de HTML5

    De siempre hemos podido ver una página web completa en modo fullscreen o pantalla completa. Para hacerlo, solo hay que presionar la tecla F11 en Windows, mientras que en OS X la combinación de teclas es Shift + Command + F. Sin embargo, hay ocasiones en que, como desarrollador web, queremos que l...

  • html 5 0

    Códigos HTML5 que te sacarán de más de un apuro

    HTML es un lenguaje de marcado sencillo de implementar, pero a la hora de crear sitios webs casi siempre tienes que echar mano de los mismos códigos, como por ejemplo, crear formularios. En este artículo te mostramos unos cuantos códigos HTML que te vendrán de maravilla. Simplemente solo tendrás ...

  • html 5 0

    Entendiendo el tag audio de HTML 5

    Introducido en HTML, el tag audio cumple la función de definir un sonido y se utiliza mayormente para insertar contenido sonoro como música o podcasts en documentos HTML. Actualmente es soportado por todos los navegadores modernos. No pasa así con Internet Explorer 8 y sus versiones anteriores.

  • html 5 0

    Como utilizar el tag picture de HTML5 para hacer que una imagen sea responsive

    Como puedes ver, el diseño responsive está más que asentado pero aún existen ciertos problemas que debes tratar para que las imágenes de tu página web sean responsive. Esperad que ya os estoy oyendo, no hablo de que las imágenes cambien automáticamente su tamaño en función del viewport , lo cual ...

  • html 5 0

    Cómo crear cards de Bootstrap mediante PHP y MySQL

    Las cards de Bootstrap son contenedores de contenido flexible con variedad de opciones como headers, cuerpo, footer, colores de fondo contextuales y una vasta cantidad de opciones de personalización. Estas cards (o tarjetas) te brindan multitud de ventajas como una mayor claridad en el diseño, un...

  • html 5 0

    Buscador con autocompletado mediante Bootstrap Typeahead

    Seguro que conoces al dedillo la búsqueda inmediata de Google, la cual proporciona a los usuarios una interfaz amistosa con la característica del autocompletado. Así pues en este artículo, te mostraremos cómo crear un buscador con autocompletado mediante Bootstrap Typeahead para mejorar la experi...

  • html 5 0

    Cómo crear un menú centrado en Bootstrap Navbar

    Puedes crear un menú de navegación superior de forma sencilla con Bootstrap. Por regla general, el menú suele estar alineado o bien a la derecha, o bien a la izquierda de la barra de navegación. Booststrap te proporciona una manera sencilla de controlar la alineación del menú. Para alinear el tex...

  • html 5 0

    Los 5 mejores reproductores de vídeo HTML5

    Con el reciente cambio en la política de YouTube de exigir a los creadores que alcancen los 10.000 suscriptores antes de ganar ingresos por publicidad, parece que actualmente es más difícil acceder a la gallina de los huevos de oro. Ahora más que nunca, es un momento ideal para que los creadores ...

  • html 5 0

    Cómo crear un carrusel de imágenes con Bootstrap

    Existen muchísimos plugins para crear slides en jQuery totalmente gratuitos para rotar elementos como si fuera un bucle. Pero si la aplicación web utiliza el framework Bootstrap, no necesitaremos un plugin jQuery adicional para crear un slide de elementos como un carrusel. Bootstrap JS Carousel (...

  • html 5 0

    Bootstrap Datetimepicker, o cómo añadir un calendario a un campo input

    Si tu sitio web utiliza el framework Bootstrap, añadir un calendario al campo input de un formulario es muy sencillo. El plugin bootstrap-datetimepicker te proporciona una forma sencilla de añadir un datetime picker en el elemento de un formulario de Bootstrap. Utilizando este datetimepicker, el ...