Webdesign
359 views | +0 today
Follow
Your new post is loading...
Your new post is loading...
Scooped by Giacomo Freddi
Scoop.it!

Perché creare un blog - I motivi ed i benefici principali

Perché creare un blog - I motivi ed i benefici principali | Webdesign | Scoop.it
Perché creare un blog? Scopri i motivi principali ed i benefici che puoi ricavare per te o la tua azienda pubblicando costantemente contenuti in un blog.
more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

Integrare il Facebook mobile login in un'applicazione HTML5

Integrare il Facebook mobile login in un'applicazione HTML5 | Webdesign | Scoop.it
Facebook mobile login: come integrare il login di Facebook in un'applicazione sviluppata in HTML5, CSS3 e Javascript senza utilizzare codice nativo
Giacomo Freddi's insight:

Phonegap/Cordova permette di integrare il Facebook mobile login in un'applicazione ibrida realizzata in HTML5, CSS3 e Javascript permettendo l'accesso ai controlli nativi del dispositivo, grazie ad una combinazione del Facebook SDK nativo e di quello Javascript.

 

Tuttavia questo metodo è limitato alle applicazioni che saranno poi compilate sotto forma di app nativa. In questo articolo ti mostro una risorsa alternativa per implementare il login di Facebook in qualsiasi applicazione HTML5.

more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

Come creare un app: la view di login con il localStorage

Come creare un app: la view di login con il localStorage | Webdesign | Scoop.it
Come creare un app mobile in HTML5, CSS3 e Javascript che mostra una view di login salvando i dati dell'utente lato-client tramite il localStorage
Giacomo Freddi's insight:

Ti sei sempre chiesto come le applicazioni #mobile   gestiscono il login dell'utente? Ecco un tutorial che ti spiega come realizzare e gestire la schermata di login in una  #html5   #mobileapp . 

Nell'articolo utilizzo il salvataggio dati #clientside  per controllare la variabile di login, attraverso il #localstorage .

Buona lettura!!!!!

more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

Come creare un app: l'importanza di usare javascript modulare

Come creare un app: l'importanza di usare javascript modulare | Webdesign | Scoop.it
Come creare un app: perchè scrivere javascript modulare nella realizzazione e sviluppo di un'applicazione mobile può diventare un aspetto fondamentale.
more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

Come creare un app in HTML: database SQL lato-client - parte 2

Come creare un app in HTML: database SQL lato-client - parte 2 | Webdesign | Scoop.it
Come creare un app in HTML salvando i propri dati in un database relazionale lato-client: come leggere e modificare dati con il Web SQL
more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

Creare Mobile App in HTML e Web App: benefici e svantaggi di Backbone

Creare Mobile App in HTML e Web App: benefici e svantaggi di Backbone | Webdesign | Scoop.it
Come creare Mobile App in HTML, CSS3 e Javascript: quali sono i principali vantaggi e svantaggi di Backbone.js?
more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

Come creare Mobile App in HTML: il sistema di javascript templating

Come creare Mobile App in HTML: il sistema di javascript templating | Webdesign | Scoop.it
Come Creare Mobile app in HTML: come usare un sistema di javascript templating sia fondamentale per mantenere organizzata la struttura ed il codice.
more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

HTML5 Mobile App - Gestire la struttura dei dati con i model

HTML5 Mobile App - Gestire la struttura dei dati con i model | Webdesign | Scoop.it
Come definire i dati in una HTML5 Mobile App sviluppata in CSS3 e Javascript attraverso i model e le collection
Giacomo Freddi's insight:

Se si vuole realizzare un' #html5     #mobileapp  in #javascript  e#css3   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.

Cosa ne pensi? Hai mai considerato l'opzione di usare un #javascript  #framework   #MVC  per i tuoi progetti mobile?

more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

5 modi per Aumentare le Conversioni della tua Call To Actions :: Webhouse

5 modi per Aumentare le Conversioni della tua Call To Actions :: Webhouse | Webdesign | Scoop.it
Aumentare le conversioni dei propri pulsanti call-to-action attraverso 5 tecniche consolidate
more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

Semplice HTML5 mobile app con Backbone.js e Ratchet 2

Semplice HTML5 mobile app con Backbone.js e Ratchet 2 | Webdesign | Scoop.it
Come realizzare una semplice Single Page HTML5 Mobile App con Backbone.js ed il mobile framework Ratchet 2, che fa parte di Twitter Bootstrap
more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

Come realizzare la view di una HTML Mobile App con tab-bar animata

Come realizzare la view di una HTML Mobile App con tab-bar animata | Webdesign | Scoop.it
Finora abbiamo parlato di performance e fluidità di applicazioni mobile, in particolare di quali tecniche e consigli adottare per potere migliorare le prestazioni e limitare in modo considerevole le differenze tra un progetto realizzato in HTML5, CSS3 e Javascript e un’app sviluppata nativamente.In questo articolo ti voglio mostrare come usare del markup HTML5 insieme a codice CSS3 performante per poter impostare una “classica” view (quindi una tipica schermata mobile) con una tab-bar interna, che richiami un’animazione al momento del passaggio da una scheda ad un’altra.
more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

