il (b)log da bere tutto in un sorso

Categoria: web

Avendo a disposizione più di 6 GB di spazio di archiviazione in GMail, spesso non cancelliamo la mail inutili. In questo modo diventa sempre più difficile effettuare ricerche nelle migliaia di mail presenti nella nostra casella di posta.

gmail-search

Ecco elencati alcuni trucchi per effettuare ricerche all’interno di GMail.

1. Cercare mail il cui mittente è (ad esempio) Mario Rossi:

from: Mario Rossi

2. Cercare mail il cui destinatario è (ad esempio) Marco Bianchi:

to: Marco Bianchi

3. Cercare mail il cui oggetto contiene la parola (ad esempio) mare:

subject: mare

4. Cercare solo nelle mail ancora da leggere:

is:unread

5. Cercare solo nelle mail già lette:

is:read

6. Cercare solo nelle mail contenute nell’etichetta la-mia-etichetta:

in:la-mia-etichetta

7. Cercare solo nel cestino:

in:trash

8. Cercare solo nelle mail contrassegnate come spam:

in:spam

9. Cercare ovunque (compreso Cestino e Spam):

in:anywhere

10. Cercare solo mail che hanno un allegato:

has:attachment

12. Cercare tutte le mail ricevute dopo una certa data, ad esempio, dopo il 30/11/2008:

after:2008/11/30

13. Cercare tutte le mail ricevute prima di una certa data, ad esempio, prima del 30/11/2008:

before:2008/11/30

14. Cercare email che contengono esattamente la frase Oggi andiamo al mare:

"Oggi andiamo al mare"

15. Eliminare dai risultati della ricerca tutte la mail che contengono la parola iPhone:

la tua ricerca -iPhone

16. Combinare più ricerche con gli operatori logici AND e OR. Ad esempio, cercare tutte le mail ricevute oppure inviate da Nicola Verdi che hanno un allegato:

(from:Nicola Verdi) OR (to:Nicola Verdi) has:attachment

Qualcuno conosce altri “trucchi”?

Popularity: 6% [?] Condividi

Una vera manna dal cielo per web designer e non solo.

IETester

Provare per credere… Un sentito grazie a Sign In per la segnalazione.

Popularity: 18% [?] Condividi

Bene, visto che oggi non ho molto voglia di studiare ne approfitto per scrivere questo articolo veloce veloce.

Feed IconA partire da una base di dati

Non so se vi è mai capitato di dover generare un feed RSS/Atom i cui contenuti sono a loro volta generati a partire da una base di dati. In questo caso ci viene in contro l’ottimo PHP Universal Feed Generator (che nome pomposo!): l’esempio d’uso presente nella pagina che ho linkato la dice lunga sulla semplicità e le potenzialità di queste classi PHP.

A partire da una qualsiasi pagina presente nel web

Nel caso in cui vogliate generare un Feed a partire da una qualsiasi pagina web i cui contenuti non gestite voi o comunque, per un motivo o per l’altro, non potete usare un generatore in PHP, le cose si complicano un pochino. È possibile utilizzare alcuni tool online.

FeedYes

FeedYes vi permette di far ciò con un procedimento veramente semplice, il servizio riesce a identificare senza troppe difficoltà i singoli elementi che diventeranno le entry del feed. Unico difetto: il servizio costa circa 25 $ all’anno!

Feed 43

Feed 43 (poi, perché proprio 43?), invece, necessita di alcuni passaggi di configurazione per il riconoscimento delle singole entry. Da una parte questo ci permette una maggiore precisione, dall’altra, nel caso il codice HTML sia mal strutturato, non riusciremo ad avere lo stesso risultato ottenuto con FeedYes. D’altro canto Feed 43 ha 2 tipi di account: uno di questi è completamente gratuito, la controindicazione è che in ogni elemento del Feed apparirà “Delivered by Feed 43″.

In ogni caso vi suggerisco di controllare che i Feed siano validi tramite Feed Validator e poi di renderli compatibili con qualsiasi browser o dispositivo tramite FeedBurner.

Qualcuno conosce altri generatori migliori di questi?

