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!

Google Hangouts rende disponibile l'opzione Enterprise con Meet

Mentre la versione incentrata sul consumatore di Google Hangouts potrebbe essere morta, lo spirito di Hangouts vive in una nuova app di videoconferenza che Google chiama "Meet" .Attualmente disponibile solo come piattaforma basata sul Web, Meet by Google Hangouts sembra essere parte dei prodotti G Suite di Google, anche se la funzione non è ancora elencata come tale nella pagina di G Suite.

(Consigli tecnici e di design)

6 consigli e trucchi per ottenere il massimo da Snapchat

Sei un utente Snapchat? Sapevi che Snapchat ha un conteggio giornaliero di 400 milioni di messaggi? Questo rende chiaramente una delle app di messaggistica più popolari oggi. Se ti piace usare anche Snapchat, ci sono in realtà alcune funzioni e trucchi nascosti che ti faranno amare usandolo ancora di più.In

(Consigli tecnici e di design)