Fw

Wordpress Creative Developer

Author Archives: fedeweb

  1. Awwwards Conference Barcellona: cosa ho imparato

    3 Comments

    awwwards-conference

    Mi ritrovo al party organizzato da Awwwards, evento conclusivo della conferenza durata 2 giorni svoltasi in quel di Barcellona.

    Conferenza dove ci sono stati diversi interventi di altissima qualità con una forte nota ispirazionale. Ma non voglio soffermarmi sui contenuti ma sulle persone.

    Quello che mi ha colpito è stata la prima domanda che quasi tutti mi hanno rivolto al party: cosa ne pensi della conferenza, ti è piaciuto il mio intervento?

    Persone alla continua ricerca di conferme e non sentirsi mai arrivati.

    Ma andiamo con ordine, cercherò di riassumere qui le tre cose che più mi hanno fatto riflettere e che saranno il mio motore da qui in avanti.

    Stupid Side projects

    Tobias Van Schneider mi ha illuminato con il suo intervento: ha parlato dei suoi side projects , alcuni fini a se stessi, ma che gli hanno dato enorme popolarità, altri che hanno lo scopo di aiutare a creare un portfolio con WordPress in maniera intuitiva e creativa, come Semplice.

    In fondo anche io ho fatto il mio primo side project (Minimable), ma ora ho capito che devo farne molti di più. Quindi resta sintonizzato 🙂

    I clienti piccoli possono farti fare il salto di qualità

    Ho imparato una lezione dai ragazzi di Aquest: spesso quando ci capitano clienti piccoli con budget non altissimi, tendiamo a fare il minimo indispensabile.

    Ma forse proprio perchè i clienti sono piccoli e loro stessi hanno poche pretese è dove possiamo scatenare di più la nostra creatività, magari anche andando oltre il budget, ma ottenendo un lavoro candidato a vincere un award.

    Possiamo fare uno sforzo in più all’inizio, investire più tempo del necessario, per ottenere poi magari dei riconoscimenti, farci conoscere e ottenere clienti più importanti.

    Devo crescere

    Dalla conferenza ho imparato una cosa: le mie conoscenze non bastano. Devo migliorarmi, imparare nuove tecnologie. E appena rientrato ho iniziato da angular.js. E puoi stare sicuro che è solo l’inizio.

    Conclusioni

    Partecipare a un evento di tale portata è stato un privilegio. Avere conosciuto idoli come Vitaly Friedman (co-founder di Smashing Magazine), Tobias Van Schneider, i ragazzi di Aquest, Henry Daubrez (co-founder di Dog Studio), i ragazzi di Epic Agency (si proprio quelli che ho recensito!) è stato un sogno diventato realtà.

    E ora è il momento di realizzare il mio di sogno 🙂

  2. Vivere da Freelance…a Londra

    17 Comments

    google-campus

    Caro diario… C’era una volta… Ahhh come diavolo si comincia un articolo? Sisi lo so, sono un po’ arruginito.

    Anyway (qualcosa di inglese l’ho imparato eh!), finalmente ho trovato un po’ di tempo per raccontarti com’è la vita da freelance a Londra.

    Si mi sono “trasferito” a Londra. Intanto per due mesi, poi si vedrà.

    Sono venuto nella città delle startup, della tecnologia, dell’innovazione per eccellenza (in Europa).

    In questi mesi ho capito una cosa: se sei uno sviluppatore frontend, backend, iOS (insomma hai capito) sarà impossibile per te non trovare lavoro.

    I motivi essenzialmente sono due: Google Campus e meetup.

    Google Campus

    Il paradiso. Un luogo dove ogni giorno puoi incontrare freelance e startup e avere delle potenziali collaborazioni (come è successo a me, ma questa è un’altra storia).

    Dimenticavo: non devi pagare nulla, basta registrarsi e hai accesso al cafè bar dal lunedì al venerdì dalle 9 alle 18 con wifi gratis! Ripeto gratis!

    Suggerimento: cambia posto ogni giorno e chiedi a chi ti sta vicino consigli sul lavoro che stai facendo. In questo modo ho conosciuto la startup per la quale sto lavorando ora.

    campus-working

    Meetup

    I meetup sono degli eventi monotematici che si svolgono ogni giorno nei pub, nel Google Campus, ovunque.

    Sei uno sviluppatore WordPress? Una volta al mese c’è il meetup dedicato a WordPress (con pizza e birra gratis). Sei alla ricerca di un developer o di un designer? Ogni due settimane c’è il meetup DevMeetDesign. Questi sono solo due esempi. E molti sono gratis.

    Suggerimento: vai nel sito, scarica l’app, segnala i tuoi interessi, partecipa a più meetup possibili.

    Ok, ma Londra è costosa, il cibo fa schifo…

    Si Londra è la città più costosa al mondo. Ma è anche la città dove uno sviluppatore ha forse lo stipendio più alto in assoluto.

    Mi sono stati proposti lavori a 350/400 sterline al giorno.

    Per il cibo, niente di più falso: trovi quello che vuoi (che buona l’anguria!).

    Io sto mangiando bene o male le stesse cose che mangio in Italia. E la varietà di cibo che trovate nei supermercati è incredibile: indiano, spagnolo, messicano, giapponese, di tutto!

    E poi, c’è lei. Ho un appuntamento speciale con lei ogni sabato. La pie!

    cibo

    E l’Italia?

    Mi manca. Si, mi mancano la mia ragazza, i genitori, i nonni, gli amici, il mio appartamento, la tranquillità. E infatti ci torno il 28 settembre.

    Ma non ho intenzione di restarci a lungo. Venendo qui a Londra, mi sono reso conto ancora di più che l’Italia è un paese arretrato sotto tanti punti di vista e senza futuro (almeno per un bel po’ di anni).

    Conclusioni

    Vieni a Londra 🙂

    Prova a venire qui per un periodo e ti renderai conto di cosa ti sei perso in questi anni.

    Io onestamente ancora non so cosa farò il prossimo anno. L’unica certezza è che uscirò dal regime dei minimi. Saranno mesi di lunghe riflessioni.

    See you later!

  3. Auguri Minimable

    Leave a Comment

    auguri_minimable

    25 giugno 2014. Un anno esatto dal lancio di Minimable.

    Un progetto dove se già arrivavo a 1000 download stappavo la bottiglia.

    I download oggi sono più di 35000.

    Un progetto dove la versione premium inizialmente non era neppure prevista. Le vendite oggi sono più di 1000.

    Un progetto dove l’obiettivo principale era di mettere alla prova le mie capacità creative: il resto è stata una piacevole conseguenza.

    Vuoi sapere come ho fatto ad ottenere questi risultati? Hai delle domande da farmi?

    Venerdì 27 Giugno alle ore 11.00 ci sarà un mio video intervento gratuito dove ti racconterò tutti i passi che mi hanno portato a creare e a far conoscere Minimable nel mondo. Iscriviti subito! E ricordati di fare gli auguri 😉

  4. Minimable Premium: 148 vendite in 10 Giorni

    15 Comments

    Hai presente il suono delle notifiche dell’iPhone (o di qualsiasi altro smartphone) ? Quelle che ti dicono che è arrivato un messaggio, una nuova richiesta di amicizia su Facebook, che hai 6 ore per finire la partita a Ruzzle (terribili quelle..).

    Ho scoperto però che ci sono delle notifiche più belle di altre, più eccitanti: quelle di Paypal. 10 giorni, 148 notifiche: io amo le notifiche!

    paypal-notifiche

    Per portare Minimable a questi numeri c’è stato un percorso che si può riassumere in 2 concetti: farsi conoscere e offrire dei vantaggi.

    Farsi conoscere

    Farsi conoscere con questi progetti è dura, perchè come il tuo ce ne sono tantissimi altri. Quindi bisogna distinguersi. Ho cercato di creare un tipo di template poco diffuso con queste caratteristiche, specialmente tra quelli free:

    • single page;
    • minimal;
    • responsive;
    • design ricercato.

    Forte di questa consapevolezza ho provato poi ad utilizzare tre canali per far conoscere il template.

    1. Blogger stranieri

    Ho iniziato a mandare mail e tweet a tutti i maggiori blogger stranieri e uno in particolare ha apprezzato Minimable e mi ha dato una grossa spinta: Specky Boy che per ben tre volte ha segnalato il template nei suoi articoli.

    Questo mi ha portato ad avere una visibilità pazzesca e poi si è scatenato un effetto a catena dove altri blog di tutto il mondo hanno inserito il template nelle loro raccolte.

    2. Gallery di design

    Poi ho segnalato il template a diverse gallery di design come css design awards e design shack ed entrambe hanno accettato di inserire Minimable, con una conseguente portata di visualizzazioni non indifferente.

    3. Pay per tweet

    Il terzo modo per diffondere il template è stato quello di utilizzare il pay per tweet: per scaricare il template prima devi pubblicare un tweet o condividere il template su Facebook. Ecco in parte spiegati i numeri di like e tweet che vedi nella pagina di Minimable 😉

    Offrire dei vantaggi

    Per invogliare gli utenti poi a comprare la versione premium, ho dato la possibilità di iscriversi alla newsletter e in cambio io avrei offerto un codice sconto.

    sconto-newsletter

    Al momento del lancio del template premium avevo quasi 1500 utenti iscritti.

    Poi di questi 1500, circa il 40% ha letto la newsletter con il coupon e al momento in 97 hanno acquistato il template. Gli altri lo hanno preso a prezzo pieno.

    Conclusioni

    Che dire, è stato eccitante. Mi ricordo i saltelli che facevo su me stesso il giorno del lancio, quando vedevo l’iPhone impazzito che continuava a mandarmi le tanto amate notifiche: “Hai ricevuto 24,00 USD da …”.

    Ma tutto il percorso è stato fantastico perchè ho curato tutti gli aspetti di un progetto: il design, lo sviluppo, strategie di marketing, vendita.

    Leggo di persone frustrate che si vedono respingere più e più volte i loro temi da Themeforest. Questa mia esperienza dimostra che forse non esiste solo Themeforest per vendere i propri template.

  5. 20 Siti Web Creativi da Cui Prendere Ispirazione #26

    5 Comments

    Riprende l’appuntamento con i siti creativi dove prendere ispirazione. Siamo alla puntata #26 per un totale di più di 500 siti raccolti.

    E i 20 siti di oggi non sono da meno rispetto ai precedenti. Qual è il tuo preferito?

    Mind Works

    Siti Web Creativi - Mind Works

    Tool

    Siti Web Creativi - Tool of North America

    Go Macro

    Siti Web Creativi - Go Macro

    KathArt

    Siti Web Creativi - KathArt

    Bienville

    Siti Web Creativi - Bienville

    Moving Things

    Siti Web Creativi - Moving Things

    Satorisan

    Siti Web Creativi - Satorisan

    Nobuaki Honma

    Siti Web Creativi - Nobuaki Honma

    DBFS

    Siti Web Creativi - DBFS

    Dunked

    Siti Web Creativi - Dunked

    Drug Driving

    Siti Web Creativi - Drug Driving

    Think Big

    Siti Web Creativi - Think Big

    Brand Village

    Siti Web Creativi - Brand Village

    Draw History

    Siti Web Creativi - Draw History

    Wallmob

    Siti Web Creativi - Wallmob

    Reunite the River

    Siti Web Creativi - Reunite the River

    Fillet

    Siti Web Creativi - Fillet

    Surf House

    Siti Web Creativi - Surf House

    Made by Block

    Siti Web Creativi - Made by block

  6. WordPress Day Bologna- Il Giorno Dopo

    Leave a Comment

    Venerdì sono stato al WP Day, conferenza dedicata interamente a WordPress, tenutasi a Bologna.

    Wordpress Day

    Anche se sviluppo ormai da 4 anni con WordPress, ci sono sempre cose da imparare e bisogna sempre mettersi in gioco e capire se possiamo migliorare la nostra attività di sviluppo.

    Ecco un elenco sintetico delle cose che ho imparato e che utilizzerò nei prossimi progetti. Purtroppo non ho assistito ai primi due interventi.

    Area riservata per singolo utente

    Andrea Marchetti ha sviluppato un codice che permette di creare delle aree riservate per singolo utente, sfruttando i custom post type.

    Qui trovi le slide.

    Sviluppare il CSS con SASS e Compass

    Finalmente ho visto perchè SASS è migliore di LESS. Grazie all’ottima spiegazione di Andrea Verlicchi, mi sa che presto abbandonerò LESS. La generazione degli sprite grazie a Compass è davvero notevole.

    Ecco le slide.

    Trasferire un sito da locale a remoto con un comando

    Ogni volta che si deve trasferire un sito da locale a remoto bisogna copiare tutto il contenuto della cartella di WordPress nello spazio FTP, esportare il database in locale, sostituire i permalink e importarlo su quello in remoto.

    Stesso discorso se si deve fare la procedura inversa. Con WordMove, basterà lanciare dei comandi da terminale per fare queste operazioni in un colpo solo.

    Vuoi sapere come? Guarda le slide.

    Conclusioni

    Come dico sempre, partecipare a questi eventi è sempre utilie, sia per  bagaglio personale, sia per fare networking e dare magari una svolta alla tua carriera da freelance.

  7. Skrollr – Effetto Parallasse Compatibile con Dispositivi Mobile

    Leave a Comment

    Skrollr è un plugin jQuery che permette di creare un effetto parallasse compatibile con i dispositivi mobile (iPhone e Android).

    Skrollr.js - Effetto Parallasse su Mobile

    Questo plugin, oltre a garantire la compatibiltà su mobile, consente di creare diversi tipi di animazione durante lo scrolling della pagina: rotazione, fade, animare il colore, effetti di easing ecc.. Guarda la demo per capire quello che potrai fare.

    Per l’utilizzo di Skrollr non bisognerà scrivere una riga di javascript, se non per richiamare il plugin. Leggi la documentazione nella pagina ufficiale per vedere come utilizzarlo.

    Ho testato personalmente la compatibilità del plugin sui vari browser desktop, compreso Internet Explorer dalla versione 8 in su e su mobile (iOs e Android) e ha funzionato tutto senza particolari problemi.

    Ti lascio con un sito realizzato sfruttando Skrollr, ma ne puoi vedere molti altri nella pagina del plugin.

  8. Vita da Freelance – London Startup Weekend

    3 Comments

    In questi ultimi 30 giorni sono cambiate molte cose. C’è stato il lancio di Minimable (superati i 2000 download), sono andato a Milano a trovare le agenzie con le quali collaboro e a fare due chiacchere con altri freelance, ora andrò a Londra allo Startup Weekend.

    Fedeweb allo Startup Weekend a Londra

    Sto cercando di dare seguito a quanto scritto circa un mese fa. Sto vivendo da vero freelance: spostarsi, progetti personali, lavoro. Sto cercando di diventare un freelance completo.

    E ora tocca a Londra: armato di maglietta, biglietti da visita e sterline. Nuove realtà da conoscere, con le quali confrontarsi e condividere progetti e idee.

    In mezzo a tutto questo devo ancora trovare il giusto equilibrio per scrivere anche nel mio amato blog.

    Ma lo farò più spesso, promesso. A partire dal mio ritorno dove ti racconterò come è andata 😉

    E ricordati sempre questi tre elementi: spostarsi, progetti personali, lavoro.

  9. Vita Da Freelance e Progetti Personali. Anch’io ho qualcosa da raccontare

    24 Comments

    Eccitazione, passione, entusiasmo, ma anche fatica, tempo, paura di mettersi in gioco, pensieri del tipo: “chi me lo fa fare”. Queste sono le sensazioni quando si deve iniziare a lavorare su un proprio progetto.

    Ma poi inizi a lavorarci e tutte le sensazioni negative spariscono, il progetto comincia a prendere forma, gli aggiungi questo, gli aggiungi quello, passi le nottate fino al grande giorno. Il 25/06/2013. Il giorno dell’uscita di Minimable, tema wordpress free responsive rilasciato GRATIS. Un successo.

    Minimable - Tema WordPress Free Responsive

    Ma andiamo con ordine.

    In palestra: dove tutto ebbe inizio

    A inizio gennaio ritorno in palestra, rimasta chiusa diversi giorni (per la gioia della mia panza) per rinnovamento del locale.

    Grazie a quel rinnovamento è nato Minimable: il font utilizzato per le scritte nelle pareti per indicare gli spogliatoi, la reception, le doccie. Scritte bianche con font bold di colore bianco, su sfondo blu.

    Quelle scritte mi hanno fatto venire la voglia di realizzare il tema, cercando di sfruttare al massimo la tipografia.

    Inoltre in quel periodo non avevo tantissimo lavoro e quindi ne ho approfittato.

    Tutto quasi pronto ma..

    Il tema lo sviluppo, lo mostro in giro fiero ma a un certo punto mi fermo. La documentazione è pronta, la pagina di lancio pure, il tema è quasi finito, ma mi blocco.

    Non so spiegarti il motivo: sarà stata la mole di lavoro aumentata di colpo, forse le sensazioni negative di cui ti parlavo sopra hanno preso il sopravvento. Forse non avevo il coraggio

    Decido di lasciar perdere e di concentrarmi sul lavoro e sulle collaborazioni che stavano prendendo piede con le altre agenzie.

    Poi un giorno la svolta.

    A volte basta parlarne

    Un bel giorno mi ritrovo a Roma, al seminario dedicato ai web designer freelance, e li avviene la svolta.

    Inizio a parlare di Minimable a persone che ne capiscono e che sanno di cosa sto parlando (cosa che capita raramente) e come per magia si riaccende l’entusiasmo e la passione che forse erano un po’ morte.

    Torno a casa, sistemo gli ultimi dettagli e arriviamo al giorno 25/06/2013.

    Un successo

    Un successo perché è un mio progetto. Perché niente come un progetto personale ti coinvolge emotivamente e vederlo li, on line è già un successo. E’ un qualcosa di mio e solamente mio.

    Se poi ti piacciono i numeri (anche a me piacciono eh) ti posso dire che nel momento in cui sto scrivendo siamo a 197 download in neanche 24 ore.

    Cosa succederà ora? Non lo so. Mi godo il momento. Ho sempre fatto le cose per passione, non curandomi di quello che potrà succedere dopo, e continuerò così.

    Conclusioni

    Concludo questa storia di passione con un ringraziamento. Alla mia ragazza che mi ha aiutato con l’inglese, a Gianluca che mi ha sopportato durante il lancio di Minimable, ai vari freelance a Roma che mi hanno fatto riaccendere l’entusiasmo.

    E un ringraziamento particolare al mio abbonamento in palestra 😀

  10. Magic – Animazioni CSS3 Pronte All’uso

    3 Comments

    Magic è un framework di animazioni CSS3 made in Italy, realizzato da Christian Pucci.

    Magic - Framework di animazioni css3

    Questo framework permette di risparmiare molto tempo nella realizzazione di animazioni, in quanto sono già state specificate le proprietà per ogni browser.

    Magic contiene attualmente 45 animazioni pronte all’uso e come si può leggere dalla documentazione, gli effetti poi si applicano attraverso jQuery, aggiungendo l’animazione all’elemento HTML desiderato, utilizzando delle classi specifiche.

    Ad esempio, se vogliamo applicare l’effetto CSS3 puffIn, all’hover sul div con classe animazione si dovrà scrivere:

     $('.animazione').hover(function () {
      $(this).addClass('magictime puffIn');
    });

    Prossimamente verranno aggiunti nuovi effetti, quindi ogni tanto vai a dare un occhio a Magic 😉