Blog su Wordpress, Web Design, Web Development e Seo

Visti i consumi sempre più trascurabili, spesso lasciamo il Pc di casa acceso e connesso a internet, magari con qualche programma per il p2p avviato giusto per sfruttare al massimo il nostro abbonamento. Capita però di essere in giro e di avere la necessità di reperire quel file modificato la sera prima, quello che abbiamo dimenticato di caricare sul nostro Hard Disk esterno, cosa fare allora?

La soluzione che vi propongo oggi è semplice, condividiamo in rete parte del nostro pc!

Gli scettici diranno: è possibile? Qualcuno penserà ai backup on-line, noiosi e costosi; la soluzione è semplice: trasformiamo il nostro Pc in un server in modo completamente autonomo e gratuito!

Cominciamo subito con la pratica:

• Scarichiamo da Softpedia il software necessario ad installare il server sul nostro Pc FastStone 4in1 Browser

Una volta installato il programma sarà necessario configurare il server HTTP.

• Dovremo impostare la cartella da condividere. Sconsiglio altamente la condivisione completa del disco rigido per questioni di sicurezza.

• Cosa importante sarà impostare una Password di accesso complessa (es. £$%121saMA) nelle Impostazioni Server

• Infine potremo avviare  il Server HTTP

IMPORTANTE – A questo punto, se ci connettiamo ad internet tramite router, dobbiamo inserire, per l’ip locale del nostro computer(es. 192.168.xxx.xxx), una eccezione per la porta TCP 80 (si possono utilizzare anche software appositi come Simple Port Forwarding a tale proposito scriverò una guida prossimamente)

Da questo momento in poi, con il server HTTP avviato e avendo a disposizione l’indirizzo ip pubblico assegnato al pc (es. 79.121.121.121) potremo accedere al contenuto condiviso da qualunque postazione in rete.

Per verificare l’ip pubblico assegnato al nostro router/modem basta andare su ip-adress.com.

Il problema è che nella maggioranza dei casi si ottiene un ip dinamico che cambia ad ogni connessione, dovremmo quindi appuntarcelo volta per volta e se cade la linea si correrebbe il rischio di perdere la possibilità di accesso a distanza.

Per ovviare a questo “problema” basterà iscriversi a dyndns.com che ci consente di sostituire la stringa numerica dinamica con una alfabetica statica (URL) installando un programma che comunica il nostro indirizzo IP dinamico al server ad ogni connessione.

• La prima cosa da fare sarà registrarsi al servizio e confermare via mail la nostra identità
• A questo punto dal pannello utente possiamo scegliere My Services/Host Services e da lì registrare un nuovo sottodominio.
  In questa fase, cliccando sulla scritta in azzurro, possiamo assegnare l’ip del momento al dominio da registrare, successivamente vedremo come aggiornare il tutto in automatico.
  Ricordiamo di selezionare in basso l’opzione che ci consente l’accesso ai file “Remote file access”.
  Bisognerà fare un Checkout a 0.00 € per attivare il servizio, tranquilli è una formalità e non dovrete inserire nessun riferimento a carte di credito o altro.
• Non ci resta altro da fare che andare in Support e scaricare il client che consente, una volta avviato l’aggiornamento continuo dell’ip.
• Basterà aprire il programma e inserire User e Password per avviare l’aggiornamento dell’ip.
  Consiglio di lasciare la spunta per lasciarlo in tray, occupa pochissima RAM e nel caso di disconnessione farà al volo il suo lavoro. 

Londra è una città fantastica; tanti, fin troppi sono i posti che si vorrebbero immortalare. Tante foto quindi ma non tutte perfette.

Vediamo come correggere la luminosità e il costrasto di una foto un pò “piatta” con Photoshop CS4.

Questa è The Household Cavalry Museum, sede del museo della cavalleria inglese. Nonostante il cielo abbastanza chiaro, la foto è stata scattata verso sera. Per questo motivo la facciata dell’ edificio è poco illuminata.

Una volta aperta la foto con Photoshop, prepariamo gli strumenti che ci servono per dare alla foto la giusta luminosità e il giusto contrasto.

Dal menù principale selezioniamo View e poi Histogram. L’ istogramma o Histogram può essere considerato una specie di radiografia della nostra foto. Ci serve per tenere sotto controllo la situazione. In questo caso è sufficiente sapere che una buona foto ha toni (linee verticali dell’ istogramma) distribuiti più o meno omogeneamente. Se volete saperne di più vi consiglio l’ ottimo articolo Capire l’ istogramma di Photoshop.

Selezioniamo quindi Image->Adjustments e infine Brightness/Constrast. Lo scopo è quello di dare una maggiore luminosità all’ edificio. La soluzione migliore per questa immagine è impostare la luminosità a 42 e il constrasto a -24.

