Articoli Taggati "css3"

mobile-slide-menu-css3

Come realizzare un HTML Mobile Slide Menu con Animazioni CSS3

Un altro tutorial sulla creazione di HTML Mobile App per la realizzazione di un mobile slide menu animato utilizzando CSS3 e con effetto ease elastico.

Continua a leggere
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
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
mobile-app-fluide-con-l'hardware-acceleration

Web e Mobile app fluide con layer e hardware acceleration

Molte volte ho affrontato il discorso dell’importanza delle prestazioni, e su come esse incidono notevolmente nella realizzazione di applicazioni web e mobile scritte in HTML, CSS3 e Javascript. Numerosi web developer durante lo sviluppo dei propri lavori non tengono conto del rendering

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