Un amico e cliente, qualche giorno fa, mi ha chiesto di valutare la curiosa implementazione dell’hover sui link in sidebar del sito di Mark Boulton. Questo, al fine di considerarne la possibile implementazione sul suo nuovo sito.
In pratica, l’effetto consiste in questo: quando l’utente sposta il puntatore nella sidebar di destra del sito, tutti i link presenti nell’area in questione, fino a quel momento indistinguibili dal normale testo, “acquistano” il colore verde. Se passo sopra ogni singolo link, il mouseover è evidenziato dalla sottolineatura.
Personalmente, non ricordo di aver visto in altri siti una soluzione di questo tipo. Per riprodurla al volo ho usato jquery, controllando l’evento hover dell’area compresa in un dato div e cambiando il colore del link di conseguenza. (4 righe di css e 6 righe di jquery in tutto, almeno nella mia versione di test). Problemi con i dispositivi mobili, aggravio di peso: ne vale la pena? L’impatto sulla chiarezza della fruizione è realmente positivo? Ci penso su.
Spedire email da Xampp
Quante volte ci è capitato di sviluppare in locale, usando Xampp e di non riuscire a testare i vari contact form?
La soluzione è molto semplice. Si edita il file php.ini (nella mia installazione di Xampp è in xampp/php, ma in altre installazioni potrebbe essere in un’altra directory) e si cerca la riga contenente “SMTP”. Dovreste trovare qualcosa tipo:
SMTP = localhost
smtp_port = 25
Risolvere il conflitto tra Skype e Xampp
Tutti conoscono Skype, il programma che consente di fare chiamate e conversare via chat attraverso internet. Molti sviluppatori usano Xampp, un praticissimo pacchetto che comprende Apache, MySql, Php e Perl e che consente di testare con facilità in locale il lavoro di sviluppo web.
Il problema nasce dal fatto che spesso l’uso congiunto dei due programmi genera un fastidioso problema: Skype e Apache vanno in conflitto. La soluzione, per fortuna è molto semplice. Trattandosi di un conflitto di porte (usano entrambi 80 e 443) basta modificare la configurazione di Apache o quella di Skype. Io preferisco quest’ultima soluzione, perchè sono troppo pigro per aggiungere il numero di porta ad ogni chiamata ad Apache (tipo http://localhost:8080/, per fare un esempio…). Leggi tutto “Risolvere il conflitto tra Skype e Xampp”
Convertire i font negli ebook da epub a mobi
Un piccolo ma fastidioso problema che si presenta quando si deve convertire con Calibre un ebook dal formato epub al mobi. I caratteri risultano nel Kindle sostituiti con un font monospace tipo courier. La lettura risulta faticosissima.
Ovviare al problema è possibile e molto semplice, e richiede un solo passaggio supplementare. Si deve installare il software open source Sigil, un editor WYSIWYG di ebook.
Si apre l’epub da convertire, si edita l’unico file css e si elimina la riga relativa alla definizione del font, che generalmente ha questo aspetto:
{
font-family: Georgia, Garamond, serif, sansserif, monospace;
}A questo punto si salva l’epub e lo si apre e converte come di consueto con Calibre.
Il Mobi risultante sarà presentato dal Kindle con i caratteri di sistema del dispositivo, molto più leggibili.
Aggiungere il campo cerca nel menù di navigazione wp
Un semplice trick trovato su WpRecipes (ma l’originale è in questo articolo) per inserire nella barra di navigazione di WordPress 3.* il campo cerca. Semplice e utile. Basta editare functions.php e aggiungere queste poche righe di codice:
add_filter('wp_nav_menu_items','add_search_box', 10, 2);
function add_search_box($items, $args) {
ob_start();
get_search_form();
$searchform = ob_get_contents();
ob_end_clean();
$items .= '<li>' . $searchform . '</li>';
return $items;
}