jueves, 5 de agosto de 2021

CSS Centrar el contenido al centro horizontal y vertical

Centrar con CSS el contenido horizontal y vertical (imagen)

Hoy en día disponemos de un montón de herramientas y frameworks CSS para facilitar, tanto las tareas comunes, como el entendimiento de código html entre programadores.

Pues aún hoy pocas (o con muchas vueltas) nos permiten de una forma fácil centrar un elemento en pantalla o en otra capa contenedor. Siendo, muchas veces, la forma más fácil recurrir a una tabla 100% de tamaño ancho-alto y con una celda con contenido centrado.

Pero eso... lo puedes hacer directamente y fácil, con CSS.

Aquí te dejo este código en CSS puro por si es de tu interés.

  
  	div.container-middle {
    display: table-cell;
    vertical-align: middle;
    align-content: center;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
	}

	div.container-middle div {
    margin: auto;
	}
  

Como verás es una clase enlazada a un div, y cuyos divs hijos serán centrados, también, horizontalmente. El nombre de la clase... pues si usas Bootstrap o similar, para que siga cierta homogeneidad. Actuaría como un container-fluid. Y no, a día de hoy (versión Bootstrap 5.x) no existe esa clase.

viernes, 9 de julio de 2021

Validar y Buscar errores en un Json Online

El formato de datos Json nos permite hacer muchísimas cosas, todo desarrollador, tanto Backend como Frontend ha lidiado alguna vez con un enorme Json que contiene... un error.

Para encontrar ese "carácter" puñetero, o ese error de composición eventual, Curious Concept nos trae su utilidad online Json Formarter and Validator.


Y aunque seguramente conozcas otras utilidades para el formateo, consulta e incluso validación de Jsons, esta sencilla herramienta me ha parecido la más útil y usable de todas las que conozco.

Échale un vistazo y me cuentas.

Json Formarter and Validator Online