Ajax Wordpress: come utilizzarli insieme

Ajax Wordpress: come utilizzarli insieme | Webdesign | Scoop.it
Ajax Wordpress: articolo tutorial su come implementare correttamente chiamate asincrone nella piattaforma CMS più utilizzata al mondo.
more...
No comment yet.
Rescooped by Giacomo Freddi from HTML5 and CSS3
Scoop.it!

Fullscreen Layout with Page Transitions

Fullscreen Layout with Page Transitions | Webdesign | Scoop.it
Fullscreen Layout with Page Transitions

Via Miriam Stenson
more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

Mobile app o responsive design? 6 domande da farsi prima di decidere

Mobile app o responsive design? 6 domande da farsi prima di decidere | Webdesign | Scoop.it
Mobile app o responsive design? 6 domande da porti prima di decidere come sviluppare il tuo prossimo progetto.
Giacomo Freddi's insight:

I dibattiti sulla decisione da prendere quando si crea una nuova  #mobileapp per quanto riguarda il metodo di sviluppo sono tantissimi.

 

Il popolo degli sviluppatori è diviso infatti tra linguaggi web - #HTML5, #CSS3 e #Javascript - e quelli nativi - #cocoa , #java, il più recente #swift ecc.

 

Ma io credo che non esiste una scelta più giusta dell'altra, quanto piuttosto quella più adatta ad un tipo di progetto o situazione.

 

In questo articolo che ho scritto per Lobaedesign.com  ti mostro gli aspetti in base ai quali dovresti scegliere la via dell' #HTML5 o dei linguaggi nativi

more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

Come creare un app: dovrei usare HTML5 o linguaggio nativo?

Come creare un app: dovrei usare HTML5 o linguaggio nativo? | Webdesign | Scoop.it
Come creare un app mobile: HTML5 o linguaggio nativo? Ecco i fattori in base ai quali decidere quale strada intraprendere per il tuo progetto mobile
Giacomo Freddi's insight:

Uno dei dilemmi più frequenti su cui si imbatte chiunque decida di affacciarsi sul mondo dello sviluppo mobile è sicuramente quello su come creare un app: “quale sistema di sviluppo dovrei adottare? E’ meglio cominciare con il codice nativo oppure affidarsi all’HTML?”.

In effetti è una domanda che i miei lettori mi pongono molto frequentemente.

Come avrai notato personalmente prediligo la via dell’HTML5, CSS3 e Javascript per realizzare i miei progetti destinati a dispositivi mobile. Ma quella che per me è la strada principale, non è detto che lo debba essere per gli altri sviluppatori.

Ognuno, durante il proprio percorso formativo/professionale, capita davanti a situazioni ed ostacoli differenti, una miriade di combinazioni che lo portano a prendere determinate decisioni invece che altre.

E’ così anche per quanto riguarda la decisione sul linguaggio da utilizzare per realizzare una mobileapp.

La risposta non è delle più semplici, ma dipende da numerosi fattori. In questo articolo vedremo quali secondo me dovresti considerare per prendere la tua decisione.

CLICCA QUI PER CONTINUARE A LEGGERE L’ARTICOLO

more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

HTML Mobile App: quali competenze occorrono per crearne una

HTML Mobile App: quali competenze occorrono per crearne una | Webdesign | Scoop.it
Quasi contemporaneamente alla nascita degli smartphone e all’introduzione nel mercato dei dispositivi mobile, è nata la possibilità di realizzare mobile app ibride, soprattutto grazie all’avvento di tools come Phonegap, che permettono di compilare progetti HTML5 sotto forma di applicazioni native.Molti web designer si sono orientati verso questo tipo prodotto, forti del fatto di conoscere bene i linguaggi lato-client, come appunto CSS e Javascript, riuscendo a estendere il proprio raggio d’azione e a offrire ai propri clienti un ulteriore tipo di servizio.
more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

Come creare un app: l'importanza di usare javascript modulare

Come creare un app: l'importanza di usare javascript modulare | Webdesign | Scoop.it
Come creare un app: perchè scrivere javascript modulare nella realizzazione e sviluppo di un'applicazione mobile può diventare un aspetto fondamentale.
more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

HTML Mobile App: perchè utilizzare l’MVC

