Javascript effetto neve

Nei primi anni in cui cominciavo ad occuparmi di web non erano molti gli espedienti tecnici con cui stupire i visitatori.
Gli effetti DHTML erano l’unico elemento per arricchire le pagine.

In tale contesto, un classico usato da migliaia di siti era l’effetto neve nei mesi invernali.

Si trattava di script di diverse decine di KB, con un effetto certamente gradevole, ma che spesso mandavano in crash il browser a causa di un continuo sovrapporsi di livelli, uno per ogni nuovo fiocco di neve generato.

Tutt’ora girando per il web ho trovato solo di questi vecchi script, o qualche riedizione in vecchio stile sempre e comunque molto pesante.

Perché non creare qualcosa di leggero che non rallenti il caricamento della pagina, che non mandi in saturazione le risorse del browser e per quanto possibile non dia fastidio al lettore?

E’ quello che ho appena provato a fare.

Lo script è testato sulle versioni più nuove dei browser più diffusi (Explorer, Firefox, Chrome, Opera, ecc.) però non garantisco retrocompatibilità con browser vecchi di 3-4 anni, in quel caso se qualcosa non funzionasse il problema non è lo script ma il mancato aggiornamento che è ora di fare…

Se volete usate pure lo script o segnalatelo a chi ne avesse bisogno. Unica cortesia: lasciare intatta la parte che indica la fonte.

• Pagina di esempio;
• Download

Le opzioni disponibili sono tutte ben documentate, basta modificare le variabili presenti nella parte superiore dello script.

• Numero di fiocchi;
• Velocità con cui si spostano;
• Dimensione massima dei fiocchi;
• Dimensione minima dei fiocchi;
• Carattere che genere i fiocchi, o in alternativa immagine;
• Colore dei fiocchi;
• Grado di opacità;

/*    Script che genera una nevicata nella pagina web
    creato da Claudio Matarrelli
    claudio.matarrelli@gmail.com
    (C) 2009 www.matarrelli.com
 
    Utilizzabile liberamente, a patto di lasciare visibile il copyright
*/
 
//variabili di configurazione
var numerofiocchi = 100;
var tempo = 300; //millisecondi
dimensionemassimafiocco = 40; //px
dimensioneminimafiocco = 8; //px
caratterefiocco = "*"; /*consigliati * o punto. In alternativa può essere incerita
                              un'immagine con  un tag <img src="http://indirizzo/immagine.jpg">*/
colorefiocco = "#F00";
trasparenza = 0.5;
//inizializzazione altre variabili
var indice=0;
 
