GiuseppeFrattura.it

Envato Bundle

giuseppefrattura — Tue, 23 Apr 2013 09:42:05 +0000

Per ancora poche ore sarà disponibile sul marketplace envato un offerta davvero unica: per 20$ (poco più di 15€) sarà possibile acquistare un insieme di risorse dal valore di 500$.
Envato è particolarmente conosciuto tra i webdesigner ed i blogger per la quantità di materiale che è possibile reperire sul sito. In particolare vi è una grande abbondanza di temi e plugin WordPress altamente personalizzabili a prezzi sotto i 50€.

Le offerte di Envato sono solitamente ottime ma hanno un periodo di tempo limitato

Con il bundle attualmente in promozione è possibile acquistare:

16 Elementi grafici, tra i quali Brochure , bottoni per il web ed icone;
8 Templates per il web tra i quali 3 temi wordpress, template per email e per facebook;
3 codici codecanion per contatti e per condivisione sui social;
7 composizioni audio ideali per video home made e tutorial;
5 template video;
15 Stock Foto da pubblicare all’interno di articoli sul proprio sito o come immagini dimostrative in un componente web che stiamo creando.

Se sei interessato al bundle clicca qui.

Non dimenticarti di farmi sapere cosa ti interessa acquistare su questo store, cosa hai già acquistato e perché.

Le sei novità principali in WordPress 3.6

giuseppefrattura — Mon, 15 Apr 2013 08:11:33 +0000

1 – Nuovo Tema

Twenty Thirteen il nuovo tema di WordPress 3.6

Il nuovo tema di default di WordPress 3.6 si chiama Twenty Thirteen tra le sue novità troviamo:

pieno supporto ai Post Format;
è diverso dai template precedenti;
possibilità di avere background differenti per ogni post;
completamente responsive;

E’ possibile vedere una demo del tema a questo indirizzo .

2 – Post Formats

Nuova interfaccia dei Post Format

WordPress supporta i post format dalla versione 3.1 ma nella 3.6 è stata aggiornata l’interfaccia grafica relativa al loro utilizzo.

3 – Post Revisions

Post Revision in WordPress 3.6

Anche le Post Revisions sono da tempo parte integrante della parte amministrativa di wordpress ed in questa nuova versione è stata migliorata la loro interfaccia grafica in modo da facilitarne l’utilizzo. I cambiamenti saranno evidenziati tramite la colorazione del testo.

4 – Autosalvataggio

L’autosalvataggio di WordPress 3.6 salverà le modifiche prima sullo storage locale del browser e poi quando possibile comunicherà i cambiamenti al server.

5 – Post Locking

Sarà possibile impostare un blocco ad un post in modo da impedire ad altri la modifica di un post in lavorazione. Una modifica molto utile nel caso di siti multiautore.

6 – WordPress Menu

Anche l’interfaccia per la creazione e modifica dei menù è stata riprogettatta per essere più semplice, soprattutto per i neofiti.

Per altre info sulla nuova versione di wordpress ti invito a dare un occhiata a questo articolo su NightCoder ed il sito Codex WordPress.

Aggiungere nuove features al proprio tema wordpress

giuseppefrattura — Sun, 07 Apr 2013 20:04:48 +0000

Creare un tema wordpress è reso sempre più facile dalle molte guide che si trovano su internet, voglio condividere alcuni dei così detti code snippet che ho trovato e che consentono di aumentare il numero di features del proprio tema.

Aggiungere automaticamente Open Graph ai tuoi post

Open Graph è un protocollo creato da facebook che rende il contenuto della pagina più facilmente riconoscibile dal social network.
Bisogna inserire il seguente codice all’interno del file functions.php del proprio tema.

function wptuts_opengraph_for_posts() {
    if ( is_singular() ) {
        global $post;
        setup_postdata( $post );
        $output = '' . "\n";
        $output .= '' . "\n";
        $output .= '' . "\n";
        $output .= '' . "\n";
        if ( has_post_thumbnail() ) {
            $imgsrc = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'medium' );
            $output .= '' . "\n";
        }
        echo $output;
    }
}
add_action( 'wp_head', 'wptuts_opengraph_for_posts' );

