it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


Generazione automatica del sommario utilizzando Tocbot

I contenuti più lunghi stanno diventando la norma con una ricezione più forte da parte di Google e degli utenti. Ma può diventare un po 'stancante leggere il contenuto di lunga durata con tonnellate di sottotitoli da sfogliare.

Inserisci Tocbot, un generatore di contenuti gratuito creato su JavaScript . Questo crea automaticamente un elenco ToC fisso su qualsiasi pagina e aggiorna la tua posizione mentre scorri oltre ogni intestazione.

La pagina principale include un'anteprima completa insieme alla documentazione che puoi seguire per ottenere tutto questo.

Tocbot non ha dipendenze e dovrebbe essere eseguito in qualsiasi browser con JavaScript abilitato. Devi solo includere i file Tocbot JS / CSS e lasciarli funzionare. Semplice!

Puoi anche usare le versioni CDN se non vuoi scaricare nulla localmente. È una configurazione piuttosto semplice e puoi persino personalizzare il sommario in base alle tue esigenze.

Tuttavia questo richiede un po 'di JavaScript per farlo funzionare. In particolare è necessario eseguire una funzione init () con i parametri che definiscono dove dovrebbe essere visualizzata la tua navigazione e quale intestazione vuoi targetizzare (es. H1-H6).

Dai un'occhiata al repository GitHub per maggiori informazioni sulla configurazione. Ciò include il supporto del browser, tutti i parametri personalizzati e le istruzioni di configurazione per i principali file JS / CSS.

L'API include molte funzionalità che puoi modificare:

  • Elenco comprimibile di articoli.
  • Sottotitoli in tabella.
  • Offset per la navigazione da tavolo.
  • Risolto il problema con nav o static.
  • Collegamenti extra da aggiungere alla navigazione.

Alcuni designer potrebbero preferire creare da soli il proprio sommario. Ma questo è un processo abbastanza tecnico e richiede un sacco di sforzo manuale.

Con Tocbot sei solo una funzione JS lontana da un ToC funzionante che gira dinamicamente su tutte le intestazioni di pagina.

Per saperne di più visita la homepage di Tocbot. Questo ha tutte le informazioni di configurazione necessarie con i collegamenti di download alle versioni CDN (e locali) di tutti i file Tocbot.

Personalizza gli strumenti per sviluppatori di Chrome con DevTools Author

Personalizza gli strumenti per sviluppatori di Chrome con DevTools Author

Se sei uno sviluppatore frontend, dovresti già sapere sul pannello DevTools di Google Chrome. Viene fornito in bundle con tutte le versioni di Chrome che offrono strumenti per la modifica di HTML / CSS raw insieme a una console JS e la possibilità di manipolare il DOM in tempo reale.Un nuovo plugin Chrome gratuito chiamato DevTools Author consente di personalizzare il pannello DevTools con combinazioni di colori di sintassi aggiuntivi, caratteri univoci e dimensioni dei caratteri personalizzati.L

(Consigli tecnici e di design)

Gestione dei contenuti visualizzati in modalità Anteprima di WordPress [Consiglio WordPress]

Gestione dei contenuti visualizzati in modalità Anteprima di WordPress [Consiglio WordPress]

Se sei un utente regolare di WordPress che pubblica regolarmente post, la modalità Anteprima non ha bisogno di presentazioni. Lo usiamo spesso per visualizzare in anteprima i nostri post mentre scriviamo, o per fare un controllo finale prima di premere il pulsante di pubblicazione. Ma sai che in realtà c'è più che possiamo fare in questa modalità?Word

(Consigli tecnici e di design)