Il desiderio di iniziare a marcare i propri siti in html5 è sempre più urgente per tanti di noi, anche se la “vecchia” marcatura sarà tra noi ancora per molti anni.
Gli innumerevoli problemi di (retro)compatibilità – specialmente per quanto riguarda il browser dalla e azzurra – possono essere in parte tamponati adottando le numerose soluzioni note a tutti gli sviluppatori.
La mia esigenza è quella di sfruttare la completezza semantica dell’html5, ma senza rinunciare alle mie amate griglie. Read the rest of this entry »
February 20, 2012
0
html5 e Blueprintcss
By paolo in sviluppo web
February 15, 2012
0
Collegare WordPress e Facebook con Wpbook Lite.
By paolo in facebook, wordpressIl plugin Wpbook Lite serve per pubblicare in automatico i post WordPress sul wall di Facebook.
In realtà consente di fare questo e molto altro, ma ai fini di questo articolo ci basterà sfiorare la superficie, vedendo come realizzare la funzione base.
Il procedimento si articola in piu’ fasi.
In primo luogo occorre creare un’applicazione Facebook (nulla di spaventoso, solo pochi clic), poi si “lavora” sui settaggi del plugin all’interno dell’interfaccia di amministrazione di WordPress. In maggiore dettaglio:
February 12, 2012
0
Tipografia: Lobster e Cabin
By paolo in tipografiaCon questo post inizierò (forse…) una serie: vorrei esplorare i possibili abbinamenti di due fonts web presenti negli archivi di googlefonts, uno per le titolazioni, uno per il testo.
Mi piacerebbe che questi fossero post il piu’ possibile “aperti” e mi piacerebbe ricevere altre combinazioni da parte di quante più persone possibile. In tal caso, potrebbe risultare una “galleria” di post di una certa utilità per chiunque abbia un qualche interesse per la tipografia.
Il post sarà sempre strutturato alla stessa maniera, con un titolo h1 e uno o più paragrafi di testo che saranno sempre incipit di famose opere letterarie…
Read the rest of this entry »
Tags: cabin, fonts, googlefonts, lobster
January 18, 2012
0
Modelli di interfaccia utente: Mark Boulton
By paolo in sviluppo webUn 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.
January 5, 2012
1
Spedire email da Xampp
By paolo in sviluppo webQuante 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
January 3, 2012
0
Risolvere il conflitto tra Skype e Xampp
By paolo in serverTutti 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…). Read the rest of this entry »
December 22, 2011
1
Convertire i font negli ebook da epub a mobi
By paolo in ebookUn 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.
November 8, 2011
0
Aggiungere il campo cerca nel menù di navigazione wp
By paolo in wordpressUn 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;
}
October 14, 2011
0
virtual host con xampp e windows in 5 minuti
By paolo in server, sviluppo web, windowsLa configurazione necessaria per settare virtual hosts con xampp sotto windows è veramente minima: basteranno 5 minuti perchè tutto “giri” alla perfezione. Non mi dilungo sugli aspetti generali e riporto solo i passi necessari per ottenere al volo il risultato. Ad esempio, voglio configurare il virtual host pippo.com, che deve puntare alla cartella c:\xampp\htdocs\pippo.com. Presumo che xampp sia installato nella directory c:\xampp :
1) Devo configurare Windows perchè riconosca l’host. Edito, come amministratore (ad es. in Vista) il file c:\windows\system32\drivers\etc\hosts
October 13, 2011
0
pianificare lo spegnimento del pc in windows
By paolo in windowsNon ho mai capito perchè fioriscano in rete i programmi per spegnere ad una data ora/giorno il proprio pc, quando tale funzionalità è ottenibile in pochi secondi con gli strumenti che già windows mette a disposizione.
Il procedimento è semplicissimo: creo un file batch contenente il comando shutdown e poi lo programmo con l’utilità “Operazioni Pianificate”.
Allora, ecco i due semplici passaggi.
1) Apro un editor di testo e creo il file spegnipc.bat. Il contenuto è la sola istruzione
shutdown -s -f
cioè spegni il pc subito interrompendo i programmi eventualmente in esecuzione.