A questo punto però il cielo è diventato quasi bianco, poco probabile che sia così verso sera. Mi piacerebbe avere il cielo della foto d’ origine, magari anche un pò più scura. C’è giusto un strumento che fa al caso nostro, l’ History Brush. Dal menù principale scegliamo View->History. Dobbiamo assicurarci che ci sia questa icona accanto al documento appena aperto, il primo.

Cliccando su Y selezioniamo lo strumento vero e proprio, l’ History Brush. Scegliamo poi un pennello abbastanza grande, di diametro 43 e Durezza (Hardness) 0% ed eliminiamo il nostro nuovo cielo, scoprendo quello originale al di sotto.

Con questo sistema potete modificare contrasto e luminosità solo ad alcuni elementi come in questo caso, oppure escludere alcuni dalle modifiche. Qui potete scaricare il file originale per fare un pò di test.

Se siete arrivati fin qui sarà perchè avete spesso letto di jQuery, ma ancora non avete ben chiaro cos’è.
Si parla di jQuery quando si ha a che fare con lo sviluppo di pagine web. In effetti è proprio per “facilitare” la creazione di pagine web che nel 2006 John Resig pubblicò la prima versione dell’ ormai famosissimo framework.
A quei tempi (nel 2006) erano già noti altri tool Javascript che avevano lo stesso scopo, purtroppo però Javascript è un linguaggio di programmazione lato client e strumenti come Prototype e Mootools se da un lato facilitavano le cose, dall’ altro generavano gravi problemi di compatibilità tra i vari browser.
jQuery nasce proprio con lo scopo di risolvere tali problemi e di fornire uno strumento che potesse velocizzare la stesura del codice. Ed è così che è diventato il framework più utilizzato e per questo con più plugin disponibili. La libreria ha una dimensione inferiore a quella degli altri framework; ha una community estesa ed è facile da imparare.
Il motto di jQuery: “Write less, do more“ riassume i motivi che dovrebbero convincere ogni sviluppatore ad utilizzarlo. Con poco codice si riesce a fare davvero tanto. La sinteticità è infatti un altro dei punti a favore.

Dal sito è possibile scaricare la libreria in due formati:

• compresso
• non compresso

Oppure per cercare di velocizzare il caricamento delle pagine, si può utilizzare la versione messa a disposizione da Google, attenzione però la disponibilità on line non potrà mai essere garantita al 100%!

Se vi è venuta voglia di vedere in pratica come funziona, sempre su jquery.com sono presenti un bel pò di tutorial per iniziare.

Buon lavoro!

Dopo una lunga assenza, finalmente trovo il tempo di augurare un felicissimo anno nuovo nuovo a tutti i lettori di Web 3.0 Notes a nome mio e di tutti gli autori.

Auguri di cuore da Londra!

Tab Progress Bar è il plugin Firefox che aggiunge una progress bar che indica il caricamento di ogni scheda. E’ una delle novità più attese per le prossime release del browser di casa Mozilla, ma è già disponibile da installare come addon.

Provatelo!

Molto spesso si chiede di restaurare foto antiche per modernizzarle ma cercare di ottenere l’effetto contrario può essere altrettanto interessante.
In questo tutorial vi mostro come poter invecchiare una foto.
Aprite questa foto in Photoshop:

Rendetela livello (Livello > Nuovo … > Livello dallo sfondo).
Ora dobbiamo darle un colore “giallastro” quindi dal menu Immagine > Regolazioni > Bianco e nero. Dalla finestra che compare, spuntate la casella Tinta e cliccate su ok lasciando invariato il resto.
Duplicate il livello (Livello > duplica livello) e applicate a questo livello il filtro granulosità come segue:
Filtro > Artistico > Grana pellicola con queste impostazioni:

Cambiate il metodo di fusione del livello a cui avete appena applicato l’effetto in Sovrapponi per far risaltare l’effetto invecchiato.
Create, dunque, un nuovo livello (Livello > nuovo > livello … ) e scegliete un colore marrone chiaro per il colore di primo piano e marrone scuro per il colore di sfondo, rispettivamente: #e8c59c e #95724a
Nota: il livello deve essere pieno per poter applicare il filtro successivo per cui sarebbe bene colorarlo con il colore di primo piano (Alt+backspace)
Applicate su questo nuovo livello il filtro fibre: Filtro > Rendering > Fibre
Cambiate il metodo di fusione del livello a cui avete applicato il filtro in Luce soffusa, abbassate l’opacità a 60% ed ecco il risultato:

Ridimensionare un’ immagine è una delle cose che si fa più spesso al pc. Windows Xp aveva un comodo Powertoys che aggiungeva al menù contestuale di ogni immagine la possibilità di ridimensionarla in formati predefiniti oppure in uno a piacere. Le immagini potevano quindi essere ridimensionate senza dover aprire nessun altro programma…molto comodo secondo me. Inoltre la tecnica di ridimensionamento permetteva di ottenere delle immagini di ottima qualità e soprattutto con un ottimo rapporto qualità/dimensione in byte.

