En el siguiente video se ilustra como crear una web que permita realizar un DAFO sencillo, en donde se elige la categoría que se quiere
Category: CSS
![](http://javigomez.org/wp-content/uploads/2024/03/image-9.png)
En el siguiente código se quitan los estilos por defectos de un checkbox y se realiza una animación, como si el check se realizase a
![](http://javigomez.org/wp-content/uploads/2024/03/image-8.png)
En el siguiente código se hace una animación de un botón. Cuando se pulsa el botón, este da la sensación que se hincha y se
![](http://javigomez.org/wp-content/uploads/2023/11/image-11.png)
Modalidades de grid Tipo de elemento Descripción inline-grid Establece una cuadrícula con ítems en línea, de forma equivalente a inline-block. grid Establece una cuadrícula con
![](http://javigomez.org/wp-content/uploads/2023/11/image-10.png)
Modalidades de flex Tipo de elemento Descripción display: inline-flex; Establece un contenedor en línea, similar a inline-block (ocupa solo el contenido). display: flex; Establece un
![](http://javigomez.org/wp-content/uploads/2023/10/image.png)
En estos momentos, los elementos border y align de HTML dentro de los elementos <table> están obsoletos. Se deben de sustituir por elementos de CSS.
![](http://javigomez.org/wp-content/uploads/2023/09/image-39.png)
Os adjunto un video donde se ilustra los conceptos básicos de Visual Studio Code. También dejo una tabla con las teclas y comandos mas utilizados
![](http://javigomez.org/wp-content/uploads/2023/01/image-2.png)
Algunas veces, cuando estamos maquetando, nos damos cuenta que los div hijos adquieren mas tamaño que su contenedor. Esto ocurre porque al ancho que le
![](http://javigomez.org/wp-content/uploads/2023/01/image.png)
Este es un pequeño código en donde se utiliza un grid con áreas, teniendo filas multicolumnas y se utiliza flex para centrar verticalmente y alinear
![](http://javigomez.org/wp-content/uploads/2022/11/image-28.png)
Se crea una ficha con una cabecera, un cuerpo y un pie.