Your Inspiration Web

1066 persone leggono i nostri tweet.
Che ne dici di seguirci su Twitter?

feed 1462 persone iscritte ai nostri feed.
Tu che cosa stai aspettando?

a 802 persone piace Your Inspiration Web
Segui YIW anche su Facebook!

Pillole CSS: come modificare la resa visiva del testo con la proprietà white-space?

di JustB |  23 giu 2010 |  in: Xhtml & Css

Uno degli aspetti meno conosciuti dei CSS è quello relativo alla gestione degli spazi bianchi all’interno di un testo. Spesso infatti si ha la necessità di avere un controllo sulla formattazione del testo maggiore rispetto a quella predefinita effettuata dal browser: un esempio potrebbe essere quello di dover riportare una poesia, rispettando gli eventuali spazi e le interruzioni di riga previsti dall’autore della stessa.

In questa pillola scoprirai come utilizzare l’interessante proprietà white-space, per dare un tocco di originalità ai tuoi lavori. || Continua a leggere »

CSS: come utilizzare la proprietà z-index?

di nando pappalardo |  9 apr 2010
CSS: come utilizzare la proprietà z-index?

Un paio di settimane addietro abbiamo analizzato l’utilizzo delle proprietà CSS relative al posizionamento degli elementi all’interno di un documento. Nel dettaglio abbiamo visto come si utilizza il posizionamento assoluto e come opera il posizionamento fisso. In...

Position fixed: come funziona e come si utilizza il posizionamento fisso?

di nando pappalardo |  23 mar 2010
Position fixed: come funziona e come si utilizza il posizionamento fisso?

Qualche settimana addietro abbiamo visto nel dettaglio l’utilizzo del posizionamento assoluto di un elemento all’interno di una pagina web mediante l’uso della proprietà “position” fornita dai CSS.

Nell’articolo di oggi vedremo com’è possibile attraverso l’utilizzo della stessa proprietà - assegnandole...

Pillole CSS: che cos’è il box model e come sfruttarlo per i nostri layout?

di JustB |  19 mar 2010
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?

di JustB |  10 mar 2010
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...

CSS: come utilizzare la proprietà position absolute?

di nando pappalardo |  9 mar 2010
CSS: come utilizzare la proprietà position absolute?

Il posizionamento degli elementi è uno degli argomenti più ostici riguardanti i CSS. Nell’articolo di oggi vedremo l’utilizzo della proprietà “position la quale permette di posizionare un elemento all’interno della nostra pagina web sottraendolo dal normale flusso del documento.

Nel dettaglio...

Pillole CSS: come realizzare un layout fisso a due colonne?

di JustB |  3 mar 2010
Pillole CSS: come realizzare un layout fisso a due colonne? Con l'introduzione dei framework CSS come 960gs, o Blueprint, realizzare layout con CSS è diventato davvero semplice. L'unica pecca che affligge questi framework è anche il loro punto di forza: nascondere le implementazioni all'utente, permettendo di realizzare layout...

Come utilizzare font non standard su un sito web?

di Ivan Signorile |  11 feb 2010
Come utilizzare font non standard su un sito web?

Ogni nuova scoperta nell'ambito del web design, già dalla sua nascita deve confrontarsi con un ostacolo spesso duro da sormontare: la compatibilità con Internet Explorer. Emblematici sono gli esempi di ombreggiature, o angoli arrotondati: sono facilmente ottenibili...

Pillole CSS: come centrare un elemento?

di JustB |  10 feb 2010
Pillole CSS: come centrare un elemento?



Spesso durante lo sviluppo di siti web, ci troviamo a dover risolvere tanti piccoli problemi la cui soluzione, per quanto semplice, può richiedere molto tempo in termini di ricerca e implementazione.

Per questo ho pensato di...

CSS3: gli effetti più cool, ma che non puoi ancora implementare… o forse si?

di Ivan Signorile |  4 feb 2010
CSS3: gli effetti più cool, ma che non puoi ancora implementare… o forse si?

I CSS (Cascading Style Sheet) hanno rivoluzionato il modo di approcciare alla programmazione web: non solo permettono di poter applicare al nostro sito una grafica accattivante, ma, tramite i suoi selettori, può essere oggetto di modifiche tramite javascript.

