Artículos
-
html 5Có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.
-
GeneralesOptimización de imágenes: errores comunes y soluciones
En 2016, todos los sitios web modernos son ricos en contenido multimedia (imágenes, vídeos...). Si nos fijamos solamente en las imágenes, veremos que representan más del 60% de la carga de un sitio web. Esta es la razón por la cual, si quieres contar con un sitio web bien optimizado que cargue rá...
-
html 57 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...
-
GeneralesApúntate a la 3ª edición del Meet Magento Spain
Como ya sabéis, en programacion.net nos suele interesar todo lo relacionado con el e-commerce. En nuestra web nos encanta ayudar tanto a desarrolladores, como a usuarios, a implementar sus propias tiendas online, y facilitarles toda la información y herramientas necesarias para ello. Una de las h...
-
html 5Có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 5Có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 5Có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 5Có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...
-
Generales5 sitios web donde preguntar todas tus dudas sobre programación
Cuando aprendemos a desarrollar software, sitios web o aplicaciones, suele pasar que nos quedemos atascados con un problema o un error que se niega a ser resuelto, sin importar lo que hagas. En casos como este, los programadores como tú, necesitan respuestas a preguntas relacionadas con diversos ...
-
Generales¿Cómo mostrar correctamente la fecha y la hora en la web?
A diario tratamos con fechas y horas. Cuando se trata del desarrollo web, las puedes ver en aplicaciones móviles, en correos electrónicos, en tus aplicaciones de mensajería y en muchos otros lugares. Sin embargo, a pesar de ver fechas y horas todos los días y en todas partes, aún no contamos con ...
