venerdì, 10 Gennaio, 2020
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…

Conclusioni

Avrei finito, consapevole che ci sarebbe ancora molto da dire, lascio questo compito alla letteratura specializzata o a quei siti che si occupano soltanto di questo argomento. Per quanto mi riguarda considero questa guida più che sufficiente per poter apprendere e capire le varie tecniche di programmazione per questo sistema che si applica al buon "vecchio" HTML. Non mi resta che...

Posizionamento tramite CSS: prime lezioni

Sul blog di Kilian Valkhof, ecco i primi articoli di una serie sul posizionamento degli elementi di una pagina web attraverso i fogli di stile: le lezioni verranno pubblicate con cadenza settimanale. Il primo articolo introduce i tipi di posizionamento possibili e le loro caratteristiche, con immagini ed esempi chiari, sebbene il tutto sia in inglese. Il secondo spiega alcune...

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

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

Creare e inserire grafici in una pagina web? Ecco 10 soluzioni...

Nel creare un'applicazione web, può essere necessario visualizzare graficamente dei dati: l'ultima volta in cui ne ho avuto bisogno, ho iniziato a spulciare le funzioni PHP per la manipolazione delle immagini e ho costruito tutto a mano. Il risultato? Brutto, oltre che faticoso da realizzare e complesso per quanto riguarda la manutenzione. Quando ho letto, su WebTecker.com, un articolo che...

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

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

SEO, Google e gli URL: statico o dinamico fa veramente una...

Un recente articolo pubblicato su uno dei blog ufficiali di Google ha dato uno scossone a molti professionisti del web: il mito secondo cui gli URL statici siano meglio indicizzabili di quelli dinamici è un falso. Quale dei seguenti URL è dunque migliore per quanto riguarda l'indicizzazione su Google? http://cssblog.it/index.php?cat=130 http://cssblog.it/category/seo/ Stando a quanto scritto nellarticolo sicuramente il primo: come fanno...

Il Box Model

Se siete dei principianti in assoluto vi consiglio di saltare questa parte della guida passando direttamente ai links. Potrete sempre tornare dopo aver capito i meccanismi ed aver acquisito una certa familiarità con l'uso dei css.  Una delle cose più importanti introdotte con i CSS è il box model che permette di creare una struttura (layout) fatta da rettangoli e/o quadrati,...

I Layout fissi e liquidi

Un layout altro non è che una struttura per contenere i dati. Si tratta in pratica di usare box fissi e/o box flottanti per impaginare tutto quello che può far parte di una pagina web. Facendo uso delle informazioni e degli esempi visti in precedenza per il box liquido è possibile creare una struttura molto versatile, in questo esempio due...
NON seguire questo link o sarai bannato dal sito!