Questo piccolo “snippet” è estremamente modificabile , è fluido e quindi si adatta ad ogni dimensione.

Il risultato [...]]]>
Questa breve guida ci mostrerà come realizzare un pratico riquadro di notifica in css e html molto leggero e pratico in modo tale da poter realizzare le notifiche o avvisi nei nostri blog o siti web.

Questo piccolo “snippet” è estremamente modificabile , è fluido e quindi si adatta ad ogni dimensione.

Il risultato è il seguente:

Codice CSS:

.riquadro {
   padding: 20px;
   margin: 10px;
   background: #ff0030;
   color: #fff;
   font-size: 21px;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px dashed #fff;
   border-radius: 10px;
   box-shadow: 0 0 0 4px #ff0030, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
   text-shadow: -1px -1px #aa3030;
   font-weight: normal;
}

Codice HTML per richiamare il DIV:

<div class="riquadro">RIQUADRO</div>

Naturalmente è possibile personalizzare i DIV in qualsiasi modo noi vogliamo in maniera tale da poterli utilizzare per i nostri scopi come i più diffusi, un’esempio classico preso a caso da Google Image è rappresentato nell’ immagine sopra !

A molti di voi sarà capitato di imbattersi , durante la navigazione mobile di un blog o sito , il quale quest’ultimo magari ha anche un’applicazione per iOS e di vedere un piccolo pop-up che vi rimanda alla pagina dell’ app store, informandovi che vi è anche un’applicazione dedicata.  Bene questo si [...]]]>

A molti di voi sarà capitato di imbattersi , durante la navigazione mobile di un blog o sito , il quale quest’ultimo magari ha anche un’applicazione per iOS e di vedere un piccolo pop-up che vi rimanda alla pagina dell’ app store, informandovi che vi è anche un’applicazione dedicata.  Bene questo si può ottenere con dei meta tag  appropriati, chiamati Smart App Banner.

E’ possibile approfondire l’argomento nelle linee guida Apple Developer Library  .

<meta name="apple-itunes-app" content="app-id=myAppStoreID, 
  affiliate-data=myAffiliateData, app-argument=myURL">

Come potete notare è molto semplice , basterà inserire le giuste opzioni al meta tag , dove app-id sarà l’id univoco della vostra app , affiliate-data è opzionale , e dovrete inserire il vostro codice di affiliazione , app argument anch’esso opzionale .

Una nota fondamentale: Non è possibile visualizzare lo Smart App Banner nei frame.

Se volete approfondire il tema delle affiliazioni vi è una pagina dedicata di Apple

License: The sole purpose of this file is to help you pitch, design and build amazing software. It can’t be repurposed as [...]]]>
Grazie al blog http://www.teehanlax.com/ , vi segnaliamo questa utilissima risorsa GUI in PSD Photoshop basata su iOS 5.1 ottimizzata per diplay retina dell’interfaccia utente del tablet Apple iPad

License: The sole purpose of this file is to help you pitch, design and build amazing software. It can’t be repurposed as your own, nor can it be broken apart and used to create similar tools.

Chi di voi ormai non conosce il classico effetto del Dock nel sistema operativo Mac OS di apple, con il suo zoom al passaggio del mouse o più comunemente chiamato “Bubble Effect”? Penso che la risposta sia si per il 90 % di voi!  In questo articolo andremo a vedere come possiamo ricreare il medesimo grazie [...]]]>

Chi di voi ormai non conosce il classico effetto del Dock nel sistema operativo Mac OS di apple, con il suo zoom al passaggio del mouse o più comunemente chiamato “Bubble Effect”? Penso che la risposta sia si per il 90 % di voi!  In questo articolo andremo a vedere come possiamo ricreare il medesimo grazie alla potenza del CSS, e magari inserire questo piacevole effetto nel nostro blog o website.

Nel complesso non è molto ardua l’impresa, ma dobbiamo fare sempre attenzione alle impostazioni di base delle nostre immagini , ricordando che per ogni immagine ne dobbiamo creare 2, una per la grandezza di base e la seconda più grande, ad esempio se di base utilizziamo la grandezza 72px ne avremo una uguale di 128px e così via, le dimensioni sono del tutto personali l’unico consiglio che mi sento di dare è quello di mantene almeno una discreta proporzione per far sì che l’effetto renda ancor meglio.

 Andiamo a preparare il nostro stile, possiamo inserirlo direttamente nella pagina con il tag “<style>” oppure creare un figlio CSS a parte se dobbiamo applicarlo a più pagine o semplicemente implementarlo a un foglio di stile già esistente;

