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 colonna? (continua…)
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 andremo a vedere come utilizzare il valore “absolute” che può essere assegnato a questa proprietà per posizionare elementi grafici all’interno dei nostri layout. (continua…)
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 la giusta combinazione di classi CSS.
Per un professionista però è importante capire quali sono i concetti fondamentali per la costruzione dei layout. Oggi vedremo uno dei metodi per realizzare un layout fisso. (continua…)
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 completamente il modo in cui siamo abituati a vedere il web o meglio, il modo in cui siamo abituati a fare il web.
Oggi per ottenere determinati risultati siamo spesso costretti a implementare degli script aggiuntivi all’interno del nostro markup HTML; script che richiedono ovviamente del lavoro extra con notevole aumento del tempo impiegato per portare a termine il progetto.
Oggi vedremo come HTML5 ci permetterà di semplificare notevolmente il nostro lavoro. (continua…)
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 Internet Explorer con i CSS3? (continua…)
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 CSS3 in tutti i browsers escluso Internet Explorer, per il quale bisogna ricorrere a dei trucchi e a delle vie traverse.
Ci sono dei moduli, però, che permettono di ottenere dei risultati grafici gradevoli e molto utili, pienamente compatibili anche col browser di casa Microsoft: oggi infatti ci occuperemo del modulo @font-face. (continua…)
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, dedicata proprio ai “piccoli grandi problemi” che i web designers incontrano tutti i giorni sul loro cammino. Questa settimana vedremo come centrare correttamente un elemento all’interno del suo contenitore. (continua…)
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 cui il W3C diede vita al CSS1) ai giorni nostri, il linguaggio CSS ha fatto passi da gigante, fino alla versione CSS3 attualmente in fase di realizzazione.
Se da un lato la maggior parte dei browser (Mozilla Firefox, Safari, Chrome) supporta buona parte dei neonati moduli del CSS3, dall’altro il più diffuso browser al mondo, Internet Explorer, non ne supporta nativamente quasi nessuno costringendoci, di fatto, a dover ricorrere a numerosi hacks al fine di ottenere risultati vicini alla sufficienza.
Oggi vedremo insieme, infatti, alcuni effetti che potrebbero rivoluzionare il web, ma che non possiamo ancora implementare nei nostri siti proprio a causa delle mancanze di Internet Explorer. (continua…)
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 fanno, è per soddisfare una reale necessità.
Un utente potrebbe avere un meeting importante e decidere di stampare alcune copie delle ultime agenzie giornalistiche; spesso io stesso stampo degli articoli dai vari blog che seguo per leggerli prima di dormire, oppure durante i miei frequenti viaggio in treno. Per qualsiasi ragione si stampi una pagina web, se non vi è un’attenzione per questo particolare mezzo da parte dello sviluppatore, i risultati saranno, nel migliore dei casi, scarsi.
In questo articolo vedremo alcune delle best practices per stampare al meglio i contenuti del nostro sito web. (continua…)
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 le performance. Oggi parleremo dei CSS Sprites. (continua…)