Ora all’interno dell’header dell’header.php del proprio tema si modifica quella che dovrebbe essere la prima riga di codice, il tag HTML con

 prefix="og: http://ogp.me/ns#">

nel caso di html5 si può anche scrivere

Sostituisci automaticamente le parole all’interno dei tuoi post

Nel caso dovessi sostituire alcune parole all’interno di tutti i tuoi post basta copiare il seguente codice all’interno del file functions.php.

function replace_text_wps($text){
    $replace = array(
        // 'WORD TO REPLACE' => 'REPLACE WORD WITH THIS'
        'wordpress' => 'wordpress',
        'excerpt' => 'excerpt',
        'function' => 'function'
    );
    $text = str_replace(array_keys($replace), $replace, $text);
    return $text;
}

add_filter('the_content', 'replace_text_wps');
add_filter('the_excerpt', 'replace_text_wps');

Rimuovere gli elementi dalla barra amministratore di wordpress

Se si vuole evitare che un amministratore acceda ad alcuni menù come quello dei plugin o quello delle impostazioni basta incollare il seguente codice all’interno del file functions.php.

function wps_admin_bar() {
    global $wp_admin_bar;
    $wp_admin_bar->remove_menu('wp-logo');
    $wp_admin_bar->remove_menu('about');
    $wp_admin_bar->remove_menu('wporg');
    $wp_admin_bar->remove_menu('documentation');
    $wp_admin_bar->remove_menu('support-forums');
    $wp_admin_bar->remove_menu('feedback');
    $wp_admin_bar->remove_menu('view-site');
}
add_action( 'wp_before_admin_bar_render', 'wps_admin_bar' );

Cambiare la scritta del footer della parte amministrativa

Cambiare la scritta del footer nella parte amministrativa è a volte utile in quanto è brutto vendere un prodotto con la scritta “Grazie per aver creato questo sito usando WordPress”, è anche facile da fare, come al solito si inserisce del codice all’interno del file functions.php;

function remove_footer_admin () {
    echo "Testo da aggiungere";
} 

add_filter('admin_footer_text', 'remove_footer_admin');

Cambiare il mittente delle mail di WordPress

Se vuoi cambiare il mittente delle mail che WordPress invia a te o agli utenti registrati devi (come sempre) inserire le seguenti righe di codice all’interno del fiile functions.php file.

add_filter('wp_mail_from', 'new_mail_from');
add_filter('wp_mail_from_name', 'new_mail_from_name');

function new_mail_from($old) {
 return 'admin@yourdomain.com';
}
function new_mail_from_name($old) {
 return 'Your Blog Name';
}

Creare un pulsante “pin it” di Pinterest per il tuo sito wordpress

Pinterest, uno dei nuovi social network che sta riscuotendo un grandissimo successo

Pinterest è un sito dove le persone condividono le immagini appartenenti a siti internet. Così come per Facebook o Twitter, puoi aggiungere un bottone di Pinterest all’interno del tuo sito per rendere più facile la condivisione dei tuoi articoli. Basta copiare il seguente codice all’interno del proprio sito (non all’interno del file functions.php ma all’interno di header, index, footer, single o page).

Pin It

Una volta fatto basta caricare la libreria javascript di pinterest inserendo nel footer il seguente codice:

Aggiungi un bottone per condividere gli articoli su Google+

Google+ il social network di Google

Google+ è un social network che sta vedendo un discreto successo, anche se come numero di utenti è inferiore a Facebook ha una vocazione “leggermente” più professionale. Per aggiungere un pulsante di google+ nei post di wordpress incolla il codice seguente all’interno del file functions.php:

add_filter('the_content', 'wpr_google_plusone');
function wpr_google_plusone($content) {
	$content = $content.'';
	return $content;
}
add_action ('wp_enqueue_scripts','wpr_google_plusone_script');
function wpr_google_plusone_script() {
	wp_enqueue_script('google-plusone', 'https://apis.google.com/js/plusone.js', array(), null);
}

