Set 17
Un’altro dei comportamenti caldamente sconsigliati è la disattivazione del tasto destro del mouse.
Non ho ancora ben capito come mai lo sviluppatore prende questa decisione. Basta disattivare il motore JS del browser ed il gioco è fatto.
E’ impossibile impedire la copia dei dati una volta arrivati sul client (sul computer del visitatore).
Chi vuole salvare un’immagine, “fa un printscreen -> copy & paste in un qualsiasi programma di grafica (pure il paint di Windows) -> taglia e salva”.
Chi vuole vedere il codice (vuol dire che non è una persona che ha scoperto la rete de 2 settimane) sa comunque usare la tastiera oppure il menù a tendina.
Ma non solo non si protegge niente, si disturba il visitatore di basso livello. Ricordiamoci che chi fa parte di questa categoria non usa quasi mai la tastiera per semplificare le operazioni ma si basa principalmente sulle opzioni visualizzabili con il click destro. Sanno quasi tutti che con il tasto destro possono trovare le funzionalità maggiormente usate in quel contesto.
Vediamo due esempi pratici:
· il visitatore vuole salvare il sito nei preferiti. se è abituato a farlo facendo click destro -> salva nei preferiti si è già perso;
· il visitatore vuole salvare l’indirizzo dell’azienda. solitamente “seleziona il testo -> click destro -> copia -> e successivamente se lo salva”. con il right click non attivo ciò non è più possibile.
In alcune pagine vengono usati anche dei messaggi d’errore o avvisi quando viene cliccato il tasto destro. Comportamento sempre da evitare. L’utente base si perde quando incontra degli errori, spesso non riesce a interpretarli e a capire come li ha provocati.
Set 17
Con questo argomento inizierò una serie di post sui comportamenti sbagliati più frequenti nella rete.
E’ ben chiaro che il Web si è sviluppato grazie alla massa, e non solo ai professionisti. E’ sempre chiaro che la maggior parte delle pagine in rete non sono create da professionisti del settore. Ma ci vuole sempre un po’ di buonsenso, un minimo di studio prima di iniziare a creare e non per ultimo, il rispetto verso il visitatore.
Uno dei comportamenti più odiosi è il ridimensionamento del browser.
Quando si tratta di pop-up (sempre da evitare, argomento di uno dei prossimi articoli) il ridimensionamento non disturba. Tutto il contrario invece, quando il JS in questione va a modificare la finestra principale del browser.
Non tutti usano i browser in fullscreen. C’è chi deve gestire tante finestre e si trova meglio se hanno dimensioni ridotte. C’è chi preferisce impostare un’altezza ridotta per potersi concentrare meglio nella lettura.
Ma in fondo, le motivazioni sono poco importanti. Quello che conta è che non si dovrebbe mai prendere nessuna decisione al posto del visitatore, ne modificare i comportamenti e le impostazioni abituali del browser.
Ago 23
Oltre ai classici siti dove è possibile scaricare icone per le nostre pagine o applicazioni (argomento di uno dei prossimi post) possiamo usare anche Iconlet, secondo me un valido motore di ricerca.
Per ogni immagine trovata sono disponibili informazioni come l’autore, la licenza, il formato e la risoluzione. C’è anche la possibilità di fare ricerche più specifiche impostando le varie proprietà delle icone desiderate.
Ago 22
Freelance Switch è un ottimo blog, ovviamente presente nel mio feed reader, dedicato a chi ha deciso di lavorare come freelance. Il target è molto ampio e va da designers a programmatori e fotografi.
Gli articoli sono tutti in inglese ma sono comprensibili anche senza conoscenze molto approfondite della lingua. Buona lettura!
Ago 09
Il peso dei file che usiamo per creare un documento web è sempre importante sopratutto per la velocità, ma anche per il consumo di banda. Uno di questi è il foglio di stile. Vediamo com’è possibile risparmiare spazio, peso e tenere il CSS più ordinato.
Margin
Invece di definire in parte ognuno dei 4 margini è possibile impostarli tutti insieme. Quindi, invece di scrivere:
margin-top:0;
margin-right:0;
margin-bottom:0;
margin-left:0;
possiamo impostare tutti i valori in questo modo:
Read the rest of this entry »
Ago 08
Un buon sito deve essere visualizzato nella stessa maniera (o quasi) su tutti i browser maggiormente in uso.
Le ultime versioni dei browser standard interpretano i documenti più o meno nello stesso modo. Il vero problema è IE. Sono 3 le versioni ancora in uso e ognuna ha i suoi problemi.
Perchè 3 versioni? Anche se le più usate sono la 6 e la 7, non sono poche le aziende che tengono ancora sistemi operativi datati sui loro computer e usano la versione 5.5 del browser di casa Microsoft.
Installando una nuova versione del browser si va a sovrascrivere quella originale. Per questo bisogna usare le versioni stand alone. L’installer è disponibile per il download all’indirizzo: tredosoft.com/Multiple_IE. E’ possibile installare le vecchie versioni del browser fino alla 3.0.
Se la versione di IE attualmente in uso è la 6 è possibile installare la 7 sempre in modalità stand alone. L’installer è disponibile per il download all’inidirizzo: tredosoft.com/IE7_standalone.
I kit sopra linkati non funzionano con Windows Vista. Per poter usare la versione 6 di Internet Explorer anche sull’ultimà versione del SO Windows segui le istruzioni presenti in questo commento.
Ago 06
Una delle frasi che leggo più spesso è:
“Non vedo la pagina nello stesso modo sui vari browser.“
L’80% continua con quest’altra:
“Su IE è tutto a posto ma con gli altri no.“
Nella fase di test bisogna considerare i browser standard (opera, firefox, safari) e non IE. Quest’ultimo browser interpreta il codice a modo suo e quindi una visualizzazione apparentemente corretta può essere determinata da vari errori nel codice.
Read the rest of this entry »
Lug 27
“Come faccio a mettere quell’immagine/icona accanto all’inidirizzo della mia pagina?”
Tale immagine si chiama favicon. E’ supportata da tutti i browser oggi in uso e viene visualizzata a sinistra dell’URL nella barra dell’indirizzo. Da ricordare che nella versione 6 IE la mostra solamente se il sito è presente nei bookmarks (preferiti).
Vediamo i formati accettati dal W3C:
Read the rest of this entry »
Lug 18
Oggi, in una conversazione su messenger per un’eventuale collaborazione mi sono trovato davanti quest’affermazione:
“Sai quanti siti non si preoccupano del copyright? e poi finchè sull’immagine nn c’e scritto nulla, è libera concessione.”
Falso! Il copyright nasce insieme alla creazione dell’opera. Questo vale per ogni tipo di creazione: software, immagini, musica, video, ecc.
Ricordo che la situazione è la stessa anche nel caso di immagini presenti in un libro. In questo caso bisogna contattare la casa editricie che quasi sicuramente detiene i diritti delle immagini, ma anche il fotografo che ha la paternità.
Ci sono anche casi di siti fan-club che vengono chiusi per aver usato immagini di personaggi che hanno affidato la loro immagine a terzi.
Cosa possiamo fare allora? Consultare la licenza d’uso che accompagna l’opera interessata. Se manca, il copyright non sparisce, e bisogna contattare l’autore o chi detiene i diritti per ottenere più informazioni sui permessi d’uso e/o modifica.
Per ulteriori informazioni è possibile contattare la S.I.A.E. che saprà sicuramente rispondere a tutte le domande.
Purtroppo vedo che l’idea ” l’ho trovato su google, lo posso usare. tanto lo fanno tutti e nessuno dice mai niente ” e molto diffusa. Ed esistono anche casi nei quali i diretti interessati reagiscono se i loro diritti non sono rispettati. Io stesso lo farei e penso qualsiasi persona che mette passione in quello che fa. Buon lavoro e occhio al copyright!
Edit: navigando nel blog Thinksy ho trovato due articoli sull’argomento (che avevo già letto ma della quale esistenza mi sono scordato):
Edit 2: Segnalo un articolo completo sul copyright sulle immagini trovato su ideespettinate.com. Le risposte alle domande più frequenti sono state redatte dall’avv. Massimo Mattioli. Buona lettura!
Lug 13
Cosa sono i pop-up? Quelle finestre di varie dimensioni che si aprono in automatico oppure al click su un link. Sicuramente qualsiasi persona che naviga in internet le ha incontrate almeno una volta e sono risultate quasi sempre noiose.
Vediamo perchè si dovrebbe evitare il loro uso:
- la maggior parte vengono bloccati dai browser oppure da plug-in speciali;
- se superano il blocco sono chiusi (solitamente) subito dal navigatore;
- sono fastidiosi in quanto l’apertura di una nuova finestra non è stata richiesta dal visitatore; e si sa, prendere decisioni al posto del cliente/visitatore non è una buona abitudine;
- la DTD Strict non prevede il valore _blank per l’attributo target.
Non esiste nessun caso nel quale i pop-up sono indispensabili. Le alternative ci sono. Sempre. Basta cercarle!
Lug 01
Spesso vedo siti molto carini graficamente ma rovinati dai contatori. Nella maggior parte dei casi si tratta di servizi gratuiti che impongono la pubblicazione dell’immagine con il numero delle visite linkata al loro sito.
Sono proprio i dettagli che fanno la differenza in una pagina web quindi un’immagine non ben integrata può rovinare in parte la grafica. Ricordiamoci anche il fatto che molto spesso il visitatore non è interessato al numero totale oppure giornaliero di visite.
Se però si desidera pubblicare queste informazioni consiglio l’uso di uno script proprio in modo da poter formattare l’output a piacimento.
Ma non sempre è possibile creare tutto da zero e per ottenere tutte le funzionalità necessarie si impiega forse più tempo di quello a disposizione. La soluzione? Google Analytics. Un servizio gratuito, completo e invisibile per sapere tutto (e di più) sugli accessi ai propri siti.
L’unico problema che ho individuato e l’impossibilità di “vedere” i visitatori che hanno il JavaScript non attivo. Per questo uso un’altro servizio di statistiche del quale parlerò in uno dei post successivi.
Giu 25
Inizio dicendo che l’alternativa ai frames sono le inclusioni lato server (l’argomento sarà trattato successivamente). Vediamo però perchè si dovrebbe evitare il loro uso:
- indicizzazione difficile per i motori di ricerca - non sempre è possibile passare da un frame all’altro (almeno per un crawler [link esterno]) anche perchè solitamente il menù risiede in un solo frame. in questo modo si rischia di indicizzare diversamente le varie sezioni di una pagina.
- da non sottovalutare l’impossibilita’ dei browser testuali/vocali di “navigare” il contenuto di più pagine contemporaneamente (hanno lo stesso comportamento dei crawler).
- la stampa e l’aggiunta nei bookmarks (preferiti). trattandosi praticamente di pagine diverse verrà preso in considerazione l’ultimo frame cliccato.
Giu 22
Non sarò io a scrivere il post questa volta. Volevo segnalare una serie di tutorial (per adesso 2) con il nome: creare un sito. Le guide si trovano su Thinksy Blog dove potrai trovare anche altri argomenti interessanti. Buona lettura!
Giu 20
La professionalità di un sito non si giudica soltanto dall’aspetto grafico, ma quest’ultimo è sicuramente da non sottovalutare. Il tutto dipende dalla fantasia e dall’abilità del designer, ma una fonte d’ispirazione non fa certo male. A partire da oggi, ogni mercoledi’ posterò 5 siti “CSS Gallery”. Buona navigazione!
webcreme.com - Web Creme | Web design inspiration
Read the rest of this entry »
Giu 19
Usa sempre i nomi giusti per le class e gli id. Forse sembra ovvio ma non è proprio cosi. Sono tanti i siti nei quali vedo richiami a classi con nomi del tipo “class19″ oppure “testorosso”.
Il nome deve indicare la funzione, non l’aspetto. Cosi, se dobbiamo formattare un messaggio d’errore (che verrà stampato in rosso) il nome sarà del tipo “messaggioErrore” e non “testoRosso”. Come mai? Mettiamo caso che dopo qualche mese dobbiamo fare un aggiornamento grafico che prevede il cambiamento di tutti i colori e il messaggio d’errore avrà il colore giallo. La classe “testoRosso” oltre a non avere senso puo’ anche crearci dei problemi.
Un’altro esempio? Supponiamo di avere un sito con due colonne. A destra il menù, a sinistra i contenuti. Quasi certamente i relativi id avranno nomi del tipo “rightCol” e “leftCol”. Ma se un giorno decidiamo di invertire le posizioni quindi spostare il menù a sinistra e i contenuti a destra, la gestione non sarà proprio facile. Come rimediare? Usando nomi come “colonnaMenu” e “colonnaContenuti”.
Riassumendo, individuare le proprietà per la loro funzione è molto piu’ facile che per il loro aspetto visto che quest’ultimo puo’ variare. Anche se durante lo sviluppo ci ricordiamo tutti i dettagli, dopo un paio di mesi sarà fondamentale avere un codice logico e ordinato per risparmiare inutili ore di lavoro.
Giu 19
I CSS ci permettono di usare due selettori con i quali è possibile personalizzare qualsiasi elemento delle nostre pagine. Quali sono?
Le differenze? Mentre un id può essere richiamato una sola volta in un documento, la class è stata ideata per due o più richiami. Quindi, per esempio, il div contenente l’header sarà personalizzato con un id in quanto nella pagina ne troviamo uno solo. Se ci sono piu’ box che contengono del testo saranno personalizzati con una classe richiamata quante volte necessario.
Per quanto riguarda la sintassi iniziamo con un esempio:
Read the rest of this entry »
Ultimi Commenti