Guida sicurezza PHP

Con questa guida si intende fornire un contributo su alcune questioni legate alla sicurezza nello scrivere codice PHP e tecnologie correlate, riferendosi sia a semplici siti Web sia a vere e proprie applicazioni "over-HTTP", di moda e sempre in aumento in quanto a numeri ed importanza.

Le problematiche di sicurezza devono essere tenute in considerazione sin dal principio, in sede di progetto: correggere nel seguito errori fatti precedentemente potrebbe rivelarsi costosissimo. Inoltre va detto che la sicurezza spesso si scontra con l'usabilità di un programma - ciò che nessuno ammette è che, in fin dei conti, per come viene usato un sistema informatico dagli utenti, la troppa sicurezza è nemica di se stessa.. In generale (ma molto in generale), più un programma è sicuro più è restrittivo e meno è usabile. Si deve sapere con esattezza a cosa un programma dovrà servire, sin dall'inizio. È bene tenerlo a mente.
Leggi la guida

Escaping php dei comandi di sistema

escapeshellarg

escapeshellarg() è stata concepita per effettuare l'escape (o "quoting" o più semplicemente "delimitazione tra apici") di una stringa da utilizzare come argomento per un istruzione da inviare tramite shell; in pratica questa funzione non fa altro che aggiungere dei singoli apici all'inizio e alla fine di una stringa e consente di effettuare l'escape di eventuali apici singoli preesistenti, in questo modo l'utilizzatore avrà la possibilità di passare una stringa resa sicura direttamente ad un'istruzione da inviare tramite terminale. Utilizzare escapeshellarg() è molto semplice:
// $_POST['cartella'] = '/var/www/website';
$cartella = $_POST['cartella'];
system('ls -t '.escapeshellarg($cartella)); 

Nell'esempio proposto, il contenuto della variabile $cartella verrà concatenato al comando ls -t all'interno dell'istruzione dopo l'escape operato dalla funzione escapeshellarg(), in modo che esso risulti sicuro nel momento in cui viene passato a system().

escapeshellcmd

