CHF CHF
EUR EUR CHF CHF

Tooltip e CSS3 Transition

Uno degli elementi più interessanti nell’ambito del web design è il tooltip. Questo genere di elemento serve spesso a fornire informazioni per chiarire un tipo di funzionalità o avvisare l’utente di una reazione legata ad una sua azione (di solito un click).

Leggi tutto

Dalla proposta grafica al CSS – Come affrontare il layout

Ritorniamo a parlare di conversione di una proposta grafica in una pagina HTML + CSS funzionale. Di tempo ne è passato, in questo anno tanti strumenti sono cambiati e sono emersi diversi modi di affrontare il flusso di lavoro per ottenere risultati differenti. Sono tuttavia convinto che il metodo di approccio che abbiamo visto nei post precedenti sia ancora un buon inizio per prendere confidenza con gli strumenti.

Leggi tutto

Riflessi CSS in Firefox

In questi giorni è uscita la versione 5.0 di Firefox, che aggiunge supporto alle animazioni CSS e miglioramenti all’interfaccia. Ho quindi deciso di dedicare un’articolo a questo browser, per quanto personalmente continui a ritenere WebKit superiore.

Leggi tutto

WebKit CSS 3: Gradienti, Mask e Animazioni

Oggi vi voglio proporre un piccolo esperimento che sfrutta alcune interessanti proprietà CSS che al momento sono disponibili solo su browser WebKit e senza l’apporto di codice JavaScript.
In particolare sfrutteremo le animazioni CSS e la proprietà -webkit-mask-image oltre ai gradienti CSS che invece sono supportati anche da altri brows

Leggi tutto

CSS3 patterns – Pattern lineari con gradient

Nel mio ultimo post avevo accennato al blog di Lea Verou che ha realizzato una gallery di pattern CSS3. Si tratta di composizioni grafiche che possono tornare utili e che fino a qualche tempo fa avremmo dovuto applicare alle nostre pagine web tramite immagini. Ora invece possiamo iniziare a pensare di utilizzare CSS3 per tali operazioni, ricordandoci, però, di applicare una immagine di fallback per IE.

Leggi tutto

CSS3 Media Queries: adattare la grafica di un template per ogni risoluzione

In passato il navigatore del web poteva incappare in alcuni siti internet che riportassero nel footer l’indicazione “sito ottimizzato per x alla risoluzione y” dove x era il nome di un browser (Internet Explorer, Netscape, poco altro…) e y il valore di una risoluzione grafica del monitor. Questa indicazione era spesso esclusiva e non lasciava spazio a corrette visualizzazioni su piattaforme differenti da quella indicata. E’ passato qualche anno, il problema delle visualizzazioni differenti tra browser si è notevolmente assottigliato, non cessato; la questione delle risoluzioni anche oggi può essere significativa per le varie tipologie di piattaforme in commercio.

Leggi tutto

Internet Explorer 9 e il supporto ai web standard

Internet Explorer 9. Supporta gli standard?Di questi tempi sulla rete si fa un gran parlare di Internet Explorer 9 e dell’elevato livello di supporto per gli standard web verso cui esso è stato ideato e realizzato. Uno degli eventi che la Microsoft, nel vivo di tutta questa agitazione, ha programmato, e che si svolgerà martedì 15 marzo, è un web camp intitolato “We Love Web Standards” nella descrizione del quale viene addirittura azzardato un “E con il nuovo Internet Explorer 9, tutte le potenzialità del Web possono realizzarsi in pieno!”. Preso da incontenibile euforia, dopo aver letto tutte queste belle notizie in una volta sola, decido di documentarmi meglio sul web e scoprire se effettivamente IE9 supporta gli standard.

Leggi tutto