Artículos
-
html 5
Cómo utilizar correctamente los tags article y section de HTML5
HTML5 cuenta con un montón de elementos que seguramente has pasado por alto, ya sea por su novedad o porque son confusos a la hora de implementarlos. Es el caso de article y section. ¿En qué circunstancias se pueden utilizar estos elementos? ¿Cómo se deben utilizar? En este artÃculo veremos...
-
html 5
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...
-
html 5
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 tend...
-
html 5
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
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 ...
-
html 5
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, ...
-
html 5
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 e...
-
html 5
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 ...
-
html 5
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 creado...
-
html 5
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...