Mostra il tuo ultimo update di Google+

Se usi in prima persona Google+ potresti voler mostrare qual’è il tuo ultimo post o elemento condiviso. Per farlo copia nel tuo sito il seguente codice:

items[0]['link']; echo '">';
	echo $googleplus->items[0]['summary'];
	echo '';
?>

Aggiungere i pulsanti per la condivisione su twitter e Facebook all’interno di ogni post

Facebook and Twitter sono i due social network più utilizzati e non ricordo di siti che non consentano di condividere i propri contenuti su di essi. Come al solito copia il seguente codice all’interno del file functions.php. Mostrerà i bottoni di condivisione di Facebook e Twitter alla fine di ogni articolo.

function share_this($content){
    if(!is_feed() && !is_home()) {
        $content .= '
                    Tweet
                    
                    
                        ID))
.'&layout=button_count&show_faces=false&width=200&action=like&colorscheme=light&height=21"
scrolling="no" frameborder="0" style="border:none;
overflow:hidden; width:200px; height:21px;"
allowTransparency="true">
                    
                ';
    }
    return $content;
}
add_action('the_content', 'share_this');

Mostra quante volte un post è stato condiviso via Twitter

Inserisci all’interno del file functions.php:

function readTwitterShares($url) {
 $s = file_get_contents("http://urls.api.twitter.com/1/urls/count.json".
   "?callback=?&url=".urlencode($url));
   preg_match("#(\"count\"):([0-9]*)#",$s,$ar);
   return isset($ar[2]) ? $ar[2] : 0;
}

Poi all’interno del post inserisci il codice php

echo readTwitterShares(get_permalink());

Disabilita automaticamente i commenti più vecchi di X giorni

Se hai articoli molto vecchi sul tuo sito è possibile che parte del codice che hai inserito all’interno sia deprecato, o che in generale la notizia che riporti sia imprecisa, in questo caso conviene disabilitare i post vecchi, per farlo basta inserire come al solito il seguente codice all’interno del file functions.php . Il codice disabiliterà i commenti per gli articoli più vecchi di 30 giorni, volendo è possibile aumentare o diminuire il numero al terzo rigo.

function close_comments( $posts ) {
	if ( !is_single() ) { return $posts; }
	if ( time() - strtotime( $posts[0]->post_date_gmt ) > ( 30 * 24 * 60 * 60 ) ) {
		$posts[0]->comment_status = 'closed';
		$posts[0]->ping_status    = 'closed';
	}
	return $posts;
}
add_filter( 'the_posts', 'close_comments' );

Hai altre guide o code snippet che ritieni pertinenti a quanto scritto su questo articolo?
Commenta qui sotto o mandami una mail.

Come aumentare la durata della batteria dell’iPhone

giuseppefrattura — Wed, 27 Mar 2013 17:19:16 +0000

Un problema comune nei proprietari dell’iPhone è una diminuzione notevole della batteria man mano che si installano nuove applicazioni. In questo articolo andremo passo passo esaminando tutte quelle caratteristiche che fanno abbassare la durata della batteria dell’iPhone.

La luminosità

l’opzione luminosità automatica

La luminosità è una delle cause di maggior consumo della batteria, c’è da dire che a meno che non ci si trovi con l’esposizione diretta del sole sullo schermo è inutile avere la luminosità al massimo, quindi conviene sempre diminuirla fintanto che è possibile leggere in maniera chiara dal display. Quello che può diminuire l’illuminazione è una pellicola non di buona qualità o con caratteristiche particolari. Una feature utilizzabile è la luminosità automatica, che aumenta la luminosità dello schermo in proporzione alla luminosità esterna.

Il Wifi ed il bluetooth

Anche il wifi è fonte di grande consumo di energia per il nostro dispositivo

Il Wifi sempre acceso tende a consumare la batteria dell’iPhone, anche se non si usa il wifi, il cellulare controlla sempre se è connesso in wifi consumando batteria. Quindi è buona norma attivare il wifi ed il 3g solo quando necessari. La stessa cosa vale per il bluetooth, questo in particolare viene spesso dimenticato acceso quando si usa il vivavoce in auto o se si usano delle casse/cuffie con questa tecnologia, è consigliabile spegnerlo sempre!