body {
	background-color: #EDEDED;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}

div#content {
	width: 1024px;
	margin: 50px auto 0px auto;
	text-align: center;
}

#bubble {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#bubble li {
	display: inline-block;
	margin: 0px;
	padding: 0px;

}

#bubble li a.icon {
	background: url(images/sprites.png) no-repeat;
	border: none;
	display: block;
	width: 128px;
	height: 128px;
	text-indent: -9999px;
}

#bubble li a.feed {
	background-position: -139px -12px;
}
#bubble li a.feed:hover {
	background-position: -13px -12px;
}
#bubble li a.email {
	background-position: -139px -149px;
}
#bubble li a.email:hover {
	background-position: -13px -149px;
}
#bubble li a.twitter {
	background-position: -139px -283px;
}
#bubble li a.twitter:hover {
	background-position: -13px -283px;
}
#bubble li a.facebook {
	background-position: -139px -422px;
}
#bubble li a.facebook:hover {
	background-position: -13px -422px;
}
#bubble li a.delicious {
	background-position: -139px -559px;
}
#bubble li a.delicious:hover {
	background-position: -13px -559px;
}
#bubble li a.technorati {
	background-position: -139px -698px;
}
#bubble li a.technorati:hover {
	background-position: -13px -698px;
}

#bubble2 {
	list-style: none;
	margin: 20px 0px 0px;
	padding: 0px;
}
#bubble2 li {
	display: inline-block;
	margin: 0px 5px;
	padding: 0px;
	width: 72px;
	height: 72px;
}

#bubble2 li a img {
	position: relative;
	border: none;
}

#bubble2 li a img.large {
	display: none;
}

#bubble2 li a:hover img.small {
	display: none;
	z-index: 0;
}

#bubble2 li a:hover img.large {
	display: block;
	margin-top: -28px;
	margin-left: -28px;
	z-index: 1000;
}

-->
</style>

<!--[if IE 7]>
<style type="text/css">
#bubble li, #bubble2 li {
    display: inline;
}
</style>
<![endif]-->

Ricordiamoci che per una corretta visualizzazione in Internet Explorer dobbiamo aggiungere:

<em>&lt;!--[if IE 7]&gt; &lt;style type="text/css"&gt; #bubble li, #bubble2 li { display: inline; }</em>

Le immagini sono impostate nel codice HTML , nella fattispecie ;

<ul id="bubble2">
      <li> 
        <a href="http://www.tdesigner.it" title="Visita TDesign">
        	<img class="small" src="images/td72.png" alt="Visita TDesign" />
        	<img class="large" src="images/td.png" alt="Visita TDesign" />
        </a> 
      </li>

sarà qui che imposteremo il percorso delle due immagini ( quella piccola 72px e la sua gemella da 128px) in maniera tale da creare l’effetto desiderato.

Penso che non rimanga altro che provarlo sui vostri siti e i vostri blog, guardate la demo e scaricate pure il risultato dell’articolo , per qualsiasi chiarimento o informazione non esitate a commentare !

GUARDA LA DEMO

 Uno dei maggiori browser free in circolazione nel mondo di internet è l’ormai consolidato Google Chrome, tutti gli utenti che si rispettino amano personalizzare i propri software che siano essi browser , editor o client. In questo articolo andremo a vedere come possiamo personalizzare il nostro browser e renderlo del tutto personale.

Per questo ringrazio a tutti coloro che ci seguono e ci seguiranno, in questo nuovo anno ci saranno nuove piccole sfide, finalizzazione delle App Mobile, una possibile uscita su mensili digitali [...]]]> Questo è stato il primo anno completo per il blog TDesign ed è andato bene, i numeri parlano da soli.

Per questo ringrazio a tutti coloro che ci seguono e ci seguiranno, in questo nuovo anno ci saranno nuove piccole sfide, finalizzazione delle App Mobile, una possibile uscita su mensili digitali (e-pub) e molto altro…… chiedete , consigliate e valutate, il vostro giudizio cari lettori è molto importante.

