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


Crea menu di scelta rapida personalizzati con right-click con justContext.js

Ogni browser Web ha un menu di scelta rapida predefinito . Questo appare quando l'utente fa clic con il tasto destro del mouse su una pagina e di solito ha le stesse opzioni, come "copia", "salva" o "controlla elemento".

Con la libreria justContext, puoi creare menu contestuali specializzati per qualsiasi elemento sul tuo sito. Questi possono essere popolati automaticamente con qualsiasi cosa tu voglia e puoi scrivere funzioni personalizzate da eseguire ogni volta che l'utente fa clic su un'opzione nel tuo menu personalizzato.

Ogni elemento della pagina può supportare il proprio menu di scelta rapida. Ciò significa che puoi scegliere come target singoli elementi come slideshow o video player HTML5 oppure puoi scegliere come target l'intero corpo della pagina .

Hai il pieno controllo sul tema del menu di scelta rapida, inclusi caratteri, colori, icone e persino separatori per dividere il tuo menu in sezioni. Questo plugin ti consente davvero di creare un menu contestuale completo da zero con tutte le funzionalità che ti piacciono.

Per impostazione predefinita, justContext viene fornito con due temi : scuro e chiaro . Puoi scegliere tra loro e trovare quello che meglio corrisponde al tuo sito web.

Ogni tema può essere personalizzato utilizzando diversi tipi di carattere Web di Google, per non parlare dell'intera libreria Font Awesome che viene confezionata per impostazione predefinita.

Guarda la demo live per vederla in azione. Funziona in tutti i browser ad eccezione di Internet Explorer ma questo non dovrebbe essere un problema considerando la spinta di Microsoft verso il nuovo browser Edge.

La creazione del menu contestuale attuale è un po 'complicata. Richiede alcune classi CSS ed è tutto hard-coded in HTML nella tua pagina web.

Ecco un esempio dal repository principale su GitHub:

  • Tagliare
  • copia
  • Incolla

  • Nuovo pacchetto
  • Nuova classe
  • Nuova interfaccia (una voce disabilitata)

Se sei disposto ad armeggiare con le impostazioni puoi fare molto con questo plugin. Ma, ammetto anche che è una risorsa specifica di nicchia che non sarà preziosa per tutti i siti web.

Indipendentemente dal motivo o dal modo in cui lo useresti, justContext è la migliore risorsa in assoluto per creare da zero menu contestuali web . Tutta la documentazione è disponibile su GitHub e il plugin è gratuito al 100% da utilizzare su qualsiasi progetto web.

Che cosa è rel = "noopener" in WordPress & come rimuoverlo

Che cosa è rel = "noopener" in WordPress & come rimuoverlo

Se hai rel="noopener" aggiornamento a WordPress 4.7.4 o versione successiva, devi aver notato un nuovo tag rel="noopener" accanto al tag target="_blank" nell'editor HTML. Il tag viene automaticamente aggiunto a tutti i link interni ed esterni quando vengono aperti in una nuova scheda

(Consigli tecnici e di design)

Vecteezy ha un editor di immagini basato sul browser piuttosto cool ed è gratuito

Vecteezy ha un editor di immagini basato sul browser piuttosto cool ed è gratuito

Non c'è carenza di siti web vettoriali gratuiti per aiutare i progettisti a trovare grafica scalabile di qualità . Ma c'è una risorsa, Vecteezy, che ha appena fatto un ulteriore passo avanti con il proprio strumento di modifica vettoriale nel browser .Con Vecteezy Editor, puoi costruire qualsiasi vettore che desideri direttamente dal tuo browser web e, soprattutto, è completamente gratuito .Non

(Consigli tecnici e di design)