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


Aggiungi il testo del passaggio del margine a qualsiasi sito web facilmente con Marginotes

I tooltip in linea sono fantastici ma a volte semplicemente non si adattano bene a determinati contenuti. La maggior parte dei siti web lascia spazio nei margini lungo il corpo della pagina e questo è perfetto per aggiungere contenuto in stile tooltip senza le descrizioni comandi .

Inserisci Marginote, un plugin jQuery open source gratuito che aggiunge note personalizzate ai margini della tua pagina web. È possibile attivare queste note in base ai collegamenti o a determinati elementi della pagina, ad esempio le immagini.

Questo plugin è sorprendentemente facile da configurare e viene fornito con un foglio di stile predefinito per le note a margine. Questi appaiono a lato del tuo contenuto e si allineano proprio accanto all'elemento paragrafo sulla tua pagina web.

Le note al passaggio del mouse vengono aggiunte manualmente ai tuoi elementi HTML, utilizzando un attributo desc . Non l'ho mai visto in HTML5, quindi non posso dire se è pienamente conforme. Ma viene catturato da JavaScript che è tutto ciò di cui hai veramente bisogno.

Puoi anche modificare questo attributo quando esegui la funzione marginotes(), in modo che tu possa cambiarlo in qualcosa come data-desc se stai cercando di essere più conforme.

Ecco la linea di jQuery necessaria per far funzionare questo plugin:

 $ ( "Selettore"). Marginotes () 

Devi sostituire "selector" con qualunque elemento tu stia bersagliando. Quindi, se sono all'interno del corpo della tua pagina puoi usare ".body span" . Potresti anche scegliere come link di ancoraggio o alcune classi aggiunte a questi elementi.

All'interno della funzione marginotes(), puoi aggiungere due parametri facoltativi per modificare il formato della nota di margine:

  1. width - imposta la larghezza della nota (il valore predefinito è 100px)
  2. field - imposta l'attributo del contenuto HTML (predefinito su "desc" )

Inoltre, se non ti piace usare jQuery puoi provare il plugin Marginotes vaniglia . Funziona su vanilla JS, quindi hai zero dipendenze per ottenere tutte le stesse funzionalità.

Puoi anche dare un'occhiata a questa demo dal vivo se vuoi vederla in azione. Questo è sicuramente un plugin unico ed è un ottimo modo per aggiungere del contenuto extra al tuo sito.

Crea animazioni vistose e interattive facilmente con Animatron

Crea animazioni vistose e interattive facilmente con Animatron

Alle persone piace spostare gli oggetti più di quelli statici. Ecco perché i video e l'animazione sono così famosi . Se si confrontano i due, l'animazione è più efficace con un semplice oggetto in movimento: è leggera sia per dimensioni che per larghezza di banda .Nel web design, creare un'animazione molto semplice è davvero facile. Ci so

(Consigli tecnici e di design)

Come ottenere i gadget desktop di Windows 7 su Windows 8.1

Come ottenere i gadget desktop di Windows 7 su Windows 8.1

Con Windows 8.1, gli utenti di Windows non solo hanno una nuova progettazione piatta dell'interfaccia utente, ma hanno anche perso i gadget desktop che avevano in Windows 7. I gadget desktop sono quelle app utili come orologio, calendario, convertitore di unità, misuratore della batteria, app meteo, titoli di feed e Di Più.

(Consigli tecnici e di design)