// funzione che genera un fiocco, cioè un * in un div posizionato assolutamente
function fiocco(idfiocco){
    document.write('<div id="neve'+idfiocco+'" style="filter:alpha(opacity='+trasparenza * 100+');-moz-opacity:'+trasparenza+';-khtml-opacity:'+trasparenza+';opacity: 
 
'+trasparenza+';color:'+colorefiocco+';font-size:'+Math.floor(Math.random()*(dimensionemassimafiocco-dimensioneminimafiocco+1)+dimensioneminimafiocco)+'px; position:fixed; 
 
top:'+Math.floor(Math.random()*screen.height*0.7)+'px; left:'+Math.floor(Math.random()*screen.width -40)+'px">'+caratterefiocco+'</div>')
}
 
//genera un numero di fiocchi pari a numerofiocchi impostato
function generaFiocchi(){
    for(indice=0;indice<numerofiocchi;indice++){
        fiocco(indice)
    }
}
//sposta i fiocchi in modo random ogni volta che passa il tempo impostato
function spostaFiocchi(){
    for(indice=0;indice<numerofiocchi;indice++){
    document.getElementById('neve'+indice).style.top = Math.floor(Math.random()*screen.height*0.7)+'px';
    document.getElementById('neve'+indice).style.left = Math.floor(Math.random()*screen.width -40)+'px';
    }
 
 
    setTimeout ("spostaFiocchi()", tempo);
 
}
 
// avvia la generazione dei fiocchi
generaFiocchi();
 
//esegue lo spostamento continuato
spostaFiocchi();

Per installarlo è sufficiente caricare lo script sul vostro server e includere, in fondo alla pagina, prima del tag </body>

<script src="http://indirizzo/neve.js" language="javascript"></script>

Cambio ora Legale-Solare su PhpBB 3

Questa notte c’è il pasaggio da ora legale a ora solare.

Un problema che molti hanno con PhpBB 3 è il cambio dell’ora. Infatti l’impostazione relativa all’ora legale è specifica di ogni singolo profilo e va modificata manualmente, ma gli utenti invece si aspettano un cambio automatico.

Per effettuare la modifica in automatico per tutti i membri del proprio forum si possono usare due piccoli script automatici, uno che attiva l’ora legale, uno che la disattiva impostando cioè l’ora solare.

Potete scaricare l’archivio con i due file da qui, vanno caricati nella root del forum, cioè nella cartella dove sono presenti i vari file viewforum.php posting.php ecc.
Dopo averli caricati basta digitare l’url del file scelto (ad esempio http://www.nomesito.it/forum/cambia_orario_solare.php ) nella barra del browser e aprire la pagina. Se tutto è stato fatto correttamente riceve il messaggio “Query eseguita con successo, orario aggiornato.”

Importare un Database MySql molto grande

Capita prima o poi a tutti di voler cambiare il proprio servizio di hosting.

La procedura è sempre la stessa, aldilà dei software usati, bisogna fare un backup di tutti i file e dei dati contenuti nei database per poi ricaricare tutto sul nuovo server.

Per quanto riguarda i file generalmente non ci sono grossi problemi, a parte l’attesa che l’ftp ricarichi tutto e la necessità di reimpostare i giusti permessi.

Il problema che invece ci si trova a dover affrontare è l’importazione del database. Il perché è molto semplice, la maggior parte dei server è configurata in maniera tale da poter importare solo pochi mega di dati MySql.
Un qualunque blog con numerosi interventi e commenti o un forum di discussione, supererà certamente tale limite, impedendoci di usare gli strumenti a nostra disposizione.

La soluzione che ritengo migliore è abbastanza semplice, si tratta di uno script che farà il lavoro di importazione al nostro posto, denominato BigDump.php.

Scarichiamo lo script, lo apriamo con un editor testuale e impostiamo i dati del nuovo database, in modo che possa connettersi ad esso.
Lo carichiamo sul server e carichiamo nella stessa cartella anche il file sql di backup che abbiamo precedentemente salvato.

Richiamiamo l’url del file (esempio www.nomeserver.it/bigdump.php) e ci apparirà una lista di file e, in particolare, per il file sql ci sarà un link che consentirà di importare tutto nel db. Non ci resta che cliccare e attendere con il browser aperto la schermata di conferma che arriverà dopo pochi secondi.

Qual è il miglior hosting economico?

La giungla degli hosting è davvero variegata sia per fasce di prezzo che per offerte proposte.

Per servizi con prestazioni elevate le soluzioni più conveniente vengono sempre dall’estero e in particolare dagli USA.

Per soluzioni economiche invece conviene rivolgersi in Italia. Questo genere di hosting rivolto ad utenti non espertissimi è quello che richiede semplicità d’uso e buona assistenza, cose che è certamente più facile avere in italiano.

Venendo al quesito di questo post, senza troppi giri di parole e senza fare inutili elenchi, il miglior hosting economico in Italia secondo la mia personale esperienza è Tophost, con un netto distacco nel rapporto qualità/prezzo rispetto a tanti altri.

Con poco meno di 11 euro (iva compresa) si può avere il piano Topweb, che comprende:

• Registrazione di un dominio a scelta tra le estensioni .IT .COM .NET .ORG .INFO .EU;
• 500 mega di spazio web (server Apache con PHP e CGI);
• 4 database MySql;
• gestione della posta elettronica;
• gestione dei DNS del dominio;
• altri servizi accessori inclusi nel prezzo;

Oppure si può scegliere tra le altre offerte disponibili, ottimo anche il servizio TopName per la registrazione del solo dominio.

Di servizi simili devo dire che ho provati diversi anche leggermente più costosi (tipo Aruba, che costa circa il doppio), ma l’unico accettabile per affidabilità e completezza (gestione DNS e 4 db) è stato TopHost. Che tra l’altro ha l’abitudine di fare piacevoli sorprese ai clienti, quali super sconti, trasferimenti a pochi centesimi o coupon gratuiti per Adwords.

Io vi consiglio di provarlo. Anche perché questo stesso blog è basato su TopWeb e funziona ottimamente, inoltre registrandovi e attivando un nuovo piano riceverete un bonus da ben 50 Euro di Google AdWords.
Voi avete soluzioni simili con cui vi siete trovati bene?

Impostare Google in italiano nei provider di Internet Explorer 8

Internet Explorer 8 una volta installato non contiene tra i provider di ricerca il tanto amato Google.

Cliccando sulla freccetta a lato della casella di ricerca vi è l’opzine Trova altri provider…. Nella pagina che viene aperta è presente Google Search Suggestions, con ben in vista il logo di Google. Ebbene non è quello che cerchiamo, infatti aggiungendolo ci darà risultati in inglese.

Per aggiungere il provider di ricerca di Google.it, dunque in italiano, bisogna andare su questo indirizzo
http://www.ieaddons.com/it/createsearch.aspx

Nel campo URL incollare questo:

http://www.google.it/search?hl=it&q=TEST&meta=&aq=f&oq=

Nel campo Nome, il nome che vogliamo dare, ad esempio “Google”.

Codifica caratteri va bene UTF-8.

Poi basta cliccare su Installa Provider di Ricerca e confermare.

Buona ricerca a tutti e visto che ci siete scaricatevi Firefox

Articolo aggiornato all’8 agosto 2009.