GRAZIE

Quando pensi a come ottimizzare la tua navigazione web gli unici browser che ti vengono alla mente solo Firefox, Chrome e Internet Explorer? Significa che forse non hai approfondito a sufficienza l’argomento. Vediamo allora insieme quali sono le principali alternative alle tradizionali modalità di esplorazione della Rete. Per comprendere quale risorsa è la [...]]]>

Quando pensi a come ottimizzare la tua navigazione web gli unici browser che ti vengono alla mente solo Firefox, Chrome e Internet Explorer? Significa che forse non hai approfondito a sufficienza l’argomento. Vediamo allora insieme quali sono le principali alternative alle tradizionali modalità di esplorazione della Rete. Per comprendere quale risorsa è la più adatta alle tue esigenze, non ti resta che valutare nel dettaglio ogni nostra proposta. Passiamo ai particolari.

Tutti i browser alternativi a IE, Chrome e Firefox

Slimbrowser: si tratta di un browser centrato sulla flessibilità che offre funzionalità evolute. È molto leggero e propone un ampio ventaglio di personalizzazione delle sue caratteristiche. Passiamo in rassegna alcune delle feature principali: compilazione automatica moduli, integrazione completa con facebook, invio istantaneo foto, download video da youtube, traduzione pagine web e testo, blocco popup.

Kmeleonbrowser: è un browser che si distingue per la velocità di esecuzione. Buono anche il livello di personalizzazione. Si tratta di una risorsa fondata sul motore Gecko, realizzato da Mozilla per Firefox. Di più. K-Meleon è anche open source, rilasciato sotto licenza GNU General Public License. Compatibile con tutti i sistemi Windows.

Lunascape: è l’unico browser del mercato ha integrare al suo interno tre core engine, usati dai maggiori browser come Internet Explorer, Firefox e Google Chrome. Buona la funzionalità multitasking, che prevede ricerca estensiva, schede e preferiti. Interessante il set di componenti dedicati alla produttività.

Rockmelt: è la soluzione migliore per tutti coloro che vogliono un software in grado di integrarsi con i principali social network. Troverete spazi dedicati per le chat con gli amici, riquadri con le notifiche aggiornate in tempo reale e per le notizie immediate.

Comodo: dedicato agli utenti più esigenti in termini di sicurezza, Comodo è basato su Chromium, e permette di navigare in contemporanea su più siti, usando un interfaccia a schede. A cui molti di voi saranno già abituati.

Srware: anche SRWare Iron mira a soddisfare il bisogno di maggiore sicurezza nella navigazione web. Alla base del suo sviluppo troviamo il codice di Chromium. Molto rapido nell’esecuzione e un design minimale con funzionalità innovative. Da provare.

App web per conversione testo in HTML. Per tutti coloro che hanno bisogno di risorse online per la conversione di elementi di testo in HTML, oggi vogliamo proporvi alcuni utile risorse che vi permetteranno di raggiungere il vostro scopo nello spazio di pochi e semplici passaggi. Si tratta di soluzioni pratiche sia per gli [...]]]>

App web per conversione testo in HTML. Per tutti coloro che hanno bisogno di risorse online per la conversione di elementi di testo in HTML, oggi vogliamo proporvi alcuni utile risorse che vi permetteranno di raggiungere il vostro scopo nello spazio di pochi e semplici passaggi. Si tratta di soluzioni pratiche sia per gli sviluppatori web che per coloro che hanno necessità di pubblicare materiale online. Scopriamo insieme i tool che abbiamo selezionato:

• Word2cleanhtml. È un utile portale che vi permetterà di ripulire il codice HTML fornito dalla conversione eseguita da Word. Vengono colmate numerose lacune di Microsoft Office con il risultato di un codice pulito, da inserire direttamente sul vostro software di editing o nella vostra pagina web. Il processo è completamente automatico, vi basterà incollare il documento da convertire e premere il pulsante “Convert to clean html”.

