Il blog di Francesco D'Aguanno

8 trucchi CSS da una sola riga ciascuno

Pubblicato da Dag il giorno 10/03/2008.

Ecco alcuni semplici trucchi per risolvere con una riga di codice alcune piccole grandi problematiche affrontate con i fogli di stile; con una sola proprietà, possiamo gestire la scrollbar di Firefox, i bordi dei link attivi, l'allineamento orizzontale etc.

Allineamento centrato verticalmente. Con la proprietà line-height si risolve il problema dell'allineamento verticale al centro.
a{line-height:24px;}
Layout compromesso da elementi fuori misura. Con la proprietà overflow, si può evitare che elementi troppo grandi vadano a deformare il layout.
div.content{overflow:hidden;}
Evitare linee a capo. Per evitare i ritorni a capo all'interno delle celle di una tabella o semplicemente nel bel mezzo di un link, si può utilizzare la proprietà white-space.
td{white-space:nowrap;}
Mostrare sempre le scrollbar di Firefox. Per ammorbidire le differenze fra Firefox e Internet Explorer, è possibile mostrare sempre le scrollbar di Mozilla Firefox; di nuovo grazie alla proprietà overflow.
html{overflow:-moz-scrollbars-vertical;}
Allineare al centro orizzontalmente elementi di tipo block. Per allineare al centro i div e gli altri elementi di tipo block, si può sfruttare la proprietà margin.
div.content{margin:0 auto;}
Rimuovere la scrollbar verticale dalla textarea su Internet Explorer. Per omogeneizzare le textarea di Internet Explorer con quelle di Firefox, è possibile rimuovere la scrollbar verticale del browser di casa Microsoft utilizzando la proprietà overflow.
textarea{overflow:auto;}
Forzare le interruzioni di pagina in stampa. Per migliorare le stampe è possibile forzare le interruzioni di pagina con la proprietà page-break-before.
h2{page-break-before:always;}
Rimuovere i bordi dai link attivi. Per rimuovere gli antiestetici bordi dai link attivi, si può ricorrere all'uso della proprietà outline.
a:active, a:focus{outline:none;}

Non è un vero e proprio cheatsheet, ma spero possiate trovarlo utile.

Elenco di tutti i domini di primo livello

Pubblicato da Dag il giorno 09/10/2007.

Anche se questo non è un vero e proprio Cheat Sheet, lo ritengo molto utile.

~~Per visualizzare o scaricare il file contenente il cheat sheet (disponibile sia in un archivio Zip che in formato HTML) seguite il seguente link: IANA Top Level Domain Cheat Sheet.~~

Girovagando nella rete mi sono imbattutto nel cosiddetto index TLD code di IANA.org.

Lo IANA (Internet Assigned Numbers Authority) è l'organismo che ha la responsabilità dell'assegnazione degli indirizzi IP.

La gestione degli indirizi IP è molto strutturata. Gli indirizzi IP di classe A vengono delegati dallo IANA ai RIP. Questi ultimi si preoccupano di delegare blocchi di indirizzi IP più piccoli, ip address di classe B, ai provider. Questa ripartizione gerarchica permette l'assegnazione dell'indizzo IP agli utenti finali.

Per visualizzare o scaricare il file contenente il cheat sheet (disponibile sia in un archivio Zip che in formato HTML) seguite il seguente link: IANA Top Level Domain Cheat Sheet.

Mozilla Firefox Cheat Sheet e altro

Pubblicato da Dag il giorno 04/10/2007.

Torniamo a parlare di cheat sheet, questa volta a proposito di Mozilla Firefox.

Per visualizzare o scaricare il file contenente il cheat sheet (disponibile sia in un archivio Zip che in formato HTML) seguite il seguente link: Mozilla Firefox Cheat Sheet.

Proprio qualche mese fa, precisamente il 10 settembre 2007, la Mozilla Foundation ha annunciato download n° 400.000.000 (sì, proprio quattocento milioni); c'è da notare che nel 2006, i download erano esattamente la metà.

Secondo le statistiche di OneStat.com, l'utilizzo di Firefox a livello mondiale si attesterebbe attorno al 13%, contro l'85% di Internet Explorer.

Le cose vanno molto meglio in Europa, almeno da quanto risulta analizzando le statistiche di XiTi: Firefox avrebbe almeno il 20% della torta. Tra l'altro XiTi scende più nel dettaglio e mostra le statistiche delle nazioni europee:

Finlandia: 38,39%
Slovenia: 35,55%
Germania: 30,27%
Repubblica Ceca: 39,29%
Slovacchia: 28,87%

Noi italiani siamo in 24^ posizione, con un bel 13,07%... In sostanza ci manteniamo allineati alle statistiche mondiali.

Resta il fatto che firefox è in costante ascesa; a volte lo fa più velocemente, altre più lentamente, ma in ogni caso l'uso di Firefox è destinato a crescere.

