Tutorial (HTML, CSS, JS)

Determinare utilizzo dispositivi mobili jQuery

Come determinare l’utilizzo di dispositivi mobili con jQuery

Per offrire la miglior esperienza possibile agli utenti che navigano sul nostro sito web, è necessario ottimizzarne le pagine, rendendole responsive. In tal modo potremo assicurare un’ottima visualizzazione sia su dispositivi desktop che mobile. Per far questo è sufficiente l’uso delle media query all’interno dei fogli stile e quindi non dovrebbe essere necessario conoscere la tipologia di dispositivo utilizzata. In alcuni casi però, questa …

Come determinare l’utilizzo di dispositivi mobili con jQuery Leggi altro »

Post correlati in Wordpress

Aggiungere una lista di post correlati in WordPress

In questo tutorial vedremo come creare una lista personalizzata di post correlati da aggiungere in un articolo del blog (o sito). Nell’esempio utilizzeremo il file content.php come template per la visualizzazione dei correlati. Poiché lo scopo è di focalizzare l’attenzione sull’aggiunta delle correlazioni tra i post, non andremo a considerare gli aspetti estetici relativi agli stili e, quindi, …

Aggiungere una lista di post correlati in WordPress Leggi altro »

Determinare orientamento dispositivi

Come determinare l’orientamento dei dispositivi mobili con jQuery

Per sapere se il dispositivo mobile, con il quale un utente sta visualizzando il nostro sito, sia posto in verticale (portrait) o in orizzontale (landscape) è sufficiente una semplice riga di codice Javascript. Ma perché potrebbe esserci utile saperlo? A livello generale, dal momento in cui ottimizziamo un sito per dispositivi mobili, questo dovrebbe vedersi bene in entrambi gli orientamenti e senza …

Come determinare l’orientamento dei dispositivi mobili con jQuery Leggi altro »

Effetto flip card animate

Creare un effetto flip card con i CSS

In questo tutorial vediamo come creare delle flip card animate con l’utilizzo di HTML dei CSS. Passando col mouse sopra l’elemento, questo effettuerà una rotazione di 180 gradi su sé stesso andando a mostrare il lato posteriore. Prima di incominciare bisogna notare che l’effetto non funzionerà su dispositivi touchscreen, salvo l’utilizzo di un comando Javascript per gestire gli eventi …

Creare un effetto flip card con i CSS Leggi altro »

Creare popup in html responsive e animato

Creare un popup in HTML responsive e animato

In questo tutorial vediamo come creare un popup in HTML animato, responsive e facilmente personalizzabile. Gli ingredienti principali sono Javascript (jQuery), CSS e ovviamente HTML. Per prima cosa è necessario creare un pulsante al cui clic associare l’apertura del popup. Qualora aveste già tale elemento potete passare al punto 2. Crea il pulsante per aprire il popup …

Creare un popup in HTML responsive e animato Leggi altro »

Scroll to Top