DAFO con HTML, CSS y JS
by 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 …
Tag: CSS
Checkbox animado: SVG, Animación y JavaScript
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 …
Botón animado: SVG, Animación y JavaScript
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 …
Grid – Manejo de Grid en CSS
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 …
Flex – Manejo de Flex en CSS
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 …
Sustituir los elementos obsoletos de las tablas por CSS
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. …
Visual Studio Code
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 …
box-sizing: el problema de que una capa hija sea mas grande que la capa padre
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 …
Composición con áreas en Grid y alineación de textos
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 …