Notifiche Push

Presentazione delle notifiche push

Le notifiche push forniscono aggiornamenti in tempo reale dalle applicazioni, sono il problema principale del consumo energetico del nostro cellulare, ogni applicazione che ne fa uso controlla periodicamente la rete e quindi porta un consumo notevole. Le app più conosciute che usano le notifiche sono: Facebook, WhatsApp, Viber, Gmail, Dropbox, Fruit Ninja, Skype e Twitter. E’ utile quindi attivare solo le notifiche necessarie e disattivare le altre. Così facendo si può avere un aumento notevole della durata.

Come funzionano le notifiche Push

Hai anche tu dei suggerimenti dei trucchi per allungare la vita al tuo iPhone? Scrivimi o commenta sotto l’articolo!

TDD cos’è, come e quando serve

giuseppefrattura — Thu, 07 Mar 2013 10:33:24 +0000

Il TestDriveDevelopment è una metodologia di sviluppo tipicamente utilizzata con modelli di sviluppo Agili. I modelli di sviluppo agili più conosciuti sono lo SCRUM e l’Extreme Programming. Nonostante sia spesso utilizzato in questi ambiti è possibile fare TDD qualunque sia il modello di sviluppo si preferisca usare.

In cosa consiste
Per prima cosa bisogna dire che non è semplice partire da zero con il TDD, il concetto di base è partire da una funzionalità che il nostro software deve avere, a questo punto creiamo un test…..
Si, può sembrare una cosa strana ma creiamo un test sul corretto funzionamento della funzionalità che dobbiamo ancora andare a implementare. Una volta fatto il test lo eseguiamo e come è logico pensare il test fallirà. Ora possiamo iniziare a scrivere la nostra nuova funzionalità, finita la quale il test dovrà dare esito positivo. Come passo finale si effettua la ristrutturazione del codice, ovvero si integra questa nuova funzionalità all’interno del codice precedentemente scritto in modo da mantenerlo leggibile e manutenibile evitando le così dette Bad Smell.

I vantaggi del TDD
Il codice scritto in TDD è sicuramente più chiaro e facile da comprendere di codice scritto con altre modalità, i test possono descrivere appieno le funzionalità del programma. Inoltre è possibile verificare se quando si fa una modifica al codice il programma non funziona più correttamente, semplicemente rieseguendo la batteria di test.

I difetti del TDD
Non tutto è testabile, in particolare tutte le applicazioni che affidano molto alla grafica ed all’interazione con l’utente sono scarsamente testabili, applicazioni che si collegano ad internet hanno bisogno di eventuali Stub per poter simulare il collegamento anche in fase di test.
Bisogna imparare a programmare in TDD, cosa che non è immediata. Il TDD ha una curva di apprendimento abbastanza alta che aumenta ancora di più se bisogna imparare anche un nuovo linguaggio di programmazione, un nuovo modello di sviluppo software o un nuovo framework.

Hai mai programmato in TDD? Hai notato dei miglioramenti nel funzionamento dei tuoi programmi o nella stessa velocità di sviluppo?

100 anzi 10 lezioni imparate dopo 10 anni di SEO

giuseppefrattura — Tue, 05 Mar 2013 13:31:30 +0000

Seguendo il bravissimo e sempre aggiornato Roberto Iacono via Facebook mi sono imbattuto in questo articolo molto interessante 100 lezioni imparate durante 10 anni di SEO. La persona che lo scrive, Sujan Patel , ha lavorato per dieci anni nel settore SEO, quindi il lato di ottimizzazione dei siti web per una migliore indicizzazione su google. Questo è uno dei campi in cui ho molto bisogno di imparare e non vedo perché non farlo insieme ai miei lettori.