• Convert Text to HTML online. Semplice e intuitivo, il tool vi consente di convertire elementi testuali in HTML e procedere anche all’editing del risultato. Potrai anche incollare link, immagini, e persino elementi flash. Presente anche la funzione di ridimensionamento degli elementi grafici. Un’utile supporto alla progettazione web. Se incollerete direttamente del codice HTML vedrete apportati dei miglioramenti minori. Consigliato un test per verificarne l’efficacia.

• Text Fixer. Si tratta di una risorsa pensata per webmaster e sviluppatori web, che comprende 10 strumenti utili all’elaborazione di testi e del codice HTML. Sul fronte HTML abbiamo: convertitore test in HTML, convertitore di tabelle CSV in HTML, compressione di codice HTML, decompressione codice HTML, generatore finestre pop-up in Javascript. Mentre nell’elaborazione testo figurano: strumento rimozione interruzioni riga, alfabetizzazione del testo, conversione in maiuscola, rimozione spazi bianchi e conversione delle parole minuscolo o maiuscolo.

Conosci altre app web per conversione testo in HTML? Hai trovato utili le nostre proposte? Facci sapere quello che pensi, commenta!

Continuando ad imparare elementi essenziali per l’ utilizzo di Adobe Illustrator, non si può trascurare uno degli aspetti essenziali di questo programma. Disegnare linee e forme geometriche. Direttamente dal pannello degli strumenti, sarà possibile a vista d’ occhio creare i vostri disegni partendo dalle forme base, come può essere, ad esempio, la [...]]]>

Continuando ad imparare elementi essenziali per l’ utilizzo di Adobe Illustrator, non si può trascurare uno degli aspetti essenziali di questo programma. Disegnare linee e forme geometriche. Direttamente dal pannello degli strumenti, sarà possibile a vista d’ occhio creare i vostri disegni partendo dalle forme base, come può essere, ad esempio, la linea.

Aprendo con il tasto sinistro del mouse la finestra sulla quarta riga e prima colonna della barra degli strumenti, compariranno una serie di comandi, primo tra tutti STRUMENTO SEGMENTO LINEA. Con questo strumento potrete facilmente cliccare su un punto X dello schermo ad un punto Y, a vostro piacimento e tracciare il segmento desiderato. Per far si che la linea sia perpendicolare, basterà tenere premuto il tasto SHIFT. Le linee, sono elementi molto importati e saranno sempre presenti durante le vostre creazioni in un modo o nell’ altro. Le linee create, sono dei veri e propri vettori con dimensioni ben precise alla quale è possibile apportare qualunque modifica sia possibile in questo programma di grafica vettoriale.

A seguire nella finestra delle forme geometriche, troverete lo STRUMENTO ARCO. Questo strumento, permetterà di creare archi concavi e convessi, semplicemente puntando con la freccia direzionale nei punti che preferirete e che saranno utili al vostro progetto. In seguito si troverà anche uno strumento molto particolare che è STRUMENTO SPIRALE, con la quale si creeranno spirali in senso orario oppure antiorario modificabili anch’esse, ad esempio, con lo strumento di selezione punti.

Gli ultimi due strumenti di questa finestra secondaria, sono lo STRUMENTO GRIGLIA RETTANGOLARE E LO STRUMENTO GRIGLIA POLARE. Con questi due elementi si potranno creare utilissime griglie vettoriali modificabili per dimensione, che potrete utilizzare ad esempio per la creazioni di diagrammi fantasiosi in formato vettoriale.

Esercitarsi con le modificazioni di questi elementi creati, è un passo fondamentale che non potrete tralasciare e che sarà un ottimo metodo per migliorare ogni giorno di più.

Avete da poco scoperto le potenzialità delle foto panoramiche e vorreste cimentarvi in questa tecnica fotografica? Per tutti gli amanti delle immagini scattate a 360 gradi, oggi vogliamo presentarvi alcuni software dedicati che vi consentiranno di realizzare foto panoramiche in pochi e semplici passaggi. Vediamo insieme quali sono le applicazioni più interessanti sul [...]]]>

Avete da poco scoperto le potenzialità delle foto panoramiche e vorreste cimentarvi in questa tecnica fotografica? Per tutti gli amanti delle immagini scattate a 360 gradi, oggi vogliamo presentarvi alcuni software dedicati che vi consentiranno di realizzare foto panoramiche in pochi e semplici passaggi. Vediamo insieme quali sono le applicazioni più interessanti sul mercato.

