Articoli Taggati ‘Layout’
Guida Ruby on Rails: page layout
Commenti disabilitati su Guida Ruby on Rails: page layout
Nello scorso articolo abbiamo accantonato momentaneamente lo sviluppo della nostra applicazione cbookcase per dare spazio alla fase della convalida e del testing. Riprendiamo quindi a scrivere codice per il nostro catalogo online di libri!
|| Leggi altro »
Lo spazio bianco, un alleato potente
Cos’hanno in comune la grafica, la psicologia e i testi? Ovviamente, prima di rispondere, dobbiamo calare questa domanda in un contesto specifico che, nel nostro caso, è quello della progettazione di un layout con i suoi stili. E prima ancora...
Fireworks CS6: come creare un layout partendo da un mockup?
Nel precedente tutorial abbiamo visto come realizzare il mockup di un sito web in maniera semplice e precisa grazie a Fireworks CS6. Oggi vedremo come utilizzare questo mockup per costruire il layout completo. (altro…)
Fireworks: come disegnare un portfolio?
Oggi proveremo a mettere in pratica le nozioni su Fireworks che abbiamo appreso negli scorsi tutorial: disegneremo il layout di un mini-sito di una sola pagina, stile portfolio creativo. (altro…)
Semplificarsi la vita e realizzare layout di impatto: ecco come!
Ricevo numerose e-mail di web designer o aspiranti tali che si definiscono, parole loro, “negati per tutto ciò che è grafica e design” e che mi chiedono come migliorarsi e come riuscire a fare siti gradevoli senza essere dei geni...
Perché tabelle e divitis rendono il tuo sito inaccessibile?
Ci sono diversi errori di accessibilità e usabilità molto diffusi tra i web-designer o aspiranti tali, perché eliminarli dal tuo sito web dovrebbe essere una domanda che contiene già la risposta: se sono problemi è chiaro che vadano eliminati. La...
Da Psd a Xhtml: come trasformare il layout in XHTML+CSS?
Nella prima parte di questo articolo abbiamo visto come esportare, utilizzando lo strumento "sezioni" di Photoshop, i vari componenti del nostro layout "YIW Corporate". Oggi ti "sporcherai le mani" con il codice: vedremo come realizzare il markup per tale layout,...
Da Psd a Xhtml: come sezionare un layout con Photoshop?
Una delle attività più frequenti quando si lavora sul web è l'esportazione di un layout da un'immagine a codice XHTML+CSS. Purtroppo (e per fortuna) non esistono ancora strumenti validi per automatizzare questo compito, per cui tutto si rifà all'abilità ed...
Pillole CSS: che cos’è il box model e come sfruttarlo per i nostri layout?
Negli ultimi due articoli abbiamo visto come strutturare un layout fisso a due e tre colonne utilizzando i float opposti, e abbiamo costruito una piccola pagina di esempio. Il risultato era accettabile, ma risultava un po' troppo "attaccato": ogni elemento...
Pillola CSS: come realizzare un layout fisso a tre colonne?
Nella pillola della scorsa settimana abbiamo visto come realizzare un layout fisso a due colonne. Sono sempre più diffusi però - complice l'aumento esponenziale della risoluzione dei monitor - i layout a tre colonne. Come fare dunque per aggiungere un'ulteriore...
