Luiggi Llontop

Sobre cajas y prácticas

En mis inicios con la programación web me encontré con un problema.

Por ejemplo: si inserto una imagen y le pongo un width 200px, en realidad no ocupa 200px sino que se suman los valores por defecto del margin y el padding por poner algunos.

Sabemos que los navegadores además de las hojas de estilo que podamos agregar, le asignan valores por defecto a distintos atributos

Esto se debe al “modelo de caja” predeterminado, en donde el tamaño width incluye solo la parte visible del elemento

Ademas aunque todos los navegadores coinciden en algunos valores importantes (tipo de letra serif, color de letra negro, etc.) presentan diferencias en valores tan importantes como los márgenes verticales (margin-bottom y margin-top) de los títulos de sección (h1, ...h6), la tabulación izquierda de los elementos de las listas (margin-left o padding-left según el navegador) y el tamaño de línea del texto (line-height).

Una recomendación para corregir esto desde CSS seria:

          
html {
  box-sizing: border-box;    
}

*, *:before, *:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

Otra la solución consiste en crear una hoja de estilos CSS que “normalice” todos los estilos que aplican por defecto los navegadores y que pueden afectar al aspecto visual de las páginas. Este tipo de hojas de estilos se suelen llamar "reset CSS".

Un gran ejemplo de esto y la recomendación final es nomalize.css.

Hello world!

Bienvenidos a mi blog, este será el primer artículo de una serie que espero sea larga y que aporte valor.

Esta travesía empezó en medio de tiempos complicados, para ser exacto el de la pandemia del COVID, si bien tenía un trabajo estable en oficina que muto en home office hasta la fecha que escribo estas líneas, el gran cambio que significo para todos también me afectó negativamente sin darme cuenta adopte malas costumbres alimentarias, productivas, etc. que con el tiempo se manifestaban en un detrimento en mi estado de salud, emocional.

Fue cuando tomé conciencia de estas cosas que decidí hacer algo por mí mismo, ahondar más en las razones de ello, volver revisar mis metas, cambiar de enfoque, dejar de vivir en piloto automático y empezar a ser protagonista de mi vida, retomar mis pasiones, sumándole mis capacidades, nutrir mis conocimientos y llegar a un nuevo nivel.

Dentro de las varias cosas que retome es mi pasión por la programación empecé con la programación web y la creación de este blog es uno de los primeros resultados, además que creo que el titulo le viene muy bien.

Por este medio subiré mis progresos y compartiré experiencias de ello, espero que, sea de su interés y nos lo pasemos bien.