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.

Crea barre di avanzamento responsive personalizzate con ProgressBar.js

Crea barre di avanzamento responsive personalizzate con ProgressBar.js

Le barre di avanzamento sono ampiamente conosciute dalla maggior parte degli utenti sul web. Per gli sviluppatori, è spesso un processo complicato creare una barra di avanzamento da zero . Ma con ProgressBar.js non devi!Questa libreria open source gratuita non ha dipendenze e supporta tutti i principali browser, tra cui IE9 +.

(Consigli tecnici e di design)

Samsung Galaxy S8 - La nave ammiraglia che potrebbe cambiare il futuro della compagnia

Samsung Galaxy S8 - La nave ammiraglia che potrebbe cambiare il futuro della compagnia

Nel 2016, Samsung è riuscita a sbarazzarsi di zuppa calda a causa del catastrofico fallimento della Note 7. Considerato ampiamente uno dei più grandi scandali nel settore tecnologico, la buona reputazione di Samsung ha subito un duro colpo sui fallimenti della Note 7 . Ora, con la società coreana che lancia ufficialmente il Galaxy S8, la domanda diventa questa: la S8 permetterà a Samsung di passare dal fiasco della Note 7, o la S8 continuerà a guidare l'azienda coreana su un sentiero oscuro?Prim

(Consigli tecnici e di design)