Archivio categoria per "Web Design"

mobile-app-linguaggio-web-o-nativo-

Come creare un app mobile: HTML5 o linguaggio nativo?

Come creare un app: quale linguaggio dovrei usare, HTML5 o i linguaggi nativi? Si tratta di un dibattito che è sempre esistito fin dalla nascita dei dispositivi mobile; ma la realtà è che non c’è una risposta che si adatta a tutti e a tutto. In questo articolo analizzo quali sono i principali fattori in base ai quali dovresti decidere la strada più opportuna da intraprendere.

Continua a leggere
definire-la-struttura-dei-dati

HTML5 Mobile App: come definire la struttura dati

Se si vuole realizzare un’ HTML5 Mobile App uno degli aspetti più importanti è quello della struttura logica: servirsi di model e collection per definire i dati che saranno gestiti all’interno del progetto è fondamentale per quanto riguarda l’organizzazione, la mantenibilità e la riusabilità del codice. In questo post ti mostro come organizzare i dati usando Backbone.js.

Continua a leggere
Javascript-HTML5-Mobile-APP-e-frameworks-MVC

HTML5 Mobile App: l’importanza del framework MVC

Nonostante moltissime applicazioni, sia desktop che HTML5 Mobile App, siano oggi sviluppate sotto forma di single page applications (basti pensare a javascript web app come Gmail, Trello, Asana, Todoist, Twitter ecc.), in Italia il concetto di MVC è ancora poco diffuso, e molti sviluppatori faticano a comprenderne la logica. In questo post ti voglio far riflettere sull’importanza dei frameworks MVC per lo sviluppo front-end.

Continua a leggere
HTML5-Mobile-App-con-Bootstrap-Ratchet2-Backbone.js

Semplice HTML5 Mobile App con Bootstrap Ratchet e Backbone.js

Ecco un altro tutorial su come realizzare un’ HTML5 Mobile App in CSS3 e Javascript: in questo articolo ti mostro come usare la nuova versione di Ratchet (che ora fa parte di Twitter Bootstrap) insieme a Backbone.js per sviluppare una single page application. Il tutto nei tre stili differenti offerti da Ratchet, tra cui iOS e Android.

Continua a leggere
Ajax-Wordpress--come-utilizzarli-insieme

Ajax WordPress: come utilizzarli insieme

Ajax Wordpress: effettuare chiamate asincrone al server oppure a risorse locali è una delle caratteristiche fondamentali per la creazione di qualsiasi HTML Mobile App e Single Page Application sviluppata in HTML5, CSS3 e Javascript. In questo articolo gli amici di LaboratorioCSS.it ci mostrano come implementarle nella piattaforma CMS più utilizzata al mondo.

Continua a leggere
photoshop-per-disegnare-applicazioni-parte-2

Photoshop web design: disegnare interfacce – parte 2

Photoshop web design parte 2: la rete brulica di guide “per fotografi” su come utilizzare Photoshop. Ecco invece la seconda parte della mia mini-guida per Lobaedesign.com su come servirsi di questo potentissimo strumento per disegnare interfacce di siti web e applicazioni mobile (e desktop).

Continua a leggere
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
HTML-CSS-Footer-bottom-pagina-web

HTML CSS footer: Come posizionarlo al bottom di una Pagina Web

Tutorial su come posizionare un HTML CSS Footer al bottom del documento di un pagina web. L’articolo è un guest post riproposto su upCreative.net e scritto da Stefano Vollono di Laboratoriocss.it

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
photoshop-per-disegnare-applicazioni-parte-1

Photoshop web design: disegnare interfacce

Il modo in cui Photoshop viene utilizzato da un fotografo è molto diverso da quello in cui lo utilizza un web designer. Ecco la prima parte di una guida su come disegnare interfacce web che ho scritto per LobaeDesign.com

Continua a leggere