Siti “responsive” con Amazium, un framework CSS
Lunedì 21 Novembre 2011 - 15:00
di Kiko
L’ingente quantità di dispositivi mobile e touch obbliga di fatto gli sviluppatori a una sempre maggiore attenzione alla costruzione di pagine web che siano esteticamente funzionali e perfettamente adatte ai piccoli schermi. Potrebbe essere questa una superficiale definizione del termine responsive che oggi invade blog e portali destinati ai web designer.
È anche uno dei termini che accompagna la descrizione di Amazium, ennesimo rappresentante dei framework CSS.
Continua a leggere Siti “responsive” con Amazium, un framework CSS
Categoria: CSS | Permalink | Commenti (1)
Sofisticate animazioni CSS con Alice.js
Giovedì 20 Ottobre 2011 - 11:00
di Claudio Cicali
Nel sempre più variegato (e un po’ caotico) mondo delle animazioni e degli effetti grafici più o meno complessi possibili con CSS3 e JavaScript, l’ultima arrivata è una piccola libreria JavaScript dal simpatico nome di Alice. Così come l’eponima eroina, l’autore della libreria si era avventurato per una propria precisa necessità nel meraviglioso mondo della animazioni CSS, senza sapere però esattamente dove sarebbe finito. Vediamo a che punto è arrivato.
Continua a leggere Sofisticate animazioni CSS con Alice.js
Categoria: CSS, Scripting | Permalink | Commenti (4)
Disegnare pagine web per iPad con Magazine Grid
Lunedì 26 Settembre 2011 - 09:41
di Kiko
Una volta costruito il sito, visto l’enorme successo del marchio Apple, spesso il cliente chiede pure una versione ottimizzata e specifica per dispositivi quali iPhone e iPad. I CMS più conosciuti e usati mettono a disposizione dello sviluppatore diversi plugin. Questi ultimi non sono altro che template specifici per piccoli schermi e buoni in generale per dispositivi touch o mini browser
Ma se si vuole un design e funzionalità di navigazione specifiche si deve scrivere da zero un nuovo template. In tal caso può essere di grande aiuto un tool come Magazine Grid.
Continua a leggere Disegnare pagine web per iPad con Magazine Grid
Categoria: CSS, Web Design | Permalink | Commenti (6)
LESS: quando i CSS diventano dinamici
Mercoledì 31 Agosto 2011 - 12:18
di Mariano Calandra
LESS è un progetto nato con l’obiettivo di espandere le potenzialità dei fogli di stile attraverso l’aggiunta di variabili, operazioni, funzioni ed altre caratteristiche proprie dei linguaggi di programmazione. Come alcuni sapranno, LESS non è il primo progetto che tenta di spingere i CSS oltre i limiti, ma, a differenza dei suoi colleghi, la sintassi di LESS non stravolge quella che è la sintassi già nota dei CSS.
Continua a leggere LESS: quando i CSS diventano dinamici
Categoria: CSS | Permalink | Commenti (11)
CSS: forzare il ritorno a capo in assenza di caratteri di spaziatura
Lunedì 22 Agosto 2011 - 10:00
di Mariano Calandra
Siamo d’accordo: “l’abito non fa il monaco”, ma, a parità di contenuti, un sito esteticamente gradevole invoglia alla permanenza molto più di uno “brutto”. I blog, usati come portfolio o “sponsor personale” sono quelli esteticamente più curati, sarebbe spiacevole se l’intero layout venisse rovinato da un link troppo lungo oppure da un “oh, nooooooooooooooooooo” tra i commenti in grado di scompaginare il nostro layout.
Continua a leggere CSS: forzare il ritorno a capo in assenza di caratteri di spaziatura
Categoria: CSS | Permalink | Commenti (11)
WordPress e classi CSS
Lunedì 8 Agosto 2011 - 09:31
di Gabriele Romanato
Senza le classi CSS, creare un tema per WordPress che sia flessibile ed estendibile sarebbe virtualmente impossibile. In origine i CSS furono concepiti quando il Web era costituito prevalentemente da siti quasi del tutto statici (1996, 1998 e 2000), e questa caratteristica si riflette nelle scelte di sviluppo di questo standard. Anche se le specifiche CSS 2.1 affermano (nel capitolo dedicato ai selettori) che un uso eccessivo delle classi andrebbe evitato, è altresì vero che senza le classi i CSS perderebbero gran parte della loro capacità di adattarsi ad un ambiente dinamico quale quello di un CMS. Vediamo perché.
Continua a leggere WordPress e classi CSS
Categoria: CSS, CMS | Permalink | Commenti (3)
La proprietà @font-face: usiamola con attenzione (parte 2)
Venerdì 22 Luglio 2011 - 14:45
di Mariano Calandra
Nella precedente “puntata”, abbiamo parlato della proprietà dei CSS chiamata @font-face e di come limitarne i problemi di compatibilità con Internet Explorer. Bonificate le insidie di casa Microsoft, restano quelle di tutti gli altri browser. Stavolta, più che di mancata aderenza agli standard, dobbiamo preoccuparci di quei browser talmente vecchi, nei quali, tale proprietà è completamente assente.
Continua a leggere La proprietà @font-face: usiamola con attenzione (parte 2)
Categoria: CSS | Permalink | Commenti (5)
BoxJS, compressore e sistema di caricamento per JavaScript e CSS
Venerdì 22 Luglio 2011 - 09:26
di Kiko
Al fine di ridurre i tempi di caricamento di una pagina web si è soliti fare uso di un compressore di codice. Un simile strumento non fa altro che prendere in input un asset JavaScript o CSS e restituisce lo stesso file minimizzato, cioè privo di spazi e commenti. Già solo questo espediente consente di ridurre il peso dei singoli file e, nell’insieme, di risparmiare banda e incrementare le prestazioni. Ma “minificare” non basta.
Continua a leggere BoxJS, compressore e sistema di caricamento per JavaScript e CSS
Categoria: CSS, Scripting | Permalink | Commenti (2)
La proprietà @font-face: usiamola con attenzione (parte 1)
Mercoledì 20 Luglio 2011 - 16:27
di Mariano Calandra
La scelta del carattere (in senso tipografico) è sempre stato un punto fondamentale nella progettazione Web. La decisione è sempre stata oculata, in quanto, il carattere voluto doveva essere presente sul computer utente, pena l’impossibilità di visualizzarlo. Ragion per cui, si puntava solitamente a caratteri standard, di quelli che in genere sono presenti sulla totalità dei sistemi operativi.
Ci sono stati nel tempo vari stratagemmi per rendere possibile l’utilizzo di caratteri “non standard”: dall’utilizzo di immagini (utile solo nel caso di header o parti del sito ben definite) a metodi più sofisticati e complicati. Grazie alla proprietà @font-face, tutto questo è possibile senza troppi problemi ma… facciamolo con attenzione.
Continua a leggere La proprietà @font-face: usiamola con attenzione (parte 1)
Categoria: CSS | Permalink | Commenti (4)
Una panoramica sulle media-query di CSS3
Martedì 12 Luglio 2011 - 10:57
di Mariano Calandra
I modi in cui entriamo sul Web sono molteplici: portatile, netbook, smartphone, tablet e così via. Dispositivi piuttosto diversi soprattutto per quanto riguarda le dimensioni. Compito di un buona progettazione è quello di dare un layout ottimale a ciascun dispositivo e di conseguenza a ciascuna risoluzione. Il compito fino ad oggi non era propriamente semplice e richiedeva l’uso di JavaScript, i CSS3 rendono il tutto molto più semplice con 3 semplici proprietà.
Continua a leggere Una panoramica sulle media-query di CSS3
Categoria: CSS | Permalink | Commenti (2)