Molti si chiederanno quali siano i motivi di tanto successo. Io ve ne indico alcuni, quelli che mi hanno portato ad abbandonare Internet Explorer.

Firefox permette la navigazione a schede. L'utilizzo delle schede rende la navigazione velocissima e soprattutto più ordinata ! Tutti i siti web aperti sono conenuti in un'unica finestra di semplicissima consultazione
Include nativamente un sistema di blocco delle finestre pop-up. In questo modo possiamo dire addio alle noiose pubblicità. Se un sito utilizza i pop-up in modo corretto e utile, basta un click per abilitarlo ad aprire finestre supplementari
Aggiornamento automatico. Quando su Mozilla update sono disponiili aggiornamenti, il browser lo riconosce ed se desiderato provvede all'aggiornamento in modo automatico
Una miriade di estensioni. Il fatto di essere open-source ha permesso la proliferazione di infinite estensioni di Firefox; si trovano estensioni per qualsiasi esigenza: dalle ultime notizie allo sviluppo di software dalla grafica al meteo, ai giochi, etc.
Ripristino sessione di lavoro. Nel remoto caso in cui firefox dovesse andare in errore, al successivo riavvio sarà possibile ripristinare tutti i siti web aperti prima dell'errore

La navigazione con Firefox, può essere ottimizzata grazie a numerose scorciatoie da tastiera, e combinazioni di mouse e tastiera.

Google cheat sheet

Pubblicato da Dag il giorno 14/09/2007.

A proposito di Cheat Sheet, Google ha una pagina contenente il proprio. Non è un granché: non sono menzionate moltissime delle istruzioni utilizzabili.
Per questo motivo ho deciso di cominciare la sezione Cheat Sheet proprio con il foglio relativo al Motore di ricerca Californiano.

Per visualizzare o scaricare il file contenente il cheat sheet (disponibile sia in un archivio Zip che in formato HTML) seguite il seguente link: Google Cheat Sheet.

Girovagando nella rete ho trovato un sito, Adelaider, che ne contiene uno in versione PDF davvero ben fatto. Ha la pecca di fornire più informazioni di quante ne siano davvero necessarie: credo che un buon cheat sheet debba contenere solo informazioni strettamente legate all'utilizzo del prodotto. Per questo sto redigento il mio Google Cheat Sheet. Con il passare del tempo aggiornerò questo post, e quando lo riterrò pronto genererò il PDF scaricabile.

Sono ben accetti commenti, per indicare eventuali errori, discordanze o per proporre nuovi metodi di ricerca non menzionati.

Basandomi sulla pagina ufficale di Google, sul PDF di Adelaider e su altri siti presi qua e la nella rete ho prodotto quanto segue:

Operatori di ricerca

alberghi: cerca pagine contenenti la parola alberghi
-alberghi: cerca pagine non contenenti la parola alberghi
"bed and breakfast": cerca pagine contenenti la frase "bed and breakfast"
alberghi roma: cerca pagine contenenti la parola alberghi e la parola roma
"bed and breakfast" OR alberghi roma: cerca pagine contenenti la parola alberghi e/o la frase "bed and breakfast" e la parola roma
~alberghi: cerca pagine contenenti la parola alberghi e gli eventuali sinonimi
lunedì * domenica: cerca pagine contenenti le parole lunedì e domenica separate da una o più parole

Operatori di calcolo

x + y: addizione (ad esempio 5 + 4)
x - y: subtraction (ad esempio 9 - 3)
x * y: moltiplicazione (ad esempio 2 * 4)
x / y: divisione (ad esempio 10 * 2)
x% of y: percentuale (ad esempio 25% of 10)
x % y: resto della divisione (ad esempio 5 % 2)
x^y: elevamento a potenze (ad esempio 2^4)

Operatori di ricerca avanzati

site: nome dominio: cerca pagine contenute nel dominio nome dominio indicato
safesearch: query di ricerca: cerca pagine escludendo risultati per adulti
link: nome dominio/pagina: cerca pagine contenenti link alla pagina indicata
link: nome dominio: restituisce le informazioni a proposito del nome dominio indicato
related: nome dominio: restituisce le pagine con relazionate al nome dominio indicato
cache: nome dominio/pagina: restituisce la copia cache della pagina indicata
filetype: tipo di file: restituisce risultati ristretti al tipo di file indicato
allintitle: query di ricerca: restituisce risultati contenenti la query di ricerca nel titolo
inurl: query di ricerca: restituisce risultati contenenti la query di ricerca nell'URL
intext: query di ricerca: restituisce risultati contenenti la query di ricerca nel corpo del testo
allintext: query di ricerca: restituisce risultati contenenti tutte le parole della query di ricerca nel corpo del testo

Ricerche particolari

book nome libro: restituisce risultati relativi al libro indicato
movie: nome film: restituisce le recensioni al film indicato

Per visualizzare o scaricare il file contenente il cheat sheet (disponibile sia in un archivio Zip che in formato HTML) seguite il seguente link: Google Cheat Sheet.