Prima una breve premessa sulle tecniche di scatto. Nulla di complicato. Quando osserviamo il nostro soggetto dobbiamo tenere presente che la vista umana ha un angolo di 135° per 200°, mentre le macchine fotografiche digitali impiegano, nella maggioranza dei casi, una visuale di 35° per 50°. Anche mettendovi all’opera con un grandangolo non si riesce mai a ottenere un risultato del tutto soddisfacente. Se volete una foto panoramica, avrete bisogno di disporre su un piano tutti e 360 i gradi di visuale.

Molti ricorrono a programmi di foto ritocco per riuscire a disporre correttamente i vari scatti che definiscono la completa visuale del paesaggio, ma si tratta di una soluzione piuttosto macchinosa. Una valida alternativa è rappresentata da quei programmi che agiscono in maniera automatica sul vostro materiale. Tra questi vi segnaliamo il software AutoStich.

AutoStich è un programma completamente gratuito che vi permette di caricare le immagini da collegare mediate una scarna ma semplice interfaccia utente. Avviate la fase di elaborazione e vi ritroverete tra le mani la foto panoramica desiderata. Sorprendente, non vi pare? Merito di un algoritmo che individua le immagini continue e provvede poi ad unirle nell’ordine corretto, sovrapponendo le parti ripetute. Il risultato è buono, soprattutto in relazione alla semplicità di utilizzo, anche se talvolta possono presentarsi delle piccole imperfezioni.

In alternativa vogliamo consigliarvi Panorama Maker. Si tratta di un software pensato per combinare più foto così da realizzare rappresentazioni orizzontali, verticali o navigabili a 360 gradi in pochi passaggi. Panorama Maker riproduce un grandangolo di qualità notevole, provvedendo al ridimensionamento e alla corretta disposizione in sequenza. Supportati sia i file PG che RAW, formato nativo di molte macchine fotografiche digitali.

Vi segnaliamo, infine, una simpatica risorsa per eseguire foto panoramica dal vostro cellulare: Photo 360°. Pensata per smartphone Android, l’app gratuita consente di riprodurre visuali a 360° partendo da qualche scatto amatoriale compiuto con il vostro cellullare.

Conoscete altre applicazioni per le foto panoramiche? Avete trovato interessanti le nostre informazioni? Fateci sentire la vostra voce, commentate!

 Instagram è una diffusissima applicazione per ios ed android che ha spopolato su ogni tipo di dispositivo portatile. La possibilità di condividere delle immagini in formato polaroid, ad esempio, come se stesse scattando in un altro mondo, in bianco e nero o a colori negli stili più inconsueti, cattura gli utenti facendo [...]]]>

 Instagram è una diffusissima applicazione per ios ed android che ha spopolato su ogni tipo di dispositivo portatile. La possibilità di condividere delle immagini in formato polaroid, ad esempio, come se stesse scattando in un altro mondo, in bianco e nero o a colori negli stili più inconsueti, cattura gli utenti facendo in modo che la casa produttrice della applicazione, abbia da poco rilasciato un’ attesissima novità. Sarà infatti possibile aprire un vero e proprio profilo nello stile più puro del social network quali Facebook, Pinterest e Twitter, che farà in modo di condividere su un canale preferenziale le vostre immagini.

 Ma qual’ è la vera novità? Tutto ciò sarà possibile non solo da dispositivi mobili, ma anche proprio dal vostro computer, pc o mac che sia. All’ uscita della notizia, vi è stato un comunicato stampa ufficiale di Facebook che ha dichiarato, ovviamente le  elevate potenzialità di instagram, ma che il paragone con il “libro delle facce online” non può reggere, in quanto, Instagram è focalizzato sulle immagini e non rappresenta una vera e propria integrazione come la società  di Zuckerberg.

Attualmente il servizio Instagram permette di effettuare soltanto i download e la visualizzazione delle immagini. Per quanto riguarda invece l’ aspetto del blog, gli interessati, hanno ufficializzato che sarà possibile da parte degli utenti poter commentare e fare un vero e proprio share delle proprie immagini, direttamente sul web. Vedremo se in futuro, l’ evoluzione di Instagram porterà un suo straordinario successo come è accaduto per tutti gli altri social.

