Manipolazione delle immagini con i filtri di WebKit
Mercoledì 4 Gennaio 2012 - 09:58
di Fabio Lelli
Dobbiamo abituarci, specialmente in quest’epoca dominata da HTML 5 e CSS3, all’introduzione continua di nuove tecnologie che ampliano l’orizzonte delle possibilità di programmazione ed interazione tramite il web. Da un paio di settimane è stata rilasciata Filter Effects una nuova specifica, ancora in fase di sviluppo, per la manipolazione avanzata delle immagini tramite dichiarazioni CSS.
Continua a leggere Manipolazione delle immagini con i filtri di WebKit
Categoria: CSS, Web Standards | Permalink | Commenti (3)
Griglie CSS fluide: consigli per l’uso
Martedì 27 Dicembre 2011 - 09:00
di Gabriele Romanato
Le griglie CSS non sono una novità. Fin dagli anni ‘90 con Netscape 4 e con la nascita di Gecko nel 1998, i browser hanno da sempre diviso la pagina in un fitto reticolato di zone rettangolari chiamate frame. Per questo motivo, le griglie CSS sono semplicemente la rappresentazione visuale di una struttura preesistente. Esistono varie implementazioni di griglie CSS (960Grid System, Blueprint eccetera), ma quando si tratta di lavorare su progetti particolari i framework esistenti possono non soddisfare i requisiti del progetto. In particolare, le sfide poste dal mercato del mobile riportano d’attualità il tema dei layout fluidi e della necessità di usare griglie fluide. Certo, le media queries CSS3 possono evitare il problema, ma siamo sicuri che la soluzione più complessa è anche la migliore?
Continua a leggere Griglie CSS fluide: consigli per l’uso
Categoria: CSS | Permalink | Commenti (2)
Usare CSS3 senza preoccuparsi dei vendor prefix
Venerdì 25 Novembre 2011 - 10:30
di Maico Orazio
Quando scriviamo codice CSS usare i vendor prefix, i prefissi specifici dei browser per utilizzare le proprietà CSS3 più recenti, rende il codice più lungo e difficile da mantenere, perché ogni volta che abbiamo bisogno di cambiare il valore di una proprietà dobbiamo cambiarli per tutti i rispettivi prefissi.
È difficile ricordarli tutti ed inoltre richiede tempo scriverli per ogni browser, per questo scopo possiamo utilizzare un validissimo tool online CSSPrefixer, che aggiunge i prefissi automaticamente alle proprietà CSS dello standard W3C generando le nuove proprietà specifiche dei browser.
Continua a leggere Usare CSS3 senza preoccuparsi dei vendor prefix
Categoria: CSS, Scripting | Permalink | Commenti (3)
Animazioni CSS facili con Animate.CSS
Giovedì 24 Novembre 2011 - 11:30
di Kiko
Come implementare le animazioni all’interno delle nostre pagine web? Una risposta plausibile potrebbe riguardare l’uso di jQuery o simili librerie e scrivere da noi il codice necessario all’effetto che vogliamo ottenere. Altrimenti possiamo andare più spediti, scaricare Animate.CSS e sfruttare le sue classi senza alcun bisogno di programmare alcuna riga di codice.
Continua a leggere Animazioni CSS facili con Animate.CSS
Categoria: CSS | Permalink | Commenta
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)