Artículos
-
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 de...
-
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 mism...
-
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...
-
html 5El 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 rep...
-
html 5Có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 pa...
-
html 5Introducción a MathML, el lenguaje de diseño para matemáticas
MathML es un lenguaje de diseño que se utiliza para mostrar notaciones matemáticas. Puedes utilizar etiquetas MathML directamente en HTML5. Es útil para cuando deseas mostrar notaciones matemáticas complejas en tu páginas web, y es muy sencillo de utilizar debido a su simplicidad y semejanza...
-
GeneralesLos 6 mejores e-books en inglés sobre usabilidad
Los mejores diseñadores son estudiantes de por vida. Si bien no hay nada como la experiencia, la cantidad de recursos útiles online, sin duda, nos ayudan a mantener nuestros conocimientos actualizados.
-
GeneralesLibrerías de Javascript y CSS fresquitas para este verano
Nuestra misión en programación.net es mantenerte al día con las últimas y más frescas tendencias en el desarrollo web. Es por eso que todos los meses te traemos una colección cuidadosamente seleccionada, de algunos de los mejores recursos con los que me he topado y que he considerado dignos...
-
GeneralesMejora tu puntuación de Google Page Speed Insights
La velocidad de carga de tu sitio web puede tener un gran impacto en el éxito de la misma. Según las normas de Google, si tu página carga de manera lenta, perderás el tráfico de las búsquedas orgánicas. Actualmente, Google ofrece una poderosa herramienta llamada PageSpeed Insights que pone...