1) Non creare link di riferimento al tuo sito troppo velocemente – è capitato che una volta costruito un sito creasse molti link in entrata per i primi giorni, ma poi non se ne occupava più, questo portava ad un incremento del rank del sito momentaneo, che poi però decresceva velocemente. Il consiglio è quindi di sostenere un approccio più continuativo che intenso;

2) Le Meta Description sono importanti – anche se per il momento non risultano avere un valore SEO, sono utili per il CTR (Click Through Rate);

3) Non essere ossessionato dal traffico e dal rank – i miglioramenti SEO si vedono nell’arco di mesi e non di giorni o settimane;

4) C’è una linea sottile tra l’essere analitici e l’essere ossessivi. Per guardare troppo i risultati di ranking si rischia di perdere tempo che si potrebbe impiegare in altri post per il blog o per altri links;

5) Non c’è un rimpiazzo per un buon prodotto – la miglior tecnica SEO è un buon prodotto, e non cambierà mai;

6) C’è una grande differenza tra ottimizzare un e-commerce, piccoli siti, ed altri. Bisogna capire non solo l’attuale situazione del sito, ma anche che tipo di sito sia. E la vostra strategia dovrebbe variare in base al tipo di sito;

7) Le tecniche vanno e vengono ma la creatività non muore mai – Odio vedere le persone seguire i consigli degli esperti alla cieca, senza conoscere se quella tecnica va bene per il suo tipo di sito;

8) L’età è solo un numero – L’età di un dominio e del sito concorrono ad aumentare il ranking. Ma non c’è motivo per abbattersi, ci sono anche altri fattori importanti nel ranking che danno opportunità di battere i tuoi concorrenti;

9) I grandi brand non sono difficile da battere – In generale più grande è il brand maggiore è il suo capitale ma è anche maggiore la lentezza nel muoversi;

10) Diversifica quello che fai – Google svaluta insiemi di link costruiti in modo simile.

Se ti interessano questi temi continua a leggere le altre 90 lezioni su http://www.quicksprout.com/2012/07/16/100-lessons-learned-from-10-years-of-seo/

Tra gli acquisti che consiglio su Amazon è presente anche la guida “SEO power. Strategie e strumenti per essere visibili sui motori di ricerca” Scritta da Giorgio Taverniti, ve ne consiglio vivamente la lettura!
Hai mai lavorato con il SEO, hai altri consigli da aggiungere a quanto detto in questo articolo?

Installare GLUT su Microsoft Visual Studio 2010

giuseppefrattura — Mon, 04 Feb 2013 21:29:03 +0000

Per un progetto universitario mi è toccato installare windows per poter usare un progetto precedentemente creato con Visual Studio inerente alla Grafica Computazionale.

In particolare il progetto ha come dipendenza GLUT, una libreria molto utilizzata con OpenGL. Visual Studio a differenza di Xcode non la contiene nativamente, bisogna quindi scaricarla da questo link.

Tra i vari files ce ne sono tre che ci interessano:

glut.h che va copiato ed incollato in ‘C:ProgrammiMicrosoft Visual Studio 10.0VCincludeGL’
glut32.lib in ‘C:ProgrammiMicrosoft Visual Studio 10.0VClib’ e
glut32.dll in ‘C:WindowsSystem32’

Fatto questo sarà possibile senza errori includere GLUT all’interno del proprio progetto tramite il comando #include

OpenGL ed eventi periodici

giuseppefrattura — Tue, 06 Nov 2012 11:12:32 +0000

Continua la serie di guide sulla programmazione OpenGL, oggi voglio parlarti della funzione timerFunc della libreria Glut. Questa funzione permette di eseguire una funzione in modo periodico, il suo funzionamento non è però banale.

Creiamo prima il main della funzione


int main(int argc, char** argv) {

glutInit(&argc, argv);

glutInitDisplayMode(GLUT_RGB);

glutInitWindowPosition(300, 300);

glutInitWindowSize(500, 500);

glutCreateWindow("GiuseppeFrattura.it");

glClearColor(0.0, 0.0, 0.0, 1.0);

glutDisplayFunc( redraw );

glutTimerFunc(1000, funzionePeriodica, 0);

glutMainLoop();

}