Popularity: 23% [?] Condividi

Le mode colpiscono tutte i frangenti della società, compreso Internet. La moda attuale può essere riassunta in un unica parola generalizzante: web 2.01. In questo articolo elenco una piccola serie di linee guida da seguire se si vuole implementare un design in stile web 2.0, linee guida acquisite durante l’esperienza degli ultimi sei mesi di web designing.

0) Il tempo dei 56k è finito

Ricordo ancora il mio primo corso di HTML/CSS (parliamo del 1999) in cui ci insegnarono una ferrea regola sull’uso di immagini all’interno di siti: utilizzare rigorosamente gif, ogni immagine doveva avere una dimensione massima di 4KB, senza mai superare un totale di 20KB (che era già troppo!). Ormai quei tempi sono superati: finalmente anche in Italia l’ADSL sta diventando una realtà di massa. Dunque, non facciamoci troppi problemi nell’uso di immagini per il layout delle pagine. Ora c’è chi usa un immagine di più di 150KB come header…

1) Colori

Usare colori pastello a basso contrasto, qui il grigio chiaro da fa re: dunque utilizzare colori che si allontanano il meno possibile dal bianco. Ecco alcuni esempi:

Esempi di colori in stile web2.0

Come si vede nell’esempio, la prima cifra del codice esadecimale è sempre una f, in questo modo siamo sicuri il colore risultante sia sempre molto leggero. Per lavorare bene con questi colori leggerissimi è necessario regolare ad hoc la luminosità e il contrasto del nostro schermo, se abbiamo ancora un vecchio CRT molto meglio.

Un’altra possibilità è quella di usare un forte contrasto fra colore di sfondo e colore del carattere. In questo caso il suggerimento è quello di usare come sfondo dei grigi molto scuri, magari grigo/blu, invece usando come colore del carattere qualcosa di più acceso rispetto ai colori precedenti. Ad esempio:

Esempi di colori in stile web2.0 ad alto contrasto

Il consiglio è comunque di non basare tutto il sito su questi ultimi colori, ma di usarli solo per la sidebar o per moduli che si vuole mettere in evidenza.

3)Gradienti

Se si usano delle immagine di sfondo o comunque all’interno del layout è buona norma non usare mai colori piatti ma utilizzare dei gradienti, in particolare quelli che io chiamo “gradienti invisibili” perché sono gradienti fra due colori molto simili eppure danno quel tocco di classe in più che non guasta mai. Solitamente il colore più chiaro sta in alto, ma questo si può cambiare, l’importante che se decidete una versione o il viceversa rispettiate tale “regola” per tutti gli elementi grafici. Un esempio semplice semplice:

Esempio di gradiente in perfetto stile web 2.0

Di solito per questi gradienti si usano colori anche molto più vicini di quelli nell’esempio. Assolutamente da evitare, invece, i gradienti da sinistra a destra o viceversa, piuttosto in obliquo.

4) Sfondo

Per lo sfondo del body ci sono principalmente 3 possibilità:

  1. Il corpo del sito con sfondo bianco mentre il body un colore di contrasto: un grigio, un azzurro, un marrone. In questo caso meglio usare colori più forti, comunque senza esagerare.
  2. Usare per tutto un “bianco sporco”:

    Clicca sull’immagine per ingrandire
  3. Usare un pattern di sfondo, a me non piacciono molto ma sono richiestissimi. Alcuni esempi fatti un po’ alla svelta:
    Esempio di sfondo con un pattern vettoriale Esempio di sfondo con un pattern vettoriale Esempio di sfondo con un pattern vettoriale
    Clicca sulle immagini per ingrandirle

5)Titolo del sito

Usate un immagine: testo tutto maiuscolo con font sottile. Se il titolo del sito/blog è composto da più parole non separatele con lo spazio ma usate colori diversi per ogni parola.

Un esempio di titolo di un sito in stile web2.0

Evitate il riflesso sotto il titolo, ha un po’ stufato. Se ne sentite proprio la necessità fate sì che sia appena appena visibile.

6)Carattere del contenuto

