Archivio categoria per "Web Design"

Mobile-Action-Sheet-con-Bootstrap-3-e-Animazioni-CSS3

Come realizzare un Mobile Action Sheet con Bootstrap 3 e Animazioni CSS3

Un altro tutorial in cui ti mostro come realizzare un’interfaccia con mobile action sheet stile iOS7, tramite animazioni CSS3 e Twitter Bootstrap 3, e sfruttando la tecnica dell’accelerazione hardware per rendere l’effetto fluido e performante.

Continua a leggere
CSS3-search-form-in-stile-Gmail-Mobile-App

Search form con animazione CSS3 per HTML Mobile App

Articolo-tutorial che ho scritto per gli amici di LaboratorioCSS.it su come realizzare un’animazione CSS3 fluida su una search form per riprodurre l’effetto dell’applicazione mobile di Gmail, in modo da ottimizzare lo spazio per i risultati della ricerca.

Continua a leggere
IE7-CSS-selettori-per-Internet-Explorer

IE7 CSS: selettori per Internet Explorer 7 e versioni successive

Una guida base che analizza i selettori che IE7 e versioni successive supportano in maniera nativa, il tutto diviso per tipologie: i selettori base, quelli di relazione e quelli di attributo. L’articolo presenta sia un’ottima opportunità di apprendimento per i principianti che di ripasso per i più esperti.

Continua a leggere
Come-realizzare-una-progress-bar-CSS3-per-una-HTML-Mobile-App

Come realizzare una progress bar CSS3 per una HTML Mobile App

In altri articoli ho discusso l’importanza delle performance per quanto riguarda lo sviluppo di HTML mobile app tramite CSS3 e Javascript. Durante la realizzazione di un’applicazione destinata a dispositivi mobile è importante sviluppare ogni effetto e animazione tenendo conto delle performance, fattore che su smartphone
Continua a leggere
Background image full screen

Background image full screen

Questo è un guest post scritto da Stefano Vollono, co-fondatore insieme ad Antonio Polese del blog Laboratorio CSS. Stefano spiega come ottenere una background image full screen su un documento. L’obiettivo è quello di cercare di rendere il tutto cross-browsing, ottimizzando il

Continua a leggere
paginazione-su-lista-con-CSS3

HTML Mobile App: animazione CSS3 su pagine di una lista

Nell’ultimo articolo ho spiegato come gestire gli eventi di fine animazione e fine transizione CSS3 tramite Modernizr, ottima tecnica per realizzare effetti performanti nella creazione di HTML Mobile App fluide e reattive. In questo articolo, restando sempre nel tema delle HTML Mobile Apps, vedremo
Continua a leggere
Modernizr-e-CSS3-eventi-fine-animazione

Modernizr e CSS3: gestire gli eventi di fine animazione e transizione con javascript

Usare animazioni e transizioni CSS3 in siti e applicazioni web è ormai diventata (fortunatamente) pratica sempre più comune ed i vari web designer si sbizzarriscono con il loro utilizzo per cercare di distinguersi in creatività e design rispetto agli altri. Molte volte navigando
Continua a leggere
CSS3-slide-panel-upcreative

CSS3 slide panel: tutorial su come realizzare un menu stile mobile

Come sicuramente avrai capito leggendo i miei post, ho un vero e proprio debole per le mobile web app e per l’impiego dei CSS3 al fine di rendere più piacevole la user-experience delle mie interfacce. Con il miglioramento costante delle caratteristiche
Continua a leggere
Performance-CSS3-consigli-per-ottimizzare-le-animazioni.jpg

Performance CSS3: consigli per ottimizzare le animazioni

Da sempre il web designer/developer deve sostenere la famosa dura lotta della compatibilità browser, con un occhio di riguardo soprattutto per Internet Explorer, ed in particolar modo per l’utilizzo delle numerose funzionalità CSS3, che contribuiscono ad incrementare la qualità e la user experience di ogni
Continua a leggere
Animate.css--raccolta-di-stili-per-animazioni-CSS3-cross-browser

Animate.css: raccolta di stili per animazioni CSS3 cross browser

Nello sviluppo di un’interfaccia, sia essa progettata per una web app o per un sito web, le animazioni CSS3 stanno diventando uno degli ingredienti fondamentali. Grazie ad esse è possibile creare una user experience più gradevole e inevitabilmente un risultato
Continua a leggere