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.

C'è un nuovo modo per condividere la password WiFi in iOS 11 e ti piacerà

Con la versione beta di iOS 11 ora disponibile, le persone stanno scoprendo alcune delle nuove funzionalità nell'ultimo sistema operativo di Apple che la società non ha menzionato durante il keynote del WWDC 2017.Mentre un dispositivo di scorrimento del volume più piccolo e i nuovi controlli AirPod sono piuttosto accurati, forse la caratteristica più interessante introdotta da Apple con iOS 11 è la possibilità di condividere password Wi-Fi con altri dispositivi .Scope

(Consigli tecnici e di design)

Come aggiungere l'icona dell'app iPhone con Cordova

Per un'app mobile l'icona è parte integrante di un'app che la separa dal resto della folla. È anche la prima cosa di un'app che i potenziali utenti vedranno, ed è per questo che molti designer hanno pensato tanto al design delle icone. In questo post, dopo la nostra discussione sulla creazione di un'app mobile con Cordova, ti mostreremo come aggiungere un'icona per la tua app .Pr

(Consigli tecnici e di design)