Se stiamo parlando di un blog o comunque di un sito pieno di contenuti in senso di testo non c’è cazzi: dimensione del font 12px e colore nero. Ma se il sito ci permette di farlo, perché il testo è poco, usiamo un carattere grande, magari non nero. Differenziamo titolo, preambolo/introduzione e tutto il resto. Meglio farlo vedere che spiegarlo:

Un esempio di contenuti in stile web.20

Clicca sull’immagine per ingrandire

7)AJAX

E pensare che AJAX è una tecnologia vecchia come i javascript stessi… Ma si è diffusa solo negli ultimi anni grazie al fatto che i PC degli utenti sono sempre più potenti per cui non c’è alcun rischio nell’usare una massiccia quantità di codice client-side. Massiccia si, ma state attenti a non esagerare: basti pensare a prototype (incluso in Wordpress) che pesa più di 100 KB. Ecco una lista di javascript framework utili per inserire quelche effetto grafico nel nostro sito/blog (e non solo):

  • jQuery (il re di tutti i JS framework!) e ThickBox
  • Prototype
  • mootools (implementa la “catena” di effetti, ovvero ad un elemento si possono assegnare una sequenza di diversi effetti), ancora meglio se in coppia con moo.rd
  • YUI - Yahoo! User Interface Library (probabilmente il più completo di tutti i framework)
  • ext (molto interessanti i GWT)
  • lightbox 2 (io lo odio, però è molto in voga!)
  • shadowbox (leggero e molto adattabile!)

Il più interessante è proprio questo ultimo perché non solo è leggero e con ottime prestazione (altro che lightbox!), ma è anche possibile configurarlo per basarsi su uno qualsiasi dei framework prima elencati (non proprio tutti) ed è compatibile con rel=”lightbox”. Peccato che io non riesca a farlo funzionare in questo blog :( . Lo potete vedere in azione in questo blog, ringrazio Il Bonzo per l’aiuto e la disponibilità!

8)Ombre

L’ombra degli oggetti grafici (icone, bottoni, etc…) meglio sotto l’oggetto stesso, come se questo fosse appoggiato su una superficie. In ogni caso usare ombre l-e-g-g-e-r-i-s-s-i-m-e!

8)Creatività

Queste sono solo alcune linee guida, posso tornare utili come no. Tanto senza un po’ di creatività (e di pazienza) nel mondo della grafica non si va da nessuna parte.

E ricordatevi che:

I bravi artisti copiano, i grandi artisti rubano. [I pirati della Silicon Velley]

No, non sto incitando a copiare il codice HTML/CSS altrui ^__^ dico solo che non c’è niente di male nell’ispirarsi ad un sito che ci piace.

Un articolo molto interessante sull’argomento e ricco di esempi lo trovate qui (in inglese).

[1] Mi trovo d’accordo con Paperino, però io la definirei sia una buzzword che una buzz word! Torna su

Popularity: 43% [?] Condividi

Qualcuno di voi starà pensando “ma questa notizia è vecchia”. È vero: lo segnalo semplicemente perché dopo una decina di giorni di utilizzo si è rilevato un servizio indispensabile per me.

DocSyncer - Synchronize Your Microsoft Office Documents with Your Google Docs Account

DocSyncer è un servizio per la sincronizzazione dei propri documenti con quelli dell’account Google. Niente di più, niente di meno. Una volta inscritti e installato il software verrà automaticamente effettuato l’upload di tutti i documenti presenti nella propria cartella Documenti (scusate lo sciogli lingua) in Google Doc.

DocSyncer: interfaccia per la gestione

Clicca sull’immagine per ingrandire

A questo punto sarà possibile scegliere dall’interfaccia se aprire ogni singolo file tramite Google o in locale.

DocSyncer: apri in locale o on-line Non fatevi ingannare dalla scritta “Open File in Microsoft Word”, se i DOC sono associati a OO Writer funziona comunque! ;)