HTML Mobile App: perchè utilizzare l’MVC | Webdesign | Scoop.it
In un precedente articolo avevo parlato delle view, e della loro importanza per quanto riguarda l’incremento delle prestazioni di rendering e della fluidità, nel caso dell’interfaccia di un’applicazione mobile sviluppata in HTML, CSS3 e Javascript.La view è uno dei componenti principali dello sviluppo MVC, una logica molto diffusa nella realizzazione di applicazioni a pagina singola ( single page application), ovvero quelle applicazioni in cui la pagina non viene mai ricaricata, come nel caso di applicazioni Mobile Ibride.Tuttavia molti sviluppatori javascript che si occupano di font-end fanno ancora fatica a prendere in considerazione l’idea di utilizzare l’MVC per i propri progetti, scoraggiati in particolar modo dallo “scoglio iniziale” in cui si imbattono quando si affacciano a questo tipo di programmazione.
more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

Come creare un app in HTML: salvare dati con database SQL lato-client

Come creare un app in HTML: salvare dati con database SQL lato-client | Webdesign | Scoop.it
Come creare un app in HTML salvando i propri dati in un database relazionale lato-client: introduzione al Web SQL
more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

HTML Mobile App: il funzionamento delle view

HTML Mobile App: il funzionamento delle view | Webdesign | Scoop.it
Nell’ultimo post ho discusso l’importanza della view in ambito web, ed i motivi secondo cui secondo me tale concetto dovrebbe essere preso in considerazione da qualunque sviluppatore front-end.In questo articolo voglio approfondire il discorso delle view e di come poterle utilizzare più concretamente in un’eventuale applicazione javascript, usando come punto di riferimento uno dei framework MVC più utilizzati: Backbone.js.
more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

HTML Mobile App e Web App: il web ha bisogno delle VIEW

HTML Mobile App e Web App: il web ha bisogno delle VIEW | Webdesign | Scoop.it
Come avrai notato sono un ossessionato delle prestazioni di rendering e della fluidità lato-client, soprattutto per il fatto che il numero di coloro che navigano da dispositivi mobile, molto meno potenti per caratteristiche hardware rispetto a quelli desktop, è cresciuto incredibilmente, e lo sta ancora facendo.Diventa pertanto fondamentale realizzare dei prodotti che possano essere utilizzati in maniera piacevole da parte dell’utente.Forse avrai già sentito parlare del pattern MVC per la realizzazione di Single Page App e sicuramente già saprai che esistono oltre 50 javascript framework di cui ti puoi servire per sviluppare progetti MVC-based.
more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

HTML5 Mobile App: tecniche per il salvataggio dei dati

HTML5 Mobile App: tecniche per il salvataggio dei dati | Webdesign | Scoop.it
L’idea di scrivere questo post nasce dalle numerose richieste che ho ricevuto su come comportarsi per il salvataggio dei dati di una HTML5 mobile app, le quali presentavano diversi dubbi e perplessità.Tutte le applicazioni mobile hanno in qualche modo a che fare la manipolazione dei dati: in un video-game abbiamo bisogno di salvare informazioni come punteggi e livelli raggiunti, in un’app per un catalogo-prodotti devono essere salvati i dati di ogni prodotto, nella maggior parte delle applicazioni abbiamo bisogno di salvare le impostazioni base dell’utente, e così via per una lista infinita di possibili casi.Il fatto è che i dati stanno alla base di qualsiasi web app (come anche di qualsiasi sito web), quindi vanno in qualche modo gestiti.Vediamo quali sono le possibili tecniche da utilizzare per il salvataggio dei dati.
more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

CSS3 Tutorial: Come creare un effetto overlay iOS 7 blur

CSS3 Tutorial: Come creare un effetto overlay iOS 7 blur | Webdesign | Scoop.it
Articolo di Giacomo Freddi
Riportiamo di seguito il post “CSS3 Tutorial: Come creare un effetto overlay iOS 7 blur” pubblicato sul blog
more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

Photoshop design tutorial: Come disegnare applicazioni mobile - Parte 3 - Lobae Design

Photoshop design tutorial: Come disegnare applicazioni mobile - Parte 3 - Lobae Design | Webdesign | Scoop.it
Photoshop design tutorial: Non sa come disegnare applicazioni mobile? Sei nel posto giusto, segui la terza parte della nostra rubrica!
more...
No comment yet.
Scooped by Giacomo Freddi
Scoop.it!

HTML Mobile App: 5 Consigli per aumentare le performance

HTML Mobile App: 5 Consigli per aumentare le performance | Webdesign | Scoop.it
Negli articoli precedenti (HTML5 Mobile App: transizioni ed animazioni CSS3 parte 1 e parte 2) abbiamo visto come poter realizzare applicazioni HTML5 e Javascript con interfacce che sfruttano animazioni CSS3, e come poter controllare quest’ultime grazie agli eventi che abbiamo a disposizione.Oggi ti voglio mostrare alcune tecniche da affiancare a quelle già analizzate per migliorare l’esperienza utente e renderla più vicina, in termini di prestazioni e reattività, a quelle sviluppate nativamente.
more...
No comment yet.