Come andare a capo con CSS

Ci sono due opzioni per andare a capo con CSS: #elementId { display: block; } Questo forzerà l'elemento ad una nuova riga se non è sulla stessa linea come elemento float. #elementId { clear: both; } Questo costringerà l'elemento per cancellare i float, e passare a un 'nuova linea.' Nel caso di un elemento sulla stessa linea con position impostato come fixed o absolute...

Come impostare un'immagine come sfondo con CSS

Per impostare un'immagine come sfondo utilizzando il CSS bisogna utilizzare la proprietà background-image. Esempio Ecco un esempio in cui usiamo un'immagine nell'elemento <body>: body { background-image: url("paper.gif"); background-color: #cccccc; } Definizione e utilizzo La proprietà  background-image imposta una o più immagini di sfondo per un elemento. Lo sfondo di un elemento è della dimensione totale dell'elemento, compresi padding e border (ma non margin). Per impostazione predefinita, un'immagine di sfondo viene posizionata nell'angolo in alto...

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...

Come modificare il CSS di WordPress

È possibile utilizzare l'editor CSS per personalizzare l'aspetto di qualsiasi sito WordPress.com. Funziona consentendo di aggiungere i propri stili CSS, che permette di ignorare gli stili di default del vostro tema. Per accedere l'editor CSS, prima lancia la personalizzazione sito  quindi fai clic sulla scheda CSS per accedere l'editor CSS. Anteprima e salvataggio Quando si modificano le regole CSS nel pannello CSS del site customizer,...

Quando usare class o id

Abbiamo bisogno di modi per descrivere il contenuto in un documento HTML / XHTML. Gli elementi di base come <h1>, <p> e <ul> spesso sono sufficienti, ma il nostro set di base dei tag non copre ogni possibile tipo di elemento della pagina o di scelta di layout. Per questo abbiamo bisogno di id e Classi. Per esempio <ul id="nav">, questo ci...

CSS: perché “a cascata”?

CSS sta per "Cascading Style Sheets", in italiano fogli di stile a cascata. Qual è il significato esatto del termine "Cascading" (a cascata) in CSS? Ci sono sempre diversi punti di vista, quindi un esempio potrebbe aiutare. "Cascata" in questo contesto significa che più di una regola di stile potrebbe applicarsi a un particolare pezzo di HTML, ci deve essere un...

CSSNewbie segnala CSSBlog: grazie, ma c'è ancora molto da fare!

Un po di autoreferenzialità non fa mai male, soprattutto se inserita in una specie di post di servizio: è arrivata la recensione di CSSBlog da parte di CSSNewbie.com, che oltre a qualche complimento forse eccessivo mette in evidenza il cambiamento di CSSBlog rispetto ad alcuni degli obiettivi iniziali. FONTE: cssnewbie.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

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

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...