Home Web CSS

CSS

Benvenuti su questa mia guida dedicata ai fogli di style o CSS. Non ha la pretesa di insegnare tutte le molteplici tecniche legate a questo modo di integrare stile nelle pagine web ma vuole, con tutta onestà, essere qualcosa di più di una semplice indicazione introduttiva che renda meglio l’idea di che cosa sono, come si adoperano e a che cosa servono i CSS. Leggi tutto…

CSS pronti per l'uso da scaricare gratis

Questa è una raccolta di alcuni stili di base che possono tornare utili quando si creano le proprie definizioni di stile. Imparare a fare alcune classi utili per gli stili semplici e come applicarle a una varietà di elementi. Oggi ci accingiamo a scavare un po' di più nel processo di sviluppo. Quando si crea un sito web o un'applicazione...

Le regole che ogni web designer dovrebbe conoscere

Programmazione.it, in una serie di tre articoli, riassume le regole più importanti che un web designer dovrebbe conoscere: alcune possono sembrare ovvie ma, osservando molti siti web (aziendali o personali), ci si accorge che spesso non è così. Gli articoli sono brevi, sicuramente non esaustivi sull'argomento, ma offrono interessanti spunti di discussione: si passa dalla semplicità della navigazione alla pulizia...

Esempio di layout per un giornale online

Il layout di un giornale online ha esigenze diverse da quelle di un blog. La suddivisione degli spazi dovrà tenere conto delle rubriche, del posizionamento degli articoli allinterno della pagina e di molte componenti editoriali che spesso in un blog non esistono nemmeno. Ecco qualche consiglio. FONTE: kailoon.com

Motori di rendering e librerie grafiche, dove sta il problema?

Quando è stato annunciato Google Chrome, uno degli aspetti più evidenziati dai webdesigner era il fatto che, basandosi su Webkit, non sarebbe stato un altro browser su cui provare le proprie pagine. Tutto quello che funzionava su Safari, avrebbe funzionato su Chrome. Non è esattamente così e il problema non riguarda solo Chrome, vediamo perché. FONTE: kilianvalkhof.com

Locali pubblici e web: ottenere visibilità e clienti dalla presenza in...

Da qualche settimana leggo il blog Aprire un bar: non sono un operatore del settore, ma da buon frequentatore di locali mi piace tenermi informato su come funzionino. Oltretutto è scritto bene e permette anche a chi, profano come me, non ha grandi conoscenze sull'ambiente dall'altra parte del bancone. Tra gli ultimi post, ce nè uno che ha attirato...

E-Mail: scrivere meglio per ottenere risposte

Una breve serie di consigli su come scrivere meglio le e-mail, in modo da ottenere risposte e perdere meno tempo. FONTE: buildinternet.com Avete mai inviato un cristallino e-mail solo per ricevere una risposta del client che ti lascia perplessi? Quando non v'è alcun modo per dirla più semplice, cosa fai? È il client ignorando di proposito? O semplicemente non capisce il punto che si...

Le classi

Le classi  Qualunque sia la nostra scelta, foglio di style esterno o incorporato, non è detto che si debba necessariamente ridefinire tutti o alcuni degli elementi (tags) di Html, anzi, lasciamoli pure stare così come sono e creiamo noi le varianti che ci servono facendo uso delle classi. Questo di far uso di classi è decisamente il sistema più comodo e...

Quando usare float

Quando usare float in CSS. Definizione e utilizzo: La proprietà float specifica se una casella (un elemento) dovrebbe "galleggiare" (allinearsi su uno dei lati, destro o sinistro, del suo elemento contenitore). Il contenuto che circonda l’elemento scorrerà intorno ad esso sul lato opposto rispetto a quello indicato come valore di float. Nota: Gli elementi posizionati con absolute ignorano la proprietà float! Leggi...

5 tutorial per creare menu in stile Web 2.0 con i...

In questo post presenterò una raccolta di 5 guide, tratte dagli articoli più popolari dell'ottimo Woork, per creare menu in stile Web 2.0 con i fogli di stile. Le guide prendono spunto dai menu dei social network più famosi, per mostrare come creare cose simili per il nostro sito o blog. Barra di navigazione (Digg.com) Tutorial per realizzare una barra di...

Immagini nel Testo

Quando si devono inserire delle immagini insieme con il testo, queste risultano essere in linea col testo stesso. I Fogli di Style permettono di cambiare questo allineamento tramite la proprietà vertical-align che accetta i seguenti parametri: baseline, top, middle, bottom, sub, super, text-top e text-bottom. Personalmente trovo che il risultato non sia soddisfacente perchè l'iimagine è di solito più alta...
NON seguire questo link o sarai bannato dal sito!