Si has seguido mi blog, sabes que me dedico a desarrollar software desde cero, modificar los que tengo, copiar programas de cómputo, etcétera. En este post escribiré cómo debes solicitar la creación o modificación de un programa para que sea entendible para el programador, mostrándote ejemplos. Aunque parezca largo o tedioso, verás que si lo hacemos de esta manera vas a obtener el software en menor tiempo y tal y como tú lo quieres. ...
En el post de hoy te mostraré algo muy simple: cómo centrar una imagen HTML usando CSS, sin frameworks.alinear una imagen al centro Si bien es algo sencillo, en ocasiones olvidamos cómo hacerlo. Así que en este artículo te mostraré el estilo CSS para centrar un elemento img. ...
En este post te mostraré una plantilla HTML que tiene los elementos o etiquetas header, section, aside y footer. Es un simple ejemplo con HTML y CSS para una página web. El aside y el section tienen la misma altura, y el aside es mostrado a la derecha con un borde. Obviamente tú podrás cambiar los colores o el estilo, aquí solo te dejo una plantilla HTML muy simple con CSS puro. ...
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. ...
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 página para que las imágenes tengan el mismo tamaño. No vamos a usar Bootstrap, solo usaremos CSS, pues Bootstrap ya ofrece clases para hacer este tipo de cosas. Al final tendremos algo parecido a una tabla de imágenes que ocupan el mismo ancho de la pantalla, usando HTML y CSS. ...
En este sencillo tutorial aprenderás a crear el diagrama (que no sé si se puede considerar así, pero funcionaría como diagrama entidad relación) de una base de datos en phpmyadmin. Vamos a ver cómo generar y exportar el diagrama de una base de datos con todas sus relaciones; verás que es realmente sencillo. Nota: si quieres una alternativa puedes usar dbvisualizer. ...
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. ...