HTML5: l’importanza del metatag viewport per migliorare la visualizzazione mobile

viewportCosa è il viewport? Si tratta dell’area visibile all’utente di una pagina web. Ovviamente le dimensioni del “viewport” saranno differenti a seconda che si utilizzi uno schermo di un desktop o quello di un tablet o di uno smartphone.

Se non impostiamo il metatag “viewport” (vedremo in seguito come…) il nostro smartphone cercherà di adattare alle dimensioni del suo schermo (320px in posizione verticale per gli smartphone) la pagina caricata che, per naturale eredità è normalizzata per una risoluzione media di uno schermo a 980px di larghezza. Tutto questo per mantenere l’aspetto originale.

Il problema è che la pagina, così scalata, risulta illeggibile!
Continua a leggere

Pubblicato in Informatica | Contrassegnato , , | Commenti disabilitati su HTML5: l’importanza del metatag viewport per migliorare la visualizzazione mobile

Plesk e QMail: come monitorare la coda dei messaggi

Loghi Plesk e QMail, icona coda messaggi Monitorare la coda dei messaggi di posta elettronica è sempre un task importante per chi gestisce un server. Basta che venga trafugata una password di qualche utente o che il pc di qualche utente sia affetto da malware che il nostro server comincia a produrre un’infinità di messaggi di spam. Questa situazione è assolutamente da evitare perché, a parte i problemi derivanti dall’effetto “tappo” dato dalla massa dei messaggi in uscita e il conseguente sovraccarico in termini di CPU e di memoria, c’è la severa possibilità che l’indirizzo IP del server venga presto inserito nelle blacklist.
Nel caso il nostro server venga gestito tramite Plesk e il servizio di posta elettronica sia basato su QMail (caso piuttosto diffuso) possiamo utilizzare direttamente il pannello di controllo di Plesk per monitorare ed eventualmente per cancellare i messaggi che stanno affollando pericolosamente la coda. E’ utile, prima di cancellare i messaggi sospetti, analizzare gli header degli stessi per capire da quale account stanno partendo. Continua a leggere

Pubblicato in Informatica | Contrassegnato , , , | Commenti disabilitati su Plesk e QMail: come monitorare la coda dei messaggi

Come spostare un div con jQuery per rendere un layout responsive

movediv Il problema si pone quando abbiamo a che fare con un layout composto da un div contenitore nel quale ci sono due div disposti in colonne affiancate: la prima colonna a sinistra (il div rosso nella foto accanto) è una sidebar di dimensioni p.e. del 30% e la seconda colonna a destra (che flotta a sinistra), è il contenitore del testo principale (il div verde). Continua a leggere

Pubblicato in Informatica | Contrassegnato , , , | Commenti disabilitati su Come spostare un div con jQuery per rendere un layout responsive

WordPress: uno shortcode per elencare le pagine figlie con titolo, link e miniatura

StagioniIn questo breve articolo vi voglio mostrare come creare uno shortcode utilizzabile sia nel contenuto delle pagine che nell’area widget, per mostrare l’elenco delle pagine figlie di una data pagina, con il titolo, il link e la miniatura dell’immagine in evidenza. Continua a leggere

Pubblicato in Informatica | Contrassegnato | Commenti disabilitati su WordPress: uno shortcode per elencare le pagine figlie con titolo, link e miniatura

WordPress: un widget per mostrare le miniature di una galleria di foto nella sidebar

Wordpress: un widget per mostrare le miniature di una galleriaQuesto widget è veramente semplicissimo, serve a mostrare in un riquadro le miniature (thumbnails) 64×64 pixel di una qualsiasi galleria di foto (photogallery) nativa di WordPress. L’installazione è immediata, basta includere nel file “functions.php” del tema attivo, il file con il codice che illustrerò qui sotto. Nell’area Aspetto -> widget sarà disponibile il widget: “MS Gallery Thumbs Widget”, è sufficiente trascinarlo nell’area dove lo si desidera posizionare e impostare nell’ordine:
Continua a leggere

Pubblicato in Informatica | Contrassegnato , , , , | Commenti disabilitati su WordPress: un widget per mostrare le miniature di una galleria di foto nella sidebar