Archivio per la Categoria ‘Xhtml & Css’ Category
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 ovviamente un valore diverso rispetto a quello visto nel precedente articolo – rendere un elemento sempre presente sulla pagina, in modo fisso, anche quando questa scrolla verso il basso. Stiamo parlando del posizionamento fisso. || Leggi altro »
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...
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...
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 complessi utilizzando...
Il web che verrà: come realizzeremo i moduli con HTML5?
Ultimamente in giro è un gran parlare di HTML5 e CSS3: allo stato attuale le specifiche a cui stanno lavorando i membri del W3C sono ancora in versione di bozza ma in un prossimo futuro entrambe sono destinate a stravolgere...
CSS3: Come implementare alcuni moduli anche su Internet Explorer?
Nello scorso articolo abbiamo avuto modo di approfondire un modulo CSS avanzato come il @font-face che, tra le varie caratteristiche positive, aveva soprattutto la piena compatibilità con Internet Explorer. @font-face però è un modulo del CSS 2.1. Come si comporta...
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 tramite moduli del...
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 inaugurare una nuova rubrica,...
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...
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...
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...
Come rendere dinamiche alcune sezioni di un sito web per ottimizzarne la manutenzione?
L’argomento che affronterò oggi potrebbe sembrarti banale e scontato ma a volte sono proprio le cose che consideriamo più ovvie a causarci enormi perdite di tempo: sono ancora in tanti, soprattutto chi è ancora alle prime armi, a commettere questo...
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...
Qual è l’editor migliore con cui scrivere il proprio codice? Ecco una lista dei più utilizzati dai webdesigner
Uno degli strumenti più importanti per un web designer è senza dubbio l’editor (IDE - Integrated Development Environment/Ambiente Integrato di Sviluppo) con cui viene sviluppato il codice che da vita alle proprie opere. Questi applicativi aiutano a redigere il nostro...
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...
Web design elements: i form (le basi)
I form sono l'anima di Internet. Senza questi elementi, il Web così come lo conosciamo oggi non esisterebbe. Pensa ai siti di ecommerce,ai pannelli di amministrazione, social network, blog (e relativi commenti), senza form. Ma, come capita spesso, le cose...
Template sito web gratuito: presenta il tuo portfolio online in una singola pagina web
Ed eccoci con un’altra risorsa gratuita: questa volta si tratta del template di un sito che si sviluppa in una singola pagina e che ti consentirà di presentare sul web i tuoi lavori. Dopo averti mostrato, passo dopo passo, come...
Come indicizzare un sito senza essere degli esperti SEO? Parte 2
La scorsa settimana abbiamo visto alcune nozioni basilari in merito alla fase d’indicizzazione del nostro sito. L’obiettivo che abbiamo intenzione di ottenere è di rendere il sito del nostro committente facilmente raggiungibile dai potenziali clienti. Proseguiamo dunque con la fase...
Avrei anche un'altro necessità... Come posso modificare la dimensione degli articoli che vengono messi... »
Today, I went to the beachfront with my children. I found a sea shell... »
You have made some really good points there. I looked on the web to... »
Ciao, nella versione responsive riesco a visualizzare la galleria fotografica home solamente nella versione... »
Provo a risponderti io: credo che lo "spazio" prima del tuo header sia quello... »
We absolutely love your blog and find most of your post's to be exactly... »