Texto truncado dinámico con el complemento Shave.js

La mayoría de los blogs de WordPress usan la función "leer más" para mostrar el texto de la vista previa de una publicación. Este texto se trunca y se corta en un cierto punto para ahorrar espacio y para alentar a los lectores a hacer clic más para seguir leyendo .

Pero a veces querrás agregar esta función en una sola página. Introduzca Shave.js, el complemento de JavaScript creado para truncar dinámicamente el contenido .

Un hecho interesante sobre este complemento es que fue creado por Dollar Shave Club, el equipo que hizo uno de los anuncios más divertidos que he visto en mi vida. No sabía que su equipo tuviera una página de GitHub pero está llena de repositorios tanto originales como bifurcados.

Este plugin en particular es bastante nuevo y ya tiene más de 800 estrellas. Es libre de dependencia, por lo que puede ejecutarse en JavaScript sin consideración del navegador u otras bibliotecas incluidas .

La configuración del código también es bastante simple con la función de afeitado () tomando solo dos parámetros: un selector de elementos y una altura máxima para ese elemento. Aquí hay un ejemplo muy básico:

 maxheight = 320; afeitarse ('. elemclass', maxheight); 

Naturalmente, hay parámetros adicionales que puede pasar para los caracteres personalizados después del texto truncado, o múltiples selectores en los que desea aplicar el efecto de afeitado .

En realidad, puedes ver una demostración en vivo en el sitio del complemento Shave y también tienen una buena demostración de CodePen.

Shave está diseñado para trabajar en jQuery o Zepto si prefieres cualquiera de esas bibliotecas. Pero como también se ejecuta en JS vainilla, es uno de los complementos más fáciles de instalar en su sitio y empezar a usar.

No hay demasiados escenarios en los que desee truncar texto, pero cuando lo hace es mucho más fácil usar un complemento como Shave que escribir todo el código usted mismo.

Para comenzar, descargue una copia del repositorio de GitHub o extraiga de un repositorio como npm. ¡También encontrará pautas y documentación en el repositorio de GitHub para que pueda copiar, pegar y afeitarse literalmente!

20 ilustraciones hermosas de la cubierta del libro de niños

Todos tenemos un lugar especial en nuestros corazones para los libros para niños. Cuando éramos jóvenes, revolvieron nuestra imaginación y nos calmaron antes de dormir. La mayoría de nosotros todavía puede recordar muchos de los libros de nuestra infancia y, si usted es como yo, la portada de la mayoría de ellos también.Esta es

(Consejos de tecnología y diseño)

15 personas buscan motores para encontrar viejos amigos

Hoy, casi todos tienen algún tipo de presencia en internet ; directo o indirecto. Por lo tanto, es muy fácil encontrar a alguien si realiza una búsqueda en línea adecuada. En su búsqueda de personas, los buscadores de personas pueden ayudar inmensamente .Estos motores de búsqueda profundizan en los registros en línea para buscar personas que usan diferentes parámetros. Si est

(Consejos de tecnología y diseño)