En este tutorial te enseñaré cómo alojar tu sitio web o aplicación web en GitHub totalmente gratis. Si bien GitHub no está pensado como un servicio de hosting, podemos ejecutar nuestras aplicaciones dentro del servicio. Te enseñaré cómo usar GitHub para servir tu proyecto web. Por ahora solo te mostraré cómo usarlo para servir JavaScript, […]
Alojar página web en GitHub Leer más »
En este post te enseñaré cómo centrar una imagen dentro de un div usando el framework CSS Bulma. Hay varias formas, pero te enseñaré la que me ha funcionado hasta el momento.
Centrar imagen con Bulma Leer más »
En este post te voy a mostrar un tutorial de chart.js para el manejo de gráficas en la web. Ya llevo bastante tiempo usando esta librería pero hasta ahora es que escribiré esta introducción con varios ejemplos acerca de esta maravillosa librería. Lo único que necesitas para el tutorial son conocimientos básicos de JavaScript y
Chart.js – Tutorial con ejemplos para gráficas en la web Leer más »
En este post te mostraré una plantilla simple de Bulma para comenzar a usar este framework CSS. Es decir, una plantilla de ejemplo para que puedas basarte en ella y comenzar a trabajar modificarla según tus preferencias. Esto que te mostraré también es conocido como starter template de Bulma.
Plantilla inicial de Bulma Leer más »
En este tutorial sobre diseño web te mostraré cómo mostrar una cuadrícula de imágenes en HTML usando CSS. Vamos a hacer que las imágenes ocupen determinado tamaño de la pantalla usando columnas y filas. Por ejemplo, hacer una cuadrícula de 2 x 3 imágenes, o de 2 x 2, distribuyendo correctamente el tamaño de la
Cuadrícula de imágenes con HTML y CSS Leer más »
En esta corta entrada te mostraré cómo insertar un botón flotante en una esquina de la página web, usando JavaScript. Es decir, crear el botón de manera dinámica y colocarlo en una de las esquinas, de manera que se vea que “flota” y que está fijo.
Insertar botón flotante en esquina con JavaScript Leer más »
En este post sobre diseño responsivo en CSS te mostraré cómo hacer que una imagen sea responsiva o responsive. Es decir, que se adapte a cualquier tamaño de pantalla. Hacer una imagen adaptable es útil cuando no usamos frameworks de diseño como Bootstrap, Bulma, etcétera, y queremos que la imagen sea responsiva.
Imágenes responsivas con CSS Leer más »
En este post sobre estilos CSS y el framework Bootstrap 4 te mostraré cómo ocultar y mostrar ciertos elementos al momento de imprimir la página web. De este modo puedes imprimir la página web ajustando solo ciertas características. Por ejemplo, mostrar el botón de impresión en la pantalla, pero ocultarlo al imprimir. Todo esto lo
Bootstrap: ocultar elementos al imprimir Leer más »