Dal 1996 (anno in...

Come realizzare un foglio di stile efficace per la stampa?

di JustB |  22 gen 2010
Come realizzare un foglio di stile efficace per la stampa? Ti sarà capitato spesso di leggere un articolo interessante navigando sul web ma, per un motivo o l'altro, doverti allontanare dal pc. Un modo per continuare la lettura è quello di stampare l'articolo in questione. Anche se oggi le persone stampano sempre meno frequentemente le pagine web, quando lo...

Come aumentare le performance del mio sito? – CSS Sprites

di JustB |  8 gen 2010
Come aumentare le performance del mio sito? – CSS Sprites Hai creato un sito, magari seguendo la nostra guida “Come creare un sito web dalla A alla Z”, ma noti che spesso i tempi di caricamento sono lunghissimi. I motivi alla base di questo comportamento possono essere molteplici, ma ci sono tanti piccoli accorgimenti da poter implementare per migliorare...

Web design elements: i form (design)

di JustB |  5 dic 2009
Web design elements: i form (design) Nella scorsa lezione, abbiamo visto quali sono gli elementi principali che compongono i form, e quali sono i loro principali attributi. In questa lezione vedremo come strutturare i form con XHTML, come applicare degli stili di base e quali sono i layout più diffusi.

Dall’HTML al jQuery: come mostrare/nascondere dei box in una pagina web?

di JustB |  27 nov 2009
Dall’HTML al jQuery: come mostrare/nascondere dei box in una pagina web? Prendendo spunto dalla richiesta di un lettore ho pensato di realizzare questo esempio per mostrare il processo di creazione di una sezione di un sito, dalla struttura HTML fino all’integrazione di jQuery. Vediamo quindi in questo articolo come realizzare una pagina di Domande frequenti (FAQ).

Come trasformare un psd in (x)html e css senza perderci la ragione? Parte 2

di nando pappalardo |  6 ott 2009
Come trasformare un psd in (x)html e css senza perderci la ragione? Parte 2 Sei pronto per “ricostruire” la seconda parte del puzzle? Nella lezione precedente abbiamo visto come realizzare in codice la struttura generale del nostro sito. Adesso continuiamo con il processo di “ricostruzione” e vediamo come mettere in codice i vari contenuti all’interno delle singole sezioni che abbiamo creato. Armiamoci dunque...

E tu utilizzi tutti i selettori CSS disponibili?

di JustB |  1 ott 2009
E tu utilizzi tutti i selettori CSS disponibili? Come conclusione della serie di articoli sui selettori CSS, ho voluto prendere degli esempi non banali dal “mondo reale” e mostrarti come gli sviluppatori utilizzano combinazioni di selettori per realizzare i loro lavori. Devo dire che questa ricerca non è stata molto semplice: infatti, oltre ai selettori di classe...

Come trasformare un psd in (x)html e css senza perderci la ragione? Parte 1

di nando pappalardo |  27 set 2009
Come trasformare un psd in (x)html e css senza perderci la ragione? Parte 1 Il nostro compito in questa lezione sarà di dissezionare e in seguito di ricomporre il sito come in un puzzle della Clementoni, utilizzando i fogli di stile e l’(x)html. È una delle parti più appassionanti del lavoro perché ti permette di seguire lo sviluppo del sito vero e proprio...

CSS, come sviluppare siti in modo professionale?

di JustB |  10 lug 2009
CSS, come sviluppare siti in modo professionale? Progettata la struttura delle nostre pagine web, il passo successivo è quello di portare il design dalla bozza grafica al codice. I CSS (fogli di stile a cascata) rendono questo lavoro molto più semplice rispetto all’utilizzo del solo HTML (come avveniva agli albori di Internet). Ci sono però alcuni...

Framework CSS: Grid System 960. Cos’è?

di nando pappalardo |  9 lug 2009
Framework CSS: Grid System 960. Cos’è? Da qualche anno a questa parte si è molto parlato di Framework CSS: Blueprint, Grid System 960, Elastic, ecc… in molti dicono che possono essere un buon punto di partenza per lo sviluppo dei propri lavori. Ma è davvero così? Oggi vedremo nel dettaglio l’utilizzo di uno di questi...

Perché dovresti conoscere i nuovi selettori CSS3

di JustB |  26 giu 2009
Perché dovresti conoscere i nuovi selettori CSS3 La nuova specifica CSS3 introduce molte novità in parecchi ambiti. Proprio per questo motivo è stata suddivisa in vari moduli, tra loro indipendenti. Il modulo selettori, che probabilmente sarà il primo a diventare una raccomandazione del W3C, è costituito da tutti i selettori della specifica CSS 2.1 presentati nei...

Conosci questi modi di utilizzo dei selettori css? (Parte 3)

di JustB |  19 giu 2009
Conosci questi modi di utilizzo dei selettori css? (Parte 3) Nei precedenti articoli abbiamo introdotto i selettori CSS illustrandone vantaggi e metodologie di utilizzo. Oggi concludiamo il nostro viaggio introducendo due pseudo-elementi che ti permetteranno di migliorare ulteriormente il markup dei tuoi documenti HTML. Scopriamo insieme di cosa si tratta.
1 di 212

Grazie per esserti iscritto alla nostra newsletter.

Il tuo indirizzo email è stato aggiunto nel nostro sistema. A breve riceverai una email con la richiesta di conferma della tua iscrizione.
Per favore, clicca sul link contenuto nel messaggio per confermarla.

Anteprima