Posts Tagged ‘template’

Come evitare che il proprio sito sembri vecchio

lunedì, gennaio 25th, 2010

pulizie thumb1 263x300 Come evitare che il proprio sito sembri vecchioAnno nuovo, sito nuovo. Ma se il sito ce l’hai già l’inizio dell’anno nuovo è l’occasione per controllare che tutto funzioni nel tuo sito. Ci sono un sacco di dettagli piccoli e grandi che potresti non aver notato e che rischiano di rendono il tuo sito vecchio e obsoleto. E questa non è esattamente la sensazione che vuoi che abbiano i tuoi visitatori e i tuoi clienti, giusto? Il web è una ragnatela, ma non dovrebbero esserci le ragnatele tra le pagine del tuo sito. Quindi ecco una lista di alcune cose da controllare per rinnovarlo. Sarà un po’ come fare le pulizie.

arrow Come evitare che il proprio sito sembri vecchio Testa il tuo form contatti. E se fosse per questo che non ricevi mai delle mail dal sito? Sei sicuro che il tuo form contatti funzioni a dovere? Mettiti nei panni dell’utente che compila tutti i campi, perde tempo per comunicare con te ma poi scopre che il form non funziona. Pensi che poi ti scriverà una mail?

arrow Come evitare che il proprio sito sembri vecchio Rinnova i contenuti del sito. I testi di un sito, per quanto belli, non dovrebbero restare uguali per sempre. Non sono la Bibbia, né dei versi immutabili e immortali. Con il nuovo anno potresti modificare i contenuti del tuo sito. Sarà anche l’occasione per un generale controllo ortografico: spesso alcuni errori si notano solo tempo dopo, del tutto casualmente.

arrow Come evitare che il proprio sito sembri vecchio Aggiorna la data del copyright. La data presente nel footer di molti siti, vicino al simbolo del copyright, andrebbe aggiornata ogni anno, anche se spesso non accade. Se non voi che il tuo sito sembri obsoleto controlla che tutte le date presenti siano aggiornate. Su Internet anche un “2009″ può far sembrare molto vecchi.

arrow Come evitare che il proprio sito sembri vecchio Aggiorna i plugin. Beh, se usi WordPress o altri CMS aggiornare tutti i plugin alle ultime versioni è molto – molto – importante. Spesso capita di dare alcuni plugin per scontati e quasi dimenticarsi di farne uso nel proprio sito, e così ci si ritrova con versioni ormai vecchie e poco sicure. Per evitare spiacevoli sorprese controlla tutti i tuoi plugin e aggiornali alle ultime versioni.

arrow Come evitare che il proprio sito sembri vecchio Aggiorna il tuo portfolio. Anno nuovo, lavori nuovi. Ma ovviamente sono importanti anche quelli vecchi. Considerando che, in teoria, gli ultimi lavori sono sempre i migliori, un portfolio non aggiornato ha davvero poco senso. Quindi se sei un grafico, un artista, un fotografo o un web-designr e il tuo portfolio è fermo ai lavori che hai fatto quando ancora ti pagavano (o NON ti pagavano) in lire, forse è tempo di aggiornarlo!

arrow Come evitare che il proprio sito sembri vecchio Controlla i link rotti. Non c’è niente di peggio dell’errore 404, quando si clicca su un link ma, ahimè, è “impossibile visualizzare la pagina”. Per questo motivo dovresti controllare che il tuo sito non contenga link che non portano da nessuna parte o a pagine che non esistono più. Per tua fortuna esistono numerosi plugin e software che possono cercare i broken link al posto tuo.

arrow Come evitare che il proprio sito sembri vecchio Rivalida il codice. Sicuramente il tuo codice era perfetto quando hai innaugurato il sito. Ma sei sicuro che lo sia ancora in seguito alle duemila modifiche che hai apportato negli ultimi tempi? E’ tempo di controllare.

INOLTRE, VEDI ANCHE:

Meglio destra o sinistra?

martedì, gennaio 5th, 2010

html 300x225 Meglio destra o sinistra?Tranquilli, non parliamo di politica, ma di sidebar, cioè le barre laterali tipiche dei siti web. La domanda è questa: meglio mettere la sidebar a destra o a sinistra?

Forse non c’è una risposta giusta. E’ un antico dilemma del web-design e più o meno tutti quelli che sviluppano siti web o realizzano template hanno la propria opinione sull’argomento. Vediamo di prendere brevemente in considerazione le due opzioni e le relative ragioni.

Prima cosa: leggiamo da sinistra verso destra

Come si può notare anche grazie allo strumento di Google Browser Size, la maggior parte degli utenti si concentra soprattutto sulla parte centrale e su quella sinistra della pagina, un po’ per la risoluzione dello schermo e poi perché è così che leggiamo noi occidentali, da sinistra verso destra. Proprio per questo motivo la sidebar dei blog di solito è a destra, dato che viene data maggiore importanza ai contenuti, ovvero l’ultimo post pubblicato, che viene posizionato a sinistra. Se però nel vostro sito il menù di navigazione contiene molte voci – e il contenuto centrale resta sostanzialmente invariato – allora la sidebar a sinistra avrà più senso. Ma non è sempre così.

Cosa mettere nella sidebar?

web grafica Meglio destra o sinistra?Ecco perché forse non c’è una risposta giusta alla domanda “meglio a destra o a sinistra?”, almeno per quanto riguarda l’argomento sidebar. Ogni sito, infatti, è un caso a sè.

Tutto dipende da cosa decidete di inserire nella sidebar e a quali contenuti date maggiore importanza. Se ad esempio cercate di guadagnare con degli annunci pubblicitari allora sarà sensato posizionarli nella parte alta della sidebar sinistra, là dove siete sicuri che cadrà l’occhio del visitatore appena visualizzerà la pagina.

