Creación de encabezados adaptables & flexibles con texto más feliz de Fitter

Tiempo de ejecución: 30 minutos. Empezar

Autor: jxnblk
Views Total: 1,323
Sitio oficial: Ir a la web
Actualizado: March 1, 2016
Licencia: MIT

Vista prévia

Creación de encabezados adaptables & flexibles con texto más feliz de Fitter

Descripción

El texto más feliz de Fitter es un JavaScript ligero que le ayuda a crear encabezados responsivos, grandes y totalmente flexibles en su página web. Automáticamente y dinámicamente redimensionará el tamaño de fuente para el diseño web adaptable para hacer su texto flexible. Cuando el tamaño de la ventana cambia, los encabezados se redimensionarán lo más grande posible para caber dentro de su contenedor principal.

Funcionamiento

Incluya el script Fitter-Happier-Text. js en su página web.

<script src="dist/fitter-happier-text.js"></script>

Envuelva los encabezados en un elemento contenedor con una clase CSS de ' demo '.

<div class="demo">Your heading goes here</div>

Inicialización con opciones.

var nodes = document.querySelectorAll('[data-fitter-happier-text]');
fitterHappierText(nodes, { baseline: 16,paddingY: 2 });

Registro de cambios

v0.0.7 (03/01/2016)

  • Agrega compatibilidad con getBoundingClientRect

Te puede interesar: