Testo troncato dinamico con Shave.js Plugin

La maggior parte dei blog di WordPress utilizza la funzione "leggi di più" per mostrare il testo di anteprima da un post. Questo testo viene troncato e tagliato a un certo punto per risparmiare spazio e per incoraggiare i lettori a fare clic più avanti per continuare a leggere .

Ma a volte ti consigliamo di aggiungere questa funzione su una singola pagina. Inserisci Shave.js, il plugin JavaScript creato per il troncamento dinamico dei contenuti .

Un fatto interessante su questo plugin è che è stato creato da Dollar Shave Club, il team che ha realizzato una delle pubblicità più divertenti che abbia mai visto. Non sapevo che il loro team avesse persino una pagina GitHub, ma è piena di repository sia originali che biforcati.

Questo particolare plugin è abbastanza nuovo e ha già più di 800 stelle. È privo di dipendenza, quindi può essere eseguito su JavaScript semplice indipendentemente dal browser o da altre librerie incluse .

La configurazione del codice è anche abbastanza semplice con la funzione shave () che prende solo due parametri: un selettore di elementi e un'altezza massima per quell'elemento. Ecco un esempio molto semplice:

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

Naturalmente ci sono parametri extra che è possibile passare per caratteri personalizzati dopo il testo troncato o più selettori in cui si desidera applicare l'effetto di rasatura .

Puoi vedere una demo dal vivo sul sito del plugin Shave e hanno anche una bella demo di CodePen.

Shave è costruito per funzionare su jQuery o Zepto se preferisci una di quelle librerie. Ma dal momento che gira anche su JS vanilla è uno dei plugin più facili da inserire nel tuo sito e iniziare a usarlo.

Non ci sono troppi scenari in cui vorresti troncare il testo, ma quando lo fai è molto più semplice usare un plugin come Shave piuttosto che scrivere tutto il codice da solo.

Per iniziare, scarica una copia dal repository GitHub o estrai da un repository come npm. Troverai anche le linee guida e la documentazione sul repository GitHub in modo da poter letteralmente copiare, incollare e ottenere la rasatura!

Vital CSS: un framework Web minimamente invasivo

Spostati su Bootstrap perché c'è un nuovo framework CSS in città. Si chiama Vital e minimizza lo sviluppo del frontend fino all'essenziale .Vital ha solo CSS e ha zero librerie o dipendenze JavaScript . E il foglio di stile Vital.css è limitato a 31KB, inclusi i font di icone.Solo il file CSS di Bootstrap ammonta a circa 118KB. Vi

(Consigli tecnici e di design)

Come costruire un semplice bot di accesso automatico con Python e selenio

L'automazione è senza dubbio una delle competenze più ambite che un programmatore possa possedere. L'automazione viene generalmente utilizzata per attività ripetitive, noiose, lunghe o inefficienti senza l'utilizzo di uno script.Con l' automazione del Web, è possibile creare facilmente un bot per eseguire diverse attività sul Web, ad esempio per monitorare le tariffe alberghiere concorrenti su Internet e determinare il prezzo migliore.Pers

(Consigli tecnici e di design)