Nei blog, come abbiamo detto, il contenuto vero e proprio (i post) normalmente è a sinistra – o nella parte centrale – mentre la sidebar è a destra, dove, come prima cosa, sarebbe intelligente mettere il link al feed RSS e altre informazioni che meritano rilievo.

Se invece il vostro è un sito dove il menù di navigazione è particolarmente importante per la consultazione delle pagine in sequenza, allora sarà meglio riservargli la parte superiore della sidebar sinistra, spostando gli altri contenuti in quella destra o nel footer se si tratta di un template con una sola colonna. A volte capita di posizionare la sidebar sulla destra ma poi di doverla spostare a sinistra su richiesta del cliente perché così è abituato. Anche siti importanti come quelli dei grossi giornali hanno spostato solo di recente la sidebar a destra adeguandosi alla struttura grafica tipica dei blog.

E i motori di ricerca cosa ne pensano?

Al momento in realtà non pensano, dunque quando realizzate un template e dovete decidere dove posizionare la sidebar è meglio pensare come prima cosa all’effettiva usabilità del sito. Però è giusto tenere conto che lo spider dei motori di ricerca legge la pagina così com’è presentata nel codice HTML, senza gli effetti dei fogli di stile. Dunque il contenuto sulla sinistra verrà letto prima di quello sulla destra se così presentato nel codice della pagina. Ma proprio grazie ai fogli di stile è possibile realizzare template su misura dove il contenuto sarà in cima alla pagina HTML nonostante sia visualizzato nella sidebar destra.

10 estensioni di Firefox per chi sviluppa siti web

giovedì, dicembre 10th, 2009

logo add ons half 10 estensioni di Firefox per chi sviluppa siti webFirefox è sicuramente uno dei browser più utilizzati dai web-designer e da chi sviluppa siti web, se non addirittura il più utilizzato. Uno dei motivi è sicuramente la possibilità di implementare i componenti aggiuntivi: utili strumenti che rendono Firefox il programma ideale per chi lavora con la grafica, il codice e la struttura dei siti.

Ecco quindi 10 plugin di Firefox consigliati a chi sviluppa siti internet.

arrow 10 estensioni di Firefox per chi sviluppa siti web 1) Firebug

E’ sicuramente l’estensione di Firefox che usiamo di più. Fondamentale per modificare template per siti, questa estensione permette il debug e la modifica di tutti gli elementi della pagina: i fogli di stile, il codice HTML/XHTML, la struttura DOM (Document Object Model) e il codice Javascript. Secondo Firefox circa 2 milioni e 700mila utenti hanno installato Firebug.

arrow 10 estensioni di Firefox per chi sviluppa siti web 2) Web Developer

Ecco un’estensione, che fa tutto o quasi, che è possibile utilizzare anche in coppia con Firebug. Consiste in una toolbar con numerose funzioni – dalla possibilità di disabilitare i fogli di stile o le immagini a quella di validare le pagine – talmente tante che è inutile elencarle tutte.

arrow 10 estensioni di Firefox per chi sviluppa siti web 3) Colorzilla

Semplice ma molto utile, basta puntare il cursore di Colorzilla sull’area della pagina che ci interessa per sapere di che colore si tratta e il relativo codice.

arrow 10 estensioni di Firefox per chi sviluppa siti web 4) MeasureIt

Anche questa estensione di Firefox è tanto semplice e banale quanto fondamentale: un righello che ci indica le misure esatte degli elementi di una pagina web, comprese le distanza tra un elemento e un altro.

arrow 10 estensioni di Firefox per chi sviluppa siti web 5) IE Tab

Grazie a questo popolare e scaricatissimo plugin è possibile, con un semplice clic, visualizzare una pagina così come la vede Internet Explorer, restando però all’interno di Firefox. Se si sta lavorando a un sito utilizzando Firefox e non si vuole aprire Explorer IE Tab è la soluzione ideale. Il plugin permette comunque di visualizzare la pagina anche aprendo Explorer, sempre con un semplice clic.

arrow 10 estensioni di Firefox per chi sviluppa siti web 6) Fireshot

Permette di fare degli screenshot della pagina sulla quale si sta lavorando e di aggiungere note ai singoli elementi. Utile se si lavora in un team o se si deve presentare un’anteprima del lavoro a un cliente.

arrow 10 estensioni di Firefox per chi sviluppa siti web 7) Font Finder

Semplicissima utility: selezionate un testo o parte di esso e Font Finder vi dà tutte le informazioni possibili su quel testo, a partire ovviamente dal font utilizzato.

arrow 10 estensioni di Firefox per chi sviluppa siti web 8) HTML validator

Un validatore di codice interno al browser. L’estensione vi indica gli errori presenti una pagina e suggerisce come correggerli.

arrow 10 estensioni di Firefox per chi sviluppa siti web 9) Window Resizer

Diciamo che siete sicuri che il codice sia valido e che il sito funzioni perfettamente con tutti i browser. Ma avete pensato alla risoluzione dello schermo? Window Resizer è un’estensione di Firefox che consente di ridimensionare la risoluzione del browser per poter visualizzare un sito nelle varie risoluzioni standard.

arrow 10 estensioni di Firefox per chi sviluppa siti web 10) Fire PHP

Come Firebug ma per il PHP: utile plugin dedicato agli sviluppatori per modificare e monitorare il codice PHP delle pagine web.

Un consiglio: dato che alcuni di questi componenti aggiuntivi svolgono in parte le stesse funzioni, basta semplicemente scegliere quelli che si considera più adatti alle proprie esigenze, senza doverli per forza installare tutti. Per altre estensioni dedicate ai web-developer rimandiamo all’apposita pagina del sito di Mozilla Firefox.