CHF
EUR 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

Artera Rewind: HTML 5

L’Html 5 è il nuovo standard che presto o tardi permetterà un salto di qualità nello sviluppo di siti e applicazioni web. Il linguaggio introduce un serie di nuove funzionalità e tag che permettono la realizzazione di effetti grafici e non solo molto interessanti ed avanzati.

Sul nostro blog abbiamo approfondito in più occasioni i diversi aspetti di questo nuovo linguaggio. Iniziando dalle basi ci siamo spinti fino alla realizzazione di script più complessi cercando di capirne e sfruttarne al massimo le potenzialità. Di seguito ripercorriamo tutti i tutorial dedicati a questo nuovo standard partendo dall’analisi delle relative specifiche e delle principali novità.

Leggi tutto

Google Dark: la nuova home page di Google

<img class="alignleft size-full wp-image-7744" style="margin-right: 10px" src="https://blog.artera.net/wp-content/uploads/2011/06/big-g.gif" alt="" width="139" height="142" />Come tanti avranno notato da ieri sera 28/06/2011 e <a href="http://googleblog.blogspot.com/2011/06/evolving-google-design-and-experience.html">come dichiarato sul blog ufficiale</a>, Google ha iniziato uno dei sue usuali upgrade design della <a href="http://www.google.com">home page</a>. La navigation bar, ovvero la barra in alto contenente la navigazione tra i servizi offerti dal motore di ricerca, è diventata grigio scura.

Dalle dichiarazioni del post dell'azienda di Mountain View, questo non è che un primo passo verso una serie di upgrade dell'esperienza utente che avverranno nei prossimi mesi in alcuni dei suoi servizi.

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

Questo sito utilizza cookie, anche di terze parti, per inviarti pubblicità e servizi in linea con le tue preferenze. Chiudendo questo banner, scorrendo questa pagina o cliccando qualunque suo elemento acconsenti all'uso dei cookie. Leggi tutto

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close