escapeshellcmd() ha invece un compito diverso, essa infatti è stata concepita per effettuare l'escape dei metacaratteri (caratteri che in una stringa rappresentano insiemi di altri caratteri o anche delle sequenze di caratteri) da un parametro utilizzabile come argomento per un'istruzione da terminale. In pratica si tratta di una funzione che effettua l'escape di qualsiasi carattere presente in una stringa che possa essere utilizzato per alterare l'esecuzione di un'istruzione introducendo comandi arbitrari.
Anche l'utilizzo di questa funzione è estremamente semplice:
// $_POST['sorgente'] = '/home/immagini_2009';
// $_POST['destinazione'] = '/home/archivo/immagini';
$sorgente = $_POST['sorgente'];
$destinazione = $_POST['destinazione'];
$i= exec(escapeshellcmd('cp -r '. $sorgente . ' ' . $destinazione'));

Nell'esempio proposto, tutti i parametri inviati tramite input dell'utente subiscono il quoting dovuto alla funzione escapeshellcmd() prima di essere passati come argomenti a exec() ed entrare quindi a far parte dell'istruzione da terminale.

Sylights! - Create your lighting diagrams

Create
We provide you with a unique tool to design and annotate your diagrams online.

Share
Submit your diagrams to the community. Show your work, discuss it, improve it!

Discover
Explore others’ work, see how creative they are. You might find some inspiration here!

Help
We’ve all been beginners. Give advice to those who are just starting out.
http://www.sylights.com/

Amarino - Android meet Arduino

Normally smartphone events are tightly coupled to your phone device itself. When your cell phone is ringing, your phone speaker plays a ringtone. When you get a new text message, your phone displays it on its screen. Wouldn't it be thrilling to make thoses phone events visible somewhere else, on your wearable, in your living room, on your robot, in your office or where ever you want it to occur? Or would you like to use your smartphone sensors, like the accelerometer, light sensor, compass or your touchscreen to control other devices? 'android meets arduino' is a toolkit, basically consisting of an Android application and an Arduino library which will help you to interface with your phone in a new dimension. You can build your own interfaces almost without any programming experience.
http://www.amarino-toolkit.net/

Incognito Mail - inviare email anonime

Incognito Mail, servizio per inviare email anonime.

Incognito Mail allows you to register at other websites without giving away your own e-mail address. Instead, create a secure, anonymous, temporary and disposable e-mail account that’ll last 60 Minutes. Enough time to receive e-mails that contain activation or download links, and to reply to e-mails that ask for confirmation.

Closure Compiler - compiler for JavaScript

What are the benefits of using Closure Compiler? 

Efficiency. The Closure Compiler reduces the size of your JavaScript files and makes them more efficient, helping your application to load faster and reducing your bandwidth needs.
 
Code checking. The Closure Compiler provides warnings for illegal JavaScript and warnings for potentially dangerous operations, helping you to produce JavaScript that is less buggy and and easier to maintain.

How do I start?
http://code.google.com/intl/it/closure/compiler/

Testare il sito con tutti i browser

BrowserShots è un servizio web, gratuito, che permette di visualizzare un sito web in 50 web browser diversi, di tutti e 4 i maggiori sistemi operativi (Linux, Windows, Mac OS X, BSD). Il servizio effettua uno screen per ogni browser e mostra i risultati in piccoli thumbnail che eventualmente possono essere ingranditi per ottenere maggiori informazioni. http://browsershots.org/

Visual Dna - conoscere gli utenti tramite le immagini

  • Profile Invitation: Users are invited to take a free visual quiz via text links and display ads. If required, we provide design services to create these ads and can work with our partner's creative.
  • VisualDNA Quiz: We provide a simple visual quiz delivered via a microsite, but can also embed quizzes within display ads or as a flash player on a partner's site. We have an extensive library of over 400 questions and, if necessary, can provide entirely bespoke quizzes to our partner’s requirements.
  • Demographics: Each quiz contains demographic questions that provide valuable context to user responses. Demographic questions can be tailored for each partner.
  • Brands: Users are asked which brands they use. This stage is very flexible and partners can ask for a variety of information at this point in the quiz.
  • Feedback and Data: On completing the quiz, users are given personalized feedback based on their image choices. We place a great deal of importance on this aspect of the process to ensure the user has a positive experience and feels that we've delivered an accurate representation of their personality and worldview. Our feedback incorporates our own user analysis with global standard profiling methods such as the Big 5. It is highly tailored and granular with tens of thousands of potential variations. We return data in a simple XML string. This data contains structured profile information including age, gender, location, lifestage as well as attitudinal and motivational information.
  • Targeted Content: Partners are able to customize the feedback page that a user sees on completion of the quiz. The extent of customization is for the partner to determine, but can include targeted ads, deals from brands and tailored content.
http://www.visualdna.com/

Ext Js - Framework Javascript

Questo framework javascript è stato appositamente creato con l’idea di dare allo sviluppatore uno strumento agile ed efficace per costruire applicazioni web.

Notevoli sono le sue potenzialità nell’ambito grafico.

Propone un ambiente di sviluppo completo di quasi tutti i componenti presenti nelle normali applicazioni desktop. Possiamo contare su griglie, menu, dialog box, bottoni, finestre, tree, tab panel e tanto altro.
http://www.extjs.com/

Guida scripting Bash Linux

La shell è un interprete di comandi. Molto più che una semplice interfaccia tra il kernel del sistema operativo e l'utilizzatore, è anche un vero e proprio potente linguaggio di programmazione.

Un programma di shell, chiamato script, è uno strumento semplice da usare per creare applicazioni "incollando" insieme chiamate di sistema, strumenti, utility e file binari (eseguibili).

Uno script di shell può utilizzare virtualmente l'intero repertorio di comandi, utility e strumenti UNIX. Se ciò non fosse abbastanza, i comandi interni della shell, come i costrutti di verifica ed i cicli, forniscono ulteriore potenza e flessibilità agli script.

Questi si prestano eccezionalmente bene a compiti di amministrazione di sistema e a lavori ripetitivi e di routine, senza l'enfasi di un complesso, e fortemente strutturato, linguaggio di programmazione. Leggi il manuale di scripting bash, per la cui comprensione non è necessaria una precedente conoscenza di scripting o di programmazione,permette di raggiungere rapidamente un livello di apprendimento intermedio/avanzato... tempo che tranquillamente ed inconsapevolmente si trasforma in piccoli frammenti di conoscenza e saggezza UNIX®.

Cappuccino - Framework Javascript, Objective-J

Cappuccino è uno strumento di sviluppo open-source che permette di realizzare in maniera rapida e indolore applicazioni che verranno eseguite all'interno di un browser web. Cappuccino implementa un proprio linguaggio chiamato Objective-J che non è altro che un porting di Objective-C in JavaScript. Objective-C è un linguaggio che estende il famoso C con alcuni aspetti ereditati da un altro linguaggio di nome Smalltalk. Esso è molto utilizzato nel mondo Apple e principalmente all'interno del sistema operativo Mac OS X.

reCAPTCHA - inserire controllo caratteri nelle form html

Con l'acronimo inglese CAPTCHA si denota nell'ambito dell'informatica un test fatto di una o più domande e risposte per determinare se l'utente sia un umano (e non un computer o, più precisamente, un bot). L'acronimo deriva dall'inglese "completely automated public Turing test to tell computers and humans apart". Un test captcha tipicamente utilizzato è quello in cui si richiede ad un utente di scrivere quali siano le lettere o numeri presenti in una sequenza di lettere o numeri che appaiono distorti o offuscati sullo schermo. reCAPTCHA ( facente parte di google ) è una società che si occupa proprio di questo servizio, fornendo a terzi la possibilità di inserire facilmente dei CAPTCHA all’interno delle loro pagine web.

Copyscape - cercare contenuti copiati

Copyscape è un motore specializzato proprio nel confronto dei testi delle pagine web, sviluppato proprio per andare a scoprire siti e testi copiati.
Il funzionamento è semplice. Si digita l’indirizzo del sito di partenza e Copyscape propone risultati che contengono frasi identiche a quelle del sito di partenza. Copyscape tiene anche traccia dei siti con una copia cache sul proprio server.

Costruire un laser trigger per la macchina fotografica con arduino

There are loads of reasons for why you could want to trigger your camera remotely – to avoid camera shake, for example, or to be able to take a photograph of yourself without having to rely on a timer. If you want to build more ambitious projects, however, you may have to consider getting more exotic. I recently built a little device which triggers my camera whenever a laser beam is broken – It’s about as simple an electronics project as you can pull off, but it’s going to form the base of a couple of other cool projects I’ll be working on going forward (stay tuned…), so I figured I’d do a quick post explaining how I did this.
http://photocritic.org/camera-laser-trigger/

Online Image map editor

A volte è necessario far sì che solo una determinata parte di un'immagine sia collegata a un link. È il tipico caso delle Regioni d’Italia: abbiamo una cartina e abbiamo la necessità che alla sagoma di ciascuna regione corrisponda un differente link.
Questo tipo di mappa è contraddistinto dall’attributo usemap del tag img:
come valore dell’attributo usemap bisogna specificare il nome della mappa a cui l'immagine fa riferimento.
A questo punto non ci resta che creare la mappa:
All’interno del tag dobbiamo poi specificare le aree sensibili a cui corrisponderanno i nostri link, con relativi forme, coordinate e collegamenti. Per farlo si utilizza il tag , per ogni zona sensibile che vogliamo creare.
Un tool online per creare rapidamente una mappa è http://www.maschek.hu/imagemap/imgmap

Omeka, CMS per la didattica multimediale

Omeka
Il mondo dei CMS generalisti è abbastanza ricco, anche se ci si limita a osservare ciò che offre la scena Open Source, non sempre però si trovano con facilità soluzioni appositamente dedicate per progetti particolari o concepite per settori specifici. Per la creazione di siti Web dedicati a biblioteche, musei, istituti scolastici e professionali è disponibile una soluzione libera e gratuita ancora poco conosciuta chiamata Omeka.
Omeka nasce dall’esigenza di mettere a disposizione di personale non tecnico la possibilità di utilizzare una piattaforma facilmente installabile e utilizzabile per la condivisione on line di contenuti didattici e culturali; insegnanti, educatori, archivisti o semplici studenti potranno sfruttare le potenzialità di questo CMS per sviluppare i propri progetti

Chat Roulette - video chat

Chat Roulette è considerata la video-chat del momento, un nuovo fenomeno che spera di ripercorrere il successo ottenuto da Facebook. Dà la possibilità di chattare – anche in webcam – con utenti sconosciuti di ogni angolo del pianeta.

Scoprisicilia - Bed and Breakfast a Catania

Scoprisicilia è un Bed and Breakfast a Catania e rappresenta l'oasi per il tuo relax a pochi minuti dai luoghi più belli della Sicilia orientale. In posizione strategica per effettuare escursioni sull'Etna e nelle principali città d'arte siciliane, si trova a S.Gregorio, un grazioso paesino dell'hinterland catanese. In un ambiente glamour e confortevole, saremo pronti a soddisfare ogni Vostra esigenza. Al vostro arrivo, troverete sempre la massima disponibilità e vi saranno fornite oltre ad una mappa, tutte le informazioni necessarie per scoprire le città, la cultura, la gastronomia ed i luoghi di maggior interesse artistico, mondano e naturalistico come l’Etna, Siracusa, Taormina, Pantalica, Vendicari, Cavagrande, Agrigento e Piazza Armerina

Progettare l'home page

Sebbene le home page possano variare considerevolmente a seconda del tipo di sito, progettarle e' sempre un compito diverso dalla progettazione di pagine interne. Le differenze sono date dalle particolari funzionalita' di queste pagine. In questo articolo ci soffermeremo su alcune considerazioni che è necessario tener presente, dividendole per comodità in due categorie:
  1. funzionalità
    ovvero quali compiti assolvono le home page
  2. vincoli
    ossia i limiti che può essere necessario considerare.

Funzionalità

La prima cosa da sottolineare è probabilmente ovvia, ma è meglio non darlo per scontato: la home page è probabilmente la via di accesso principale ad un sito (anche se certo non l'unica possibile). Si troverà così a ricevere due grandi categorie di visitatori:
  1. Utenti che arrivano sul sito per la prima volta
  2. Utenti che conoscono già il sito e vi ritornano.
Gli utenti che arrivano per la prima volta si pongono per lo più 2 tipi di domande:
  • Dove sono? Cos'è questo sito e cosa offre? Ho qualche motivo per visitarlo (cioé mi propone qualcosa di interessante)?
  • Dove posso andare da qui? Come mi muoverò alla ricerca di ciò che sembra promettente o come troverò ciò che stavo cercando?
Fornire identità e orientamento sono dunque le due funzionalità principali di un'home page.
Gli utenti che ritornano sul sito lo conoscono già. E' quindi è probabile che cercheranno soprattutto:
  • News: informazioni sui più recenti aggiornamenti, sulle modifiche e sulle offerte del momento.
  • Scorciatoie e utilities: metodi meno standardizzati e più veolci per raggiungere le informazioni gradite, o accessi per utenti registrati.
Quelli che seguono sono alcuni dei principali modi per assolvere a queste funzionalità in un'home page. Non sono probabilmente gli unici, ma sono quelli che hanno dimostrato nel tempo di possedere una certa efficacia, assumendo il ruolo di convenzioni. I motivi sono tutt'altro che arbitrari, come vedremo. Di conseguenza, qualora si intendesse violare queste convenzioni, è bene farlo a ragion veduta.

1. Fornire identità

...ovvero rispondere alle domande che l'utente si pone: cosa fa questo sito? chi è l'azienda?
Un modo standard per assolvere a questa funzione è naturalmente quello di inserire il logo in bella evidenza nell'home page. Che l'azienda sia famosa o perfettamente sconosciuta, il logo serve a identificare il luogo in cui ci si trova.
Il logo andrebbe posto in alto a sinistra per un motivo molto semplice: è il punto gerarchicamente più importante della pagina. Spostarlo da lì significa rischiare di inserire qualcosa al di "sopra", e se qualcosa sta sopra il logo nella gerarchia della pagina, si possono creare dubbi e confusione all'utente. Se siete certi che non si generano confusioni, allora, in virtù di un'impaginazione particolare, il logo può anche essere posto in qualche altro luogo rilevante della pagina. In ogni caso, non vi devono essere conflitti gerarchici con altre immagini o elementi. Don Norman sostiene che "fra gli oggetti e la loro localizzazione deve esistere una corrispondenza spaziale naturale: in altre parole deve esserci una ragione per collocare gli oggetti nel luogo in cui si trovano". Ogni volta che si dispongono gli oggetti (non soltanto il logo) sulla pagina bisognerebbe tener presenti queste affermazioni.
Inserire il logo non è però tutto: siete sicuri che la vostra pagina dica chiaramente cosa offre il sito? A chi si rivolge? Perché dovrebbe essere interessante? Non datelo per scontato. Spesso un semplice logo non è affatto sufficiente.
Uno dei sistemi utilizzati a questo scopo è quello di inserire negli immediati dintorni del logo un piccolo slogan, una frase esplicativa che introduca in maniera chiara e accattivante il servizio. E' importante però evitare gli slogan magniloquenti e vuoti: si deve soprattutto capire!
[Usabile.it ha scelto un'altra strada. Nella prima versione dell'home page abbiamo inserito nella colonna a destra una serie di risposte alle domande esplicite "di cosa si parla" e "a chi è rivolto il sito". Quest'ultima categoria permane nell'attuale versione, mentre il "di cosa si parla", dopo qualche mese è stato sostituito da un "abbiamo parlato di", seguito da una serie di link diretti ad alcuni articoli. In questo modo abbiamo anche fornito una scorciatoia a utenti abituali (che così non devono necessariamente passare per la pagina dell'indice per recuperare tutti i vecchi articoli), mantenendo il più possibile in evidenza il range di argomenti affrontati.
Non vi è una scelta ottima: avremmo potuto scrivere vicino al logo "argomenti dal mondo della web usability", o qualcosa di simile. Ma poiché al momento della pubblicazione del sito l'argomento era solo emergente, qualcuno avrebbe potuto non sapere cosa fosse la web usability. Fornire la chiara indicazione degli argomenti che avremmo affrontato è parsa la scelta migliore.
Tutto semplice? Anzi... alcuni utenti ci hanno segnalato un problema di... usabilità! La barra a destra è ormai convenzionalmente considerata barra di link, al pari delle barre a sinistra. Di conseguenza questi utenti tentavano di cliccare sugli argomenti, benché privi di sottolineatura e colorati in nero come del normale testo (evidentemente non tutti i link devono essere blu e sottolineati per essere percepiti come tali...). La somiglianza con barre simili di altri siti era per alcuni un segnale molto forte.
La soluzione (senza procedere ad un oneroso redesign...) è stata quella di attendere di avere qualche articolo in archivio e passare a fornire una scorciatoia agli articoli in luogo del "si parla di", avvicinando così la funzione della barra a destra alle aspettative degli utenti (in questa maniera si marca anche una differenza con la tabella sottostante, non linkata e contenente solo un'indicazione delle categorie di utenti cui ci rivolgiamo).]
La verità quindi è che l'intera pagina, nel suo insieme, deve presentare informazioni semplici ed efficaci sull'identità del sito. Ricordatevi di non dare per scontato che l'utente vi conosca o che sappia cosa offrite: l'home page deve indicarlo senza lasciare dubbi.

2. Orientamento e navigazione

L'home page deve rispondere anche alle domande: dove posso andare? cosa posso trovare? Come faccio per arrivarci? Questa funzionalità viene assolta generalmente in tre modi (che sono comunque molto più complicati di quanto non si possa esporre qui...):
  1. con la presenza di chiari menu di navigazione. I menu dovrebbero utilizzare etichette verbali che indichino il più esattamente possibile cosa si trova al di là del link. Non fidatevi di quelle che vi possono sembrare geniali metafore se prima non ne avrete valutato la comprensibilità. Allo stesso modo, l'uso di icone senza etichette verbali non è consigliabile, perché non vi è accordo sul significato della grossa maggioranza delle icone... Ricordate anche che gli strumenti di navigazione principale sono al secondo posto nella gerarchia d'importanza degli elementi di una pagina. La scelta di collocarli in una barra orizzontale sotto al logo o nella colonna a sinistra riflette questa gerarchia. I cambiamenti sono possibili, ma tenete conto del messaggio complessivo che la vostra impaginazione offre.
  2. con directory che raccolgano le sezioni principali del sito. Con un solo click potete consentire all'utente di entrare in una sezione che gli interessa particolarmente, dove potrà effettuare scelte più precise.
  3. attraverso funzioni di ricerca testuali. Tipicamente, la casellina di ricerca interna al sito, utile soprattutto se il vostro sito ha molte pagine.

3. Che c'è di nuovo? News e offerte.

In molti casi (non sempre) l'home page è anche la pagina che presenta le novità. Nel corpo della pagina, gerarchicamente in posizione inferiore rispetto a logo e navigazione, prevedete uno spazio dove presentare le novità del giorno, della settimana o del mese... E, chi lo sa, potreste aver bisogno di proporre servizi speciali, offerte, partnership. Prevedete uno spazio per tutto questo fin dal principio. Ricordate di inserire una data accanto alle novità, perché non sempre chi arriva sul vostro sito sa con quale frequenza lo aggiornate, ed è spiacevole approfondire una novità per scoprire poi, in marzo, che è riferita alle feste natalizie (naturalmente è consigliabile aggiornare il sito più frequentemente di ogni tre mesi...).

4. Scorciatoie o altre utilities per utenti abituali

Abbiamo già discusso di una possibile scorciatoia parlando dell'home page di usabile.it. Le scorciatoie possono avere diverse forme, ma si tratta per lo più di link ridondanti o di accessi diretti a zone del sito. Tra queste ultime vi sono anche le funzionalità di accesso per utenti registrati. Se il sito le prevede, è bene inserire fin dall'home page il form per l'inserimento di password e nome utente. Alcuni siti invece utilizzano in home page un link ad una pagina di ingresso vera e propria. Ma perché aggiungere un link in più? Questo genere di funzionalità non occupa molto spazio. Se la inserite direttamente nella home page, gli utenti registrati ve ne saranno grati.

Vincoli

Progettare un' home page non significa soltanto pensare a funzionalità e facilitazioni per gli utenti. Vi sono spesso delle altre scelte da compiere, alcune delle quali sono a volte dei vincoli in sé, come i banner. In altri casi si tratta di scelte di fondo, per effettuare le quali bisogna avere coscienza di alcuni vincoli cognitivi (per evitare di sovraccaricare l'attenzione dell'utente) e tecnologici (come i vincoli di peso in kilobyte dei documenti, collegati alla scarsa ampiezza della banda passante).

I banner

Sebbene la percentuale di click dei banner sia costantemente in calo dal momento della nascita del web a oggi, e alcune ricerche abbiano dimostrato che gli utenti hanno ormai imparato a ignorarli, per molti siti i banner sono ancora una delle fonti principali di guadagno. Vi sono tre accortezze da tenere presenti a proposito dei banner in home page:
  1. Al momento del design prevedete già lo spazio per i banner, evitando che appaiano posticci e mal integrati nella pagina.
  2. Non inseriteli MAI prima del logo. Dà alla pagina un 'impressione di estrema commercialità, nel senso spregiativo del termine. Sembra, insomma, che vi importi molto di più il banner del vostro sito. Il che forse sarà anche vero, ma non è una buona idea renderlo così esplicito...
  3. Evitate gli eccessi. Un banner è più che sufficiente. Se ne dovete proprio inserire degli altri, è opportuno che si differenzino. Spesso i banner di piccole dimensioni sono comunque efficaci, e vengono da alcuni siti inseriti in una delle colonne ai lati della pagina. Non sono un esperto di pubblicità, e non so quanto rendano. Certo l'effetto sull'utente di una pagina che sembra un albero di natale lampeggiante non è dei migliori. Se potete, prevedete una o due postazioni fisse per i banner, e ruotate i diversi sponsor (anche se questi il più delle volte preferiscono la presenza costante). In questo modo l'utente sarà attratto dal non trovare sempre lo stesso banner in quella posizione. Valutate comunque altre forme di sponsorizzazione, come le partnership o gli annunci testuali.
In generale, comunque, è bene ricordare che le animazioni (tutte, non solo i banner) sono dei distrattori! Usatele con parsimonia, si tratti di Gif animate o di moduli in Flash, perché disturbano l'attenzione dell'utente invece di favorirla e interagiscono negativamente con i contenuti testuali.

Intro animate e "pagine copertina"

Le intro animate sono moduli, solitamente in Flash, di animazione vettoriale multimediale, usate per introdurre l'ingresso al sito vero e proprio. A volte è prevista la possibilità di saltarle, a volte no (e in tal caso al web designer che ha omesso questa possibilità fischieranno le orecchie... soprattutto se per l'utente non è la prima visita al sito).
Le pagine copertina sono quelle costituite da un'unica grande immagine, che una volta caricata ha l'unica funzione di essere un link alla home-page propriamente detta.
Hanno entrambe lo stesso problema: sono lente da caricare e allontanano la pagina vera e propria. Perché utilizzarle, allora? Per motivi di immagine, si dice alle volte. Per dare un'esperienza estetica o multimediale. Siete sicuri che l'utente medio (che non ha alcun interesse a intraprendere il mestiere di web designer) gradisca questi rallentamenti privi di funzionalità?
Le stesse norme di usabilità della Macromedia sconsigliano vivamente l'utilizzo delle intro animate in Flash. Le intro possono essere linkate in home page, così se qualcuno ne è appassionato le potrà scaricare come libera scelta, invece di imporle anche a chi non ne vuole sapere (o non ha il plug-in e non intende scaricarselo).
Per le "pagine copertina" invece, nessuna speranza: vanno abolite, ora e definitivamente. Se volete mostrare la vostra arte, progettate una sezione portfolio, e sfogatevi là...

Problemi di peso

Le home page sono pagine che si devono scaricare velocemente. Se possibile (ma spesso non lo è...) più in fretta delle pagine interne, dato che devono 'agganciare' l'attenzione dell'utente. Generalmente è difficile che siano più veloci, perché le pagine interne si possono a volte avvantaggiare dal mancato scaricamento di alcuni file grafici in comune con la home, che in tal caso sono già presenti nella cache memory del browser. A maggior ragione, mantenete il peso complessivo del codice html più i file grafici associati entro i 50Kbyte (se possibile ancor meno), limite considerato massimo per garantire un tempo di scaricamento ragionevole.
Queste considerazioni sono delle linee guida, e come tali vanno usate senza eccessiva rigidità. Il loro scopo è quello di porre l'attenzione sui motivi che stanno alla base delle scelte che si fanno.
E' bene ricordare che ogni sito ha i suoi obiettivi: definiteli chiaramente. Se, in base agli obiettivi, ritenete di avere una ragione valida per violare queste linee-guida, be', allora fatelo. Ma valutate attentamente i pro e i contro: accertatevi (con dei test di usabilità, per esempio) che anche i vostri utenti gradiscano queste modifiche!
Di Maurizio Boscarol, tratto da: http://www.usabile.it/062001.htm

Catania Tango Festival

Festival di Tango della Sicilia, dal 10 al 16 Agosto 2010 a Catania torna il Catania Tango Festival. Vivi la tua Tango Vancaza in Sicilia.
Visita il sito per tutte le informazioni sul Tango Festival

PSD Graphics - file psd da scaricare

PsdGraphics contiene tanti file psd veramente ben fatti. Un sito dedicato alle composizioni digitali con Photoshop dal quale si possono scaricare gratuitamente centinaia di immagini suddivise per categorie. Ad un prezzo irrisorio le immagini posso essere acquistate per usi commerciali.

M.a.g. Garden


Leader nella progettazione e realizzazione giardini, da tre generazioni M.a.g. Garden realizza soluzioni di qualità per parchi pubblici e giardini privati con impianti di irrigazione, illuminazione, air-fresh e diffusione sonora.