Le immagini HDR sono il frutto di una particolare tecnica fotografica, supportata dal fronte software, che consente calcoli di illuminazione svolti in un intervallo di valori più ampio rispetto a quello assicurato da uno scatto digitale normale. HDR, infatti, è l’acronimo di High Dynamic Range, ovvero “Gamma Dinamica Elevata”.

Perché realizzare una [...]]]>

Le immagini HDR sono il frutto di una particolare tecnica fotografica, supportata dal fronte software, che consente calcoli di illuminazione svolti in un intervallo di valori più ampio rispetto a quello assicurato da uno scatto digitale normale. HDR, infatti, è l’acronimo di High Dynamic Range, ovvero “Gamma Dinamica Elevata”.

Perché realizzare una foto HDR? Pensiamo a una fotografia realizzata in un contesto dall’elevato contrasto luminoso, come quando, ad esempio, ci troviamo in controluce. Una volta esposto il soggetto, di solito si ottengono alcune aree dell’immagine sovraesposte, ovvero molto chiare, mentre altre sottoesposte, assai scure. È qui che ci viene in supporto la tecnica HDR. Questa ci consente di realizzare degli scatti con esposizioni diverse, che vanno a unirsi in un’unica immagine HDR.

Se volete realizzare una foto HDR avete bisogno di un numero di foto variabile (3 oppure 5) scattate dalla medesima posizione ma con una esposizione differente (da -2 a +2). Utilizzate sempre un treppiede, le immagini devono combaciare perfettamente. Ricordate inoltre di impostare la macchina fotografica in modalità “Priorità dei Diaframmi” (Av per Canon, A per Nikon) per bloccare questo parametro su un certo valore. È una operazione indispensabile al fine di ottenere la stessa profondità di campo.

Avete bisogno di una elevata profondità di campo, chiudete il diaframma così che la scena venga messa a fuoco (f/11, f/13). Cercate di evitare la presenza di elementi in movimento. Veniamo adesso alla questione software. Quali sono i programmi migliori per le foto HDR?

• Photoshop. Nella sua ultima versione troverete uno strumento automatico per la creazione di immagini con effetto HDR a partire da scatti con diversi livelli di esposizione. Vi basterà selezionare le foto da usare, recarvi sulla voce “Automatizza > Unisci come HDR”, che trovate sul menu “File”.

• Picturenaut. Il punto di forza di questo software risiede nella sua estrema semplicità, oltre al fatto di essere disponibile gratuitamente. Sono supportati tutti i maggiori formati di file grafici, inclusi i file RAW. Consente la creazione di foto HDR a partire da immagini con esposizione e luminosità differenti. È previsto inoltre un compensatore per la gestione del disturbo nelle immagini, una funzione per il bilanciamento del colore in automatico e la correzione dell’esposizione nonché l’allineamento delle foto.

• EasyHDR PRO. Si tratta di un programma professionale in grado di gestire qualunque tipo di file grafico. Dispone di allineamento e calibrazione automatica di toni e coloro, creazione di foto panoramiche, rimozione di disturbi e difetti. È un software a pagamento ma potrete usarne una una versione di prova gratuita.

• Fusion. Ancora un programma gratuito. Con pochi click potrete ottenere un valido effetto HDR alle vostre foto. Potrete anche trasformare immagini comuni in foto HDR. Molto facile da usare.

I vostri scatti hanno bisogno di messa a fuoco? Per voi oggi presentiamo un’applicazione per Windows dedicata: SmartDeblur. Può capitare che nel momento dello scatto la fotocamera non risulti abbastanza ferma e che quindi la nostra foto appaia priva di un’effettiva messa a fuoco. Saremmo portati all’eliminazione dell’immagine, ma grazie al lavoro dello [...]]]>

I vostri scatti hanno bisogno di messa a fuoco? Per voi oggi presentiamo un’applicazione per Windows dedicata: SmartDeblur. Può capitare che nel momento dello scatto la fotocamera non risulti abbastanza ferma e che quindi la nostra foto appaia priva di un’effettiva messa a fuoco. Saremmo portati all’eliminazione dell’immagine, ma grazie al lavoro dello sviluppatore Vladimir Yuzhikov possiamo recuperarla.