Per quanto mi riguarda il passaggio a Windows 7 è stato molto felice, soddisfacente oltre ogni aspettativa. Nonostante ciò, a me che ho saltato Vista a piè pari, mancano ancora alcune cose del buon vecchio Xp.

Una tra queste è proprio il powertoy che ridimensionava le immagini. Per fortuna però ho trovato una validissima alternativa.

Ci ha pensato la Codeplex che ha rilasciato questo clone di Image Resize per Windows 7 semplicemente identico al software Microsoft, disponibile anche per i processori a 64 bit.

Il download dei file da Internet è diventata un’ operazione quotidiana, gli hard disk sempre più capienti permettono di scaricare una grande quantità di dati da conservare sul nostro pc e a cui accedere off line ogni volta che vogliamo.

Nonostante le più o meno alte velocità raggiunte dalle linee Adsl fa sempre comodo risparmiare tempo e scaricare più velocemente.

Se il vostro browser preferito è Firefox potete facilmente installare un pò di plugin sicuramente molto utili.

• 1-Click YouTube Video Download 1.0 è uno dei più noti e utilizzati addons per Firefox. Aggiunge ad ogni video YouTube un comodo link per scaricare il video nei formati flv o mp4 HD e HQ. Un must per gli amanti di YouTube e Firefox.
• FlashGot 1.2.0.7 altro must…FlashGot permette infatti di scaricare tutto quello che è presente in una pagina. Tutti i link, tutte le immagini, tutti i video con un solo e semplice click.
• Download Statusbar 0.9.6.5 Se scaricate tanti file tutti insieme allora credo proprio che abbiate bisogno di Download StatusBar, potrete così eliminare tutte le finestre di download dei vari file e gestire tutto direttamente dalla barra di stato.
• DownThemAll! 1.1.6: se non lo conoscete o non l’ avete ancora provato, lasciate pure questa pagina e correte ad installarlo! DownThemAll è il migliore software per la gestione dei Download. E’ a dir poco veloce, semplice, sicuro. Un software come questo dovrebbe essere di default su ogni browser.
• Facebook Video: comodo per scaricare tutti i video presenti su Facebook.
• mediaDownloader 1.2.7: questo addon è in grado di riconoscere tuti i file multimediali presenti in una pagina e di fornirvi un comodo link per scaricarli!
• FireTorrent 1.0.7: FireTorrent è un completo client torrent integrato in Firefox
• FacePAD: infine ancora un addon Firefox per Facebook, dovrei averlo già menzionato ma ve lo ricordo; se vi piace guardare e riguardare le foto dei vostri amici su Facebook, FacePAD vi permette di scaricare interi album!

Allora se continuate a scaricare file di ogni genere e il vostro hard disk non è ancora full, tutti questi plugin Firefox vi daranno una mano a organizzare e velocizzare praticamente ogni tipo di download!

Spesso per problemi di spazio, si vorrebbe limitare il testo che compare in uno specifico div, testo recuperato da un database magari. Php ha un’ apposita funzione substr() che provvede a tagliare una stringa, una volta superata una lunghezza prefissata.

Facciamo un esempio per capire meglio come utilizzarla e in modo che tutto sia più chiaro.

Ammettiamo che io abbia una stringa del tipo:

$stringa=  "Oggi è il mio compleanno. E' vero!"

Ma ho poco spazio per tutto questo testo, vorrei quindi che venissero visualizzati soltanto i primi 20 caratteri.

La funzione substr() ha tre parametri:

1. La stringa da limitare
2. Il carattere da cui iniziare il conto
3. I caratteri da visualizzare

Quindi per visualizzare i primi 20 caratteri della mia stringa partendo dal primo possiamo scrivere:

$stringa_da_visualizzare = substr($stringa, 0, 20);

Purtroppo questa funzione lavora sui caratteri, quindi non riconosce le parole e quando finisce di contare i caratteri da visualizzare, se la parola non è completa, la tronca.

La soluzione non è molto complicata, possiamo creare una nuova funzione che evita lo spiacevole inconveniente.


function substrwords($text,$maxchar,$end='...'){
if(strlen($text)>$maxchar){
$words=explode(" ",$text);
$output = '';
$i=0;
while(1){
$length = (strlen($output)+strlen($words[$i]));
if($length>$maxchar){
break;
}else{
$output = $output." ".$words[$i];
++$i;
};
};
}else{
$output = $text;
}
return $output.$end;
}

Questa funzione non fa altro che suddividere il testo in parole e contare i caratteri delle singole parole. Quando il numero dei caratteri da visualizzare viene superato, se la parola in cui si sta contando non è terminata allora la funzione la esclude dalla visualizzazione.

La funzione può essere richiamata in questo modo:

echo substrwords($string,20);

e stamperà “Oggi è il mio compleanno…”

Dopo i wallpaper per il desktop, ecco le icone per Halloween. Ben 45 set che raccolgono più di 3000 icone a tema Halloween.