Ogni modifica effettuata ad un file verrà automaticamente sincronizzata dall’applicativo appena avviato e con disponibilità di una connessione. In questo modo ogni volta che non disponete del vostro computer potrete modificare i file direttamente online con Google Doc per poi sincronizzare il tutto dopo, oppure lavorare tranquillamente offline con Office o OpenOffice e DocSync effettuerà da solo l’aggiornamento dei file. In un secondo momento potrete selezionare anche quale cartelle sincronizzare, persino l’intero hard disk. I file supportati sono: .DOC, .DOCX, .XLS, .XLSX, .PPT, .PPTX, .PPS, .PPSX, .ODT, .ODS, .TXT, .RTF, .HTML , .CSV Ma il punto di forza di DocSyncer è Previus Version: dopo ogni modifica salvata ad un documento è possibile visualizzare la lista di tutte le versioni precedenti e ripristinarne una di esse.

DocSyncer: Previus Version screenshot Clicca sull’immagine per ingrandire

Per quanto riguarda la privacy è possibile attivare un opzione che permette l’upload la modifica e il download tutto attraverso sessioni sicure SSL. Se, come me, vi capita di dover modificare documenti da computer altrui o pubblici vi consiglio fortemente di provare il servizio, il quale - nonostante sia in beta (è una moda) - non mi ha mai dato problemi di alcun tipo. E poi è gratis… Mi pare che gli screenshot inclusi in questo articolo esprimano meglio delle mie parole le potenzialità di di DocSyncer. Ah, unico difetto non da poco conto: il software attualmente è disponibile solo per piattaforma Windows purtroppo…

Popularity: 100% [?] Condividi

Ne ho sentito parlare prima da Emanuele e poi da Nicopi, sicché ho deciso di aderirvi anch’io nella speranza di aumentare la visibilità del mio blog. Il Bloggatore è un idea semplice quanto funzionale: aggregare feed di blog italiani che parlano di informatica e dintorni. Ora tutti i miei post della categoria informatica (che ho dovuto creare appositamente…) saranno pubblicati sul Bloggatore.

Donkeys with computers in Greece
Donkeys with computers in Greece by davesag

 

Per iscriversi ci vuole un attimo: segnalate il vostro blog con l’apposito form, dopodiché sarà sufficiente inserire l’antipixel Il Bloggatore nel proprio blog e il gioco è fatto.

Visto che mi trovo voglio comunque dire 2 cose alla redazione de Il Bloggatore:

  1. Un maggiore controllo sulla presenza di articoli non inerenti all’informatica. Ne ho visti un paio.
  2. Da quando esiste Internet per antipixel si intende un immagine di 80×15 pixel. Per questo ne ho disegnate due mentendo i colori di quello già esistente: Il Bloggatore antipixel 01, Il Bloggatore antipixel 02. Se vi piacciono potete farne l’uso che preferite.

In bocca al lupo a tutta la redazione de Il Bloggatore.

- Warning: Divide by zero.

Technorati tag: , , ,

Popularity: 23% [?] Condividi

Sta mattina mi raggiunge l’ennesima catena si San Antonio, questa volta è davvero particolare:

Oggetto: Finalmente un’email utile!!!e nn la solita catena del cavolooo!!!

Corpo: SE GOOGLE AVESSE UNO SCHERMO NERO [in Italiano no?], VISTA LA GRANDE QUANTITA’ DI
PERSONE CHE LO USANO, SI CALCOLA CHE SI RISPARMIEREBBERO CIRCA
750MEGAWATT/ORA.
COME RISPOSTA A QUESTO GOOGLE HA CREATO UNA VERSIONE IN NERO, CHIAMATA
BLACKLE, CON ESATTAMENTE LE STESSE FUNZIONI DI QUELLA IN BIANCO, CON
UN CONSUMO DI ENERGIA MINORE…
FALLO SAPERE E USALO, OGNI PICCOLA COSA CONTA.
Ecco la Versione italiana di google con schermo nero, con risparmio
energetico ,provare per credere!!!!

http://www.nerooogle.com/

(se il link non funziona cercate “nero google” sul motore di ricerca)

Se cliccate sul link vedrete una versione a sfondo nero e testo grigio chiaro di Google. Come riporta il sito stesso si tratta di un’iniziativa italiana “per il risparmio energetico” che non ha alcun legame con Google.

