Con questi numerosi sistemi operativi si sente ormai l’esigenza di creare un’applicazione universale che funzioni su tutte le piattaforme, ecco perché molti sviluppatori stanno sviluppando delle vere e proprie applicazioni web.

In questa semplice guida vedremo come spostare un oggetto toccandolo e trascinandolo.

Vi ricordo che questo esempio funziona solo su iOS e Android.

Spostami

Quello che abbiamo scritto è molto semplice, abbiamo creato un div definendo gli attributi ontouchstart (Viene appoggiato il dito sul div), ontouchmove (Il dito sposta l’oggetto) e ontouchend (togliamo il dito dall’oggetto). Ad ogni attributo abbiamo specificato quale funzione deve eseguire il browser quando si verifica l’evento.

Questa è la famosa frase pronunciata da Steve Jobs, il fondatore di Apple e con questa frase vogliamo ricordarlo ed esprimere la nostra ammirazione per questo grande genio.

Addio Steve

Questa piccola aggiunta al tag src per il vostro file .Mp4 consentirà l’utilizzo di AirPlay da un iPad o iPhone.

<video src="/percorso/video.mp4" x-webkit-airplay="allow" preload controls>< /video>

Uno di questi usi è permettere ai vostri visitatori di “pagare con un tweet”. Vale a dire rendere disponibile il download di un file o di qualsiasi altra cosa solo dopo un loro tweet sul vostro sito. E’ un’ottimo modo per promuovere i vostri prodotti e farsi notare, senza costare nulla ai vostri ospiti.

L’integrazione di questo sistema non è molto complesso. In questo articolo Tutorialzine vi mostrerà come implementarlo facilmente e velocemente utilizzando jQuery!

Scaricate il plugin jquery.qrcode.js e includetelo prima della chiusura del tag head della vostra pagina web in questo modo:

<script type="text/javascript" src="jquery.qrcode.min.js"></script>

Adesso create un div che conterrà l’immagine QR generata:

<div id="qrcode"></div>

Per finire, aggiungiamo una riga di codice Javascript / jQuery che dirà al plugin di trasformare la parola “Ciao mondo” in codice QR e di farla visualizzare dentro il contenitore qrcode.

jquery('#qrcode').qrcode("Ciao mondo");

WordPress offre numerosi widget, ma se si desidera creare widget personalizzati su misura per il proprio blog, questo breve tutorial vi ritornerà sicuramente utile!

Incollare il codice sottostante nel file functions.php.

class Mio_Widget extends WP_Widget {
    function Mio_Widget() {
        parent::WP_Widget(false, 'Widget di prova');
    }
function form($instance) {
        // output delle opzioni form dell'admin
    }
function update($new_instance, $old_instance) {
       // processi widget per essere salvati
        return $new_instance;
    }
function widget($args, $instance) {
       // output del contenuto del widget
    }
}
register_widget('Mio_Widget');

Per utilizzare questo codice è necessario sostituire “ID DELLA TUA_PAGINA” con l’id della vostra pagina Facebook.

$pageID = "ID DELLA TUA_PAGINA"; // Cambiare il valore di questa variabile con l'ID della vostra pagina Facebook
$xml = @simplexml_load_file("http://api.facebook.com/restserver.php?method=facebook.fql.query&query=SELECT%20fan_count%20FROM%20page%20WHERE%20page_id=".$pageID."") or die ("errore");
$countFans = $xml->page->fan_count;
echo $countFans;

Il codice è davvero semplice, alla riga 2 interroghiamo la pagina delle API di facebook, dicendo che vogliamo visualizzare il numero di persone che hanno cliccato sul pulsante “Mi piace” nella pagina dell’articolo che avete pubblicato.
Alla riga 3 leggiamo il risultato ottenuto, memorizzandolo all’interno della variabile “$countFans” per poi stamparlo alla riga 4.

Attraverso le pagine di questo blog vogliamo ringraziare le più di 6000 persone che hanno acquistato la nostra app. iFototessere è stata venduta negli Store di tutto il mondo rimanendo oltre un mese al primo posto tra le top acquistate nello Store Italiano.

L’applicazione costa solamente 0,79 € e chiunque volesse acquistarla può farlo dal Mac App Store cliccando qui. Se invece siete pieni di idee e volete proporci una nuova applicazione, potete farlo attraverso i commenti, le idee più belle verranno premiate con un codice promozionale di iFototessere e il vostro nome nei credits della nuova applicazione.

Se invece desiderate un’applicazione su misura per la vostra azienda o semplicemente da vendere sul Mac App Store, non esistate a contattarci per un preventivo gratuito.

	require_once( 'fpdf.php' );
	class PDF extends FPDF {
		function Header() {
			$this->SetFont( 'Arial', 'B', 18 ); //Imposta il font in grassetto e 18px di grandezza

			//Crea un header con questi parametri:
			//0 - larghezza a 100%
			//9 altezza
			//"Header" - Coon questo testo
			//1 - bordo attorno e centrato
			//1 - sposta il puntatore nella parte superiore della pagina
			//'C' - allineato al centro
			$this->Cell( 0, 9, 'Header', 1, 1, 'C' );

			$this->ln( 5 );
		}

		function Footer() {
			//sposta il puntatore nella parte inferiore della pagina
			$this->SetY( -15 );

			//Imposta il font in grassetto e 10px di grandezza
			$this->SetFont( 'Arial', 'B', 10 );

			//imposta il colore del link (in questo caso blue)
			$this->SetTextColor( 52, 98, 185 );

			$this->Cell( 0, 10, 'www.worksdem.com/blog', 0, 0, 'L' );

			//imposta il colore del font (in questo caso grigio)
			$this->SetTextColor( 150, 150, 150 );

			//numero della pagina
			$this->Cell( 0, 10, 'Pagina numero: ' . $this->PageNo(), 0, 0, 'R' );
		}
	}

	$fpdf = new PDF();

	$fpdf->AddPage(); //aggiunge il documento PDF nella pagina

	$fpdf->SetFont( 'Arial', 'B', 15 ); //Imposta il font in grassetto e 14px di grandezza
	$fpdf->MultiCell( 0, 6, 'Questa e\' una multilinea e viene creata con il metodo MultiCell', 0, 1 );

	$fpdf->ln( 5 );

	$fpdf->SetFont( 'Arial', '', 12 ); //imposta il font e la grandezza del font

	//6 - in dica il line height
	//testo da mostrare
	$fpdf->Write( 6,
		     "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Etiam sit amet elit vitae arcu interdum ullamcorper. Nullam ultrices, nisi quis scelerisque convallis, augue neque tempor enim, et mattis justo nibh eu elit. Quisque ultrices gravida pede. Mauris accumsan vulputate tellus. Phasellus condimentum bibendum dolor. Mauris sed ipsum. Phasellus in diam. Nam sapien ligula, consectetuer id, hendrerit in, cursus sed, leo. Nam tincidunt rhoncus urna. Aliquam id massa ut nibh bibendum imperdiet. Curabitur neque mauris, porta vel, lacinia quis, placerat ultrices, orci."
	);

	$fpdf->Image( 'logo.jpg', 10, 75 );

	$fpdf->ln( 50 );

	$fpdf->Write( 5, 'Questo e\' un testo' );

	$fpdf->Output(); //genera il file PDF