Articoli Taggati "animazioni"

twitter-bootstrap-search-box-responsive

Twitter Bootstrap search box responsive con animazioni CSS3

Tutorial su come rendere originale il proprio sito web sviluppato con Twitter Bootstrap, realizzando un’esperienza di ricerca originale ed accattivante, il tutto utilizzando animazioni CSS3 fluide e performanti. Il risultato è reso compatibile con tutti i tipi di browser grazie alla tecnica del progressive enhancement (miglioramento progressivo).

Continua a leggere
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
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
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
jquery-custom-box-css3-based-modal-plugin

jQuery Custom Box: plugin per modal dialog javascript con transizioni CSS3

jQuery Custom Box ti permette di creare modal dialog javascript basandosi su transizioni CSS3, mettendo a disposizione molti tipi di animazioni. Usando animazioni tramite fogli di stile, funziona solo con i browser più moderni. Sito web Download Git Hub
Continua a leggere
svg.js-animare-svg

SVG.js: plugin per manipolare ed animare SVG

SVG.js è un plugin javascript molto leggero (9kb) per manipolare e animare elementi SVG. Presenta una sintassi molto semplice, una struttura modulare e la possibilità di includere plugin opzionali. Sito web Git Hub
Continua a leggere