glutTimerFunc prende in input un numero che rappresenta i millisecond da aspettare prima di lanciare la funzionePeriodica, il suo secondo parametro, e come terzo parametro in intero da passare a quest’ultima. Scritto così il programma eseguirà solo una volt ail codice all’interno della “funzionePeriodica”, per eseguire il codice della funzione in maniera periodica è necessario reinserire la chiamata alla funzione “glutTimerFunc(1000, funzionePeriodica, 0)” all’interno di funzionePeriodica.

Ecco un esempio di come ho usato una funzione perdiodica


void funzionePeriodica(int x){

conta++;

alpha=alpha-30;

if (conta>12) {

beta=beta-30;

conta=1;

}

glutPostRedisplay();

glutTimerFunc(1000, funzionePeriodica, 0);

}

La funzione “glutPostRedisplay()” serve ad aggiornare quanto mostrato sullo schermo, nel mio caso cambio l’angolo di rotazione di una linea create nella funzione redraw.

Come creare un cerchio partendo da triangoli con OpenGL

giuseppefrattura — Fri, 19 Oct 2012 14:49:54 +0000

In questo articolo vorrei spiegare uno degli ultimi esercizi su OpenGL che ho fatto, l’esercizio tratta della creazione di un cerchio partendo però da forme geometriche elementari quali i triangoli.

Per prima cosa includiamo le librerie, nota bene queste librerie esistono per Mac, per Linux e per Windows.


#include 

#include "GLUT/glut.h"

#include "OPENGL/opengl.h"

#include 

#include

La funzione redraw è quella che viene lanciata dal main. Al suo interno creo un poligono chiamato triangle fan, questo deve avere tre o più vertici, il primo vertice sarà commune a tutti I triangoli creati.


void redraw(void){

float inc =(2 * M_PI)/ 20.0;

glPointSize(1.0);

glClear(GL_COLOR_BUFFER_BIT);

glBegin(GL_TRIANGLE_FAN);

glColor3f(1.0, 1.0, 1.0);

glVertex2f( 0  , 0  );

for (float i=0; i < 2*M_PI+inc ; i=i+inc) {

glColor3f(0.4, 0.2, 1.0);

glVertex2f(  sinf(i) , cosf(i));

}

glEnd();

glFlush();

}

All’interno del ciclo for inserisco tanti vertici quanti me ne servono per descrivere una circonferenza con la precision desiderata, per aumentare la precisione è necessario diminuire il valore della variabile inc dividendola ulteriormente.


int main(int argc, const char * argv[])

{

glutInit(&argc, argv);

glutInitDisplayMode(GLUT_RGB);

glutInitWindowPosition(300, 300);

glutInitWindowSize(550, 550);

glutCreateWindow("Esercizio Cerchio");

glClearColor(0.0, 0.0, 0.0, 1.0);

glutDisplayFunc( redraw );

glutMainLoop();

}

Nel Main creo la finestra, dichiaro il suo nome le sue dimensioni, dove deve essere posizionata ed il colore dello sfondo, poi richiamo la funzione redraw.

Ecco il risultato

Per scaricare l’intero progetto per Xcode clicca qui

Come programmare OpenGL con C su Mac OsX

giuseppefrattura — Wed, 17 Oct 2012 13:54:18 +0000

Per provare del codice OpenGL su mac è possibile utilizzare Xcode, la potentissima IDE creata dalla Apple. Per farlo i passi sono pochi e semplici.

Creare un nuovo progetto Xcode e creiamo un applicazione di tipo command line tool scegliendo come linguaggio di programmazione ‘c’.

Crea un applicazione per Mac OsX di tipo command line tool

Nelle impostazioni del progetto andiamo su Build Phases -> Link Binary With Libraries ed aggiungiamo “openGL.framework” e “GLUT.framework”.

Pagina di caricamento delle librerie

Inserisci OpenGL e GLUT

A questo punto basterà importare all’inizio del codice del main le librerie desiderate:


#include "GLUT/glut.h"

#include "OPENGL/opengl.h"

ed il gioco è fatto!