WebDesign on loman.it

Una rivista online per i webdesigner

Wed, 19 Apr 2006 10:33:00 +0200

Interessantissima rivista online, e-magazine come si suol dire…

Sto parlando di Vitamin, un nuovo sito che parla tutto di WebDesign e quello che ci gira attorno, un MUST per tutti quelli interessati all’argomento.

[fonti: diggdot.us | download|blog | Free Dance] (non volevo favorire nessuno :D )

visualizza graficamente l'HTML

Tue, 11 Apr 2006 11:15:00 +0200

Alcune volte, specie per i novizi, leggere il codice HTML è difficile. Quando poi non è indentato è un’incubo.

Per fortuna, i solerti amici di Download|blog ci suggeriscono View Source Chart, un’estensione per Firefox che consente di “vedere” la struttura dell’HTML sottostante alla pagina che si sta visitando.

Molto interessante e istruttivo.

Studio di Usabilità o Statistica sui siti?

Wed, 05 Apr 2006 17:16:00 +0200

Ancora risorse per WebDesigner!!!

Questa volta si parla di posizionamento degli oggetti nella pagina. Come dite? L’ho già fatto? Si, ma questa volta è diverso.

L’altra volta era uno studio di usabilità, aveva al centro le aspettative degli utenti: preso un certo numero di utenti gli si chiedeva come si aspettavano di trovare una pagina web (o i suoi elementi).

In questo caso è il contrario: è una statistica sul posizionamento degli elementi sulla pagina, basata su alcuni siti. Non è dato sapere quali, nè tantomeno quanti siti, il loro successo… niente… Forse non ho cercato abbastanza…

Scegliere i colori e gli accostamenti

Wed, 05 Apr 2006 16:40:00 +0200

Volete cambiare il layout del vostro sito/blog? (io si) Avete intenzione di usare un nuovo schema di colori? (io si) Magari avete in mente un colore, ma non sapete che tonalità accostarci? (io si)

Allora ho il sito che fa per voi!!! (meno male che mi viene incontro Download|blog!!!)

Si chiama Color Tool, ed è arrivato ormai alla veneranda versione 2.0.1 Alpha. Questa versione è fatta in AJAX e permette di:

scegliere il colore primario da delle comodissime tabelle di colori
visualizzare le tonalità di quel colore che si possono utilizzare
visualizzare altri colori che meglio si accostano al primo
effettuare subito dei test sulla pagina stessa, semplicemente trascinando i colori sull’elemento desiderato
visualizzare i codici in esadecimale dei colori scelti, in modo da poterli usare nelle vostre creazioni HTML

Non è abbastanza? Io mi trovo soddisfatto, era quello che cercavo, tralaltro può essere utile sapere gli accostamenti anche per i muri di casa, i vestiti… ;)

Raccolta di Web-Layout

Tue, 28 Mar 2006 14:32:00 +0200

… anzi: raccolta di raccolte…

Si tratta di una pagina che riassume molti dei siti che hanno degli esempi di layout. Si va da quelli completi a quelli scheletrici, quindi da quelli già da usare a quelli su cui i designer si possono basare per fare le loro creazioni. Ci sono molti siti che aiutano lo sviluppo (tips&tricks), articoli, gallerie, risorse

Ci sono anche quelli che ho già segnalato. In questo caso per par-condicio (pare vada di moda anche solo nominarla…) segnalo alcuni dei siti che raccolgono gli scheletri:

SEO gli strumenti per i motori di ricerca

Wed, 22 Mar 2006 15:44:00 +0100

Chi lo fa per lavoro sa già di cosa sto parlano (e se non lo sa non lavora seriamente).

SEO = Search Engine Optimization = Ottimizzazione per i Motori di Ricerca = “l’insieme di attività svolte per migliorare il posizionamento di un sito nei risultati forniti da un motore di ricerca” (tratto da Wikipedia)

Ai fini pratici consiste in una serie di ottimizzazioni sulle pagine che compongono il sito in esame, meglio se previste già da prima della stesura del sito. Questi accorgimenti vanno effettuati sia sul codice HTML delle pagine, sia sui contenuti, sui quali secondo me è più importante ragionarci.

Decidere il posizionamento degli elementi sulla pagina

Thu, 16 Mar 2006 12:57:00 +0100

Ecco un aiuto per tutti i designer affetti dall’eterno problema del layout: originalità o standardizzazione.

A parere mio il bilanciamento tra le due linee di azione dipende molto dal tipo di sito che si intende sviluppare. In un sito “artistico” ci si possono prendere delle licenze, in un’altro istituzionale o informativo secondo me è quasi obbligatorio seguire certe regole.

Proprio a questo proposito ho letto un post molto interessante su un blog che ormai mi sento in obbligo si seguire: FreeDance.

Per iniziare con i CSS

Mon, 13 Mar 2006 12:20:00 +0100

Per chi di voi fosse a digiuno di CSS ecco una piccola spiegazione.

CSS logoCSS (approfondimento su Wikipedia)

CSS significa Cascading Style Sheet, ovvero Foglio di Stile a Cascata.

All’atto pratico è un file di testo che viene “chiamato” da una pagina HTML. In alcuni casi è scritto direttamente dentro la pagina HTML, dentro i tags