Neroogle

Mi viene da fare un paio di considerazioni:

  1. Io non credo che mettere sfondo nero al mio schermo LCD faccia sì che questo consumi meno… Mica per rappresentare il nero si spengono dei pixel!!!
  2. Ammettendo che fosse vero, perché non creare un tema nero per iGoogle invece di un sito che sfrutta la Google Custom Search?
  3. Penso che Neroogle sia il logo più brutto che io abbia mai visto. Inoltre hanno inserito il Trade Mark. L’avranno davvero pagato?

Si, oggi sono proprio acido. Ma mi sbaglio?

[UPDATE] Se cercate BLACKLE scoprirete che esistono altri siti che anno avuto questa idea: Beackle.com, GoogleLightOff.com, …

Ah, se non si fosse capito lo studio mi sta distruggendo l’ultimo neurone… Per cui non so quando riuscirò a pubblicare il secondo episodio della rubrica Vista features.

- Warning: Divide by zero.

Technorati tag: , , ,

Popularity: 34% [?] Condividi

Io ho sempre utilizzato trackback e pinkback senza conoscere qual’è la reale differenza fra i due strumenti. Scommetto che anche molti di voi non la conoscono!

tastiera  illuminata
Foto derivata da: keyboard by ekieraM

Il wiki Intro Blog di Wordpress Italia ci viene incontro: leggete i punti riguardanti trackback e pingback e il gioco è fatto.

- Warning: Divide by zero.

Popularity: 27% [?] Condividi

Chi mi segue (chi mi segue?) saprà già che ho passato diversi giorni a casa con la febbre. Nel delirio cazzeggio ho anche disegnato alcune icone, ispirandomi alle icone tonde che utlizzo sia nel widget “Seguimi” che in quello “Rete Sociale”. Per ora ne ho pubblicate solo tre poche (in costante aggiornamento) per motivi di tempo (ora ho ricominciato a studiare e devo recuperare il tempo perso!).

my_icon_prewiev
Spero vi piacciano!

Dalla pagina Icone gratuite è possibile scaricare ciascuna icona in formato PNG (sfondo trasparente) con dimensioin 512×512 pixel, 128×128, 64×64 e 48×48. Come al solito le icone sono rilasciate sotto Licenza Creative Commons. Se ciò non bastasse ho riempito le mie sidebar di piccole icone di famfamfam. Semplicemente splendide!

Vi lascio con qualche sito dove trovare icone grautite:

  • IconFinder: il mio preferito. Permette di cercare singole icone in base ai tag associati. Tutte le icone sono in formato PNG.
  • Fasticon: numerosissimi stock di icone gratuite (ci sono anche a pagamento).
  • YellowIcon: pochi set di icone, ma veramente professionali.
  • 104 Standard PC Keyboard Key Icons: il nome già dice tutto.

- Warning: Divide by zero.

Technorati tag: , , , ,

Popularity: 20% [?] Condividi

Dopo templatr (che non spicca certo per facilità d’uso) nasce Logo Creator, applicazione web che permette di creare - in pochi secondi - un logo come questo:

Divide by zero by Logo Creator

Potrete scegliere fra cinque temi (se ne salvano solo 3 però) e varie opzioni, come:

  • tutti i colori presenti nell’immagine (sia del testo che dello sfondo);
  • la dimensione dell’immagine;
  • la dimensione e il font del carattere;
  • etc etc…

Logo Creator è gratuito, le immagini sono generate in formato PNG e non sono coperte da alcuna licenza, dunque potete farne quello che volete. Utilissimo per chi, come me, finisce per avere loghi assurdi nel proprio blog :P . A mio avviso, assolutamente da aggiungere al proprio delicius!

- Warning: Divide by zero.

Popularity: 13% [?] Condividi

Questo blog nasce dalla mia passione per l'informatica, nonché la mia materia di studio. Troverete anche articoli riguardanti altri argomenti: cinema (con alcuni miei amici teniamo un cineforum), fotografia, fatti universitari...
Aggiungi viklog a del.icio.us StumbleUpon Altro...

Happiness is real only when shared — Into the Wild