La filosofia di SmartDeblur si basa sull’idea che un punto sfuocato, in realtà, non ha perso il suo contenuto informativo. Accade invece che questo venga ridistribuito intorno al punto stesso. Perciò la redistribuzione dell’informazione può anche essere invertita. Il risultato è quello di elidere l’effetto di sfocatura.

In estrema sintesi, l’approccio di SmartDeblur prevede che, a fronte di un’immagine monocromatica sfuocata, vi sia una funzione bidimensionale g(x,y) derivante dalla convoluzione dell’immagine ideale f(x,y) con una funzione di sfocatura h(x,y). A cui va ad aggiungersi il rumore n(x,y) prodotto dal sensore della fotocamera. L’entità della funzione h deriva dal livello di sfumatura. Sulle immagini a colori vale il medesimo principio, sebbene venga applicato a tre canali.

Sulla scorta di queste considerazioni teoriche, Yuzhikov ha messo a punto il suo SmartDeblur, che risulta assai performante nelle sue varie applicazioni. Elevato il recupero dei dettagli. Per ulteriori informazioni vi consigliamo di consultare il portale ufficiale SmartDeblur. Niente di meglio di una prova concreta. Mettete all’opera il software, scaricabile gratuitamente, e testatelo in prima persona sulle vostre immagini. Una volta sperimentato SmartDeblur, fateci sapere cosa ne pensate! Attendiamo il vostro responso.

L’HTML 5 ha portato con sé una nuova chiave di lettura per tutti gli sviluppatori all’elaborazione di applicazioni web. Un nuovo approccio capace di proporre prodotti in grado di funzionare correttamente su più dispositivi. Logica multi-piattaforma ormai essenziale, vista la stretta interazione tra computer, smartphone e tablet nella nostra quotidianità.

HTML 5 [...]]]>

L’HTML 5 ha portato con sé una nuova chiave di lettura per tutti gli sviluppatori all’elaborazione di applicazioni web. Un nuovo approccio capace di proporre prodotti in grado di funzionare correttamente su più dispositivi. Logica multi-piattaforma ormai essenziale, vista la stretta interazione tra computer, smartphone e tablet nella nostra quotidianità.

HTML 5 che si accompagna all’introduzione dei CSS 3, due colonne portanti nell’ambito delle mobile web app. Applicazioni implementate su piattaforme web che impiegano da una parte il JavaScript dall’altra l’HTML5, riproducendo un’esperienza utente analoga, o quanto meno simile, a quella delle applicazioni native. Il risultato è un software che offre supporto a dispositivi diversi, come sistemi Apple e Android, usando un medesimo codice. Un bel vantaggio.

Ma come sviluppare della Mobile App? Sono stati creati ad hoc alcune librerie Javascript, ovvero dei cosiddetti framework, che semplificano la nostra attività di programmazione mobile. Ma quali sono i maggiori limiti nell’uso della strategia HTML alle mobile app? Cerchiamo di circoscrivere il problema ponendolo in relazione ad alcuni tra i più noti framework Javascript.

Partiamo con The-M-Project. Adottando una prospettiva MVC (Model-View-Controller), la libreria ci consente la creazione di applicazioni web cross-platform in HTML5. Il principale limite risiede nel fatto che l’utilizzo è riservato ai device e browser di ultima generazione, capaci quindi di interpretare correttamente HTML 5. Possiamo sviluppare delle applicazioni web HTML 5 molto valide, pur essendo allo stesso tempo piuttosto facili da realizzare.

In alternativa potreste pensare di adottare Sencha Touch, il framework per mobile web app per eccellenza. Si possono creare applicazioni web con un’interfaccia che si avvicina tantissimo alle applicazioni native e molto efficaci (la modalità è sempre MVC). Abbiamo tuttavia un processo di apprendimento molto lungo, al primo approccio si ha la sensazione di trovarsi difronte a un nuovo linguaggio di programmazione. Ma una volta acquisite le giuste competenze, se ne apprezza le grandi potenzialità. Le app hanno una compatibilità limitata ai browser WebKit (Safari o Chrome).

Voi cosa ne pensate? Ritenete che questi limiti (limitata compatibilità browser, nuove competenze per una padronanza completa delle librerie) possano comunque imporre l’HTML 5 come nuovo standard nel web mobile?