Artículos
-
html 5
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, e...
-
html 5
Cómo crear un reproductor de vÃdeo en HTML5 con controles personalizados
¿Estás buscando un reproductor de vÃdeo sencillo para embeber un vÃdeo en tu sitio web? Mediante HTML5 puedes implementar de forma sencilla un reproductor de vÃdeo en tu sitio web. No necesitas utilizar ningún plugin de jQuery para ello, ni ningún archivo Flash. El elemento video de HTML5 ...
-
html 5
Cómo crear enlaces personalizados a redes sociales
Hoy en dÃa, las redes sociales son indispensables para cualquier proyecto web. Ciertas ventajas de incluir el hecho de compartir en redes sociales son: Reduce los costes de márketing, Aumento de ventas, Aumento del tráfico de tu web, Mejor ranking en motores de búsqueda.
-
html 5
Cómo crear emails responsive con MJML
Crear emails HTML es casi como crear el diseño de una aplicación web. La única diferencia es que el diseño debe ser desarrollado utilizando tablas y estilos CSS inline, además de aguantar al tÃpico cliente que siempre indica que en su gestor de correo no se ve como se deberÃa ver. Asà que...
-
html 5
¿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 sinta...
-
html 5
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 experiencia...
-
html 5
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 median...
-
html 5
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 consej...
-
html 5
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 ...
-
html 5
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 de...