WordPress è una piattaforma in continua crescita e con una community in espansione, è quindi importantissimo non solo conoscerlo bene ma restare sempre aggiornati sulle sue evoluzioni e sull’evolversi delle tecniche di sviluppo. Qui una lista di alcuni siti e risorse essenziali per stare al passo.

Siti Italiani

WP Mania – Il principale sito italiano di tutorial, risorse e guide.

A sort of code – Blog sul “anything web-design” con varie mini-guide su WordPress

WordPress Italy – il sito della comunnity italiana ufficiale di WordPress.

Siti stranieri

Wp Tuts+ – Dalle guide sul theme design, allo sviluppo di plugin passando per la personalizzazione della backend. Tutorial e guide per ogni singolo aspetto di WordPress.

WpLift – Guide, recensioni di plugin e temi, analisi case histories su WordPress e molto altro ancora.

Wp Recipes - Sito di “mini” tutorial per lo sviluppo WordPress.

Marketplace

ThemeForest - Il negozio numero uno per la vendita di temi di WordPress (e non solo).

CodeCanyon – Vendita di script premium, tra cui anche plugins di WordPress.

BuySell WP – Negozio dedicato esclusivamente al mondo WordPress.

WooThemes - Marketplace temi basato sul modello subscription anziche vendita.

WordPress è un ottimo strumento per rendere i siti dinamici e facili da gestire, sia per noi che per eventuali clienti/collaboratori, ovviamente non può fare tutto… ma per fortuna data la sua larga diffusione se avete bisogno di funzionalità extra “there is a WordPress plugin for that” !

Plugin ufficiali Automattic:

Akismet – è un plugin antispam per i commenti, necessita di una chiave API!

Jetpack – una raccolta di ben 12 plugin “on the cloud” tra cui statistiche, pulsanti di condivisione, creazione di form, url shortener, ecc. Richiede un account su wordpress.com .

Sicurezza

Login Lockdown – Per impostare un blocco all’IP degli utenti che sbagliano più di un certo numero di volte la password.

WP Database Backup – Permette di effettuare un backup del database senza dover accedere a PHPMyAdmin e di programmare una frequenza con cui ripetere questa azione.

WordPress Firewall – Cerca di bloccare potenziali accessi maligni notificandovi via email quando questi avvengono.

Utility varie

MailPress – Aggiunge la possibilità di creare newsletter direttamente dalla backend di WordPress

Contact Form 7 – Generare form di contatto non è mai stato così facile!

WP Page Navi – Aggiunge la paginazione numerica per le pagine del blog.

Duplicate Post – Permette di clonare rapidamente articoli e pagine pre-esistenti.

SEO, Social e Marketing

All in one SEO Pack – Ottimi utility che permette di migliorare l’indicizzazione del proprio sito sui motori di ricerca.

Google XML Sitemap – Genera e invia in automatico una Sitemap ai motori di ricerca per notificare gli aggiornamenti della struttura del sito, e migliorarne l’indicizzazione.

Ad Codes Widget - Aggiunge un widget per inserire i codici di banner pubblicitari, permettendo anche di inserirli a rotazione.

Facebook Like box – Aggiunge un widget per inserire le likebox di Facebook da backend.

Gallerie

Next GEN Gallery – Per creare gallerie fotografiche direttamente da backend

Quick Flickr Widget – Aggiunge un widget per importare foto da un account Flickr.

Vimeo Videowall – Mette a disposizione un widget per importare una serie di video da un account Vimeo.

Per tutti i nostalgici dell’interfaccia di 3d studio max, quella vera , quella storica, quella di sempre; per tutti quelli che vogliono un background meno cupo ed un aspetto meno aggressivo; per tutti quelli che vorrebbero conoscere il creativo designer delle nuove icone (e non per stringergli la mano).

Bene, per tutti voi ecco pochi accorgimenti per lavorare con 3d studio max 2010 ma col layout del 2009.

Primo passo: cambiare i colori.

Si può configurare l’interfaccia accedendo da Menu –> Customize –> Customize user interface

ma ci sarebbero un po’ di voci da sistemare, in alternativa potete caricare il file di settaggi dei colori;

Andiamo su Menu –> Customize –> Load Custom UI Scheme

ed una volta che appare la finestra di caricamento, impostiamo Tipo File in  Color File (.clr) e scegliamo il file 3dsMax2009.clr

Secondo passo: sostituire le icone.

In un ambiente cromatico più familiare possiamo finalmente cambiare le innovative icone con quelle più tradizionali.

Andiamo nella directory di installazione: Programmi / Autodesk / 3ds max 2010 / ui ;

copiamo la cartella Icons e le diamo il nome di Icons – 2010;

cancelliamo la cartella Icons;

scarichiamo il seguente file, lo scompattiamo e lo copiamo nella stessa directory in sostituzione della cartella appena cancellata.

Riavviamo 3ds max 2010 e buon lavoro.

Esperti utilizzatori di Illustrator o alle prime armi con il tool di editing vettoriale di Adobe? Non perdetevi questa raccolta di consigli e risorse!

Breve storia di Illustrator

Nell’anno dei festeggiamenti per il ventennale di Photoshop, parliamo anche dell’applicazione di disegno vettoriale di casa Adobe. Illustrator attualmente è giunto alla versione CS5 e può vantare una storia addirittura più lunga del notissimo software di elaborazione di immagini raster….

Illustrator mette il turbo! Parte 1

Anche se pochi lo ammetteranno, costruire una turbina con i potenti mezzi di disegno di Illustrator è un po’ il sogno segreto di ogni web designer. Se si sapesse poi quanto è facile crearne una… Basta fare così! Diciamo subito…

Illustrator mette il turbo! Parte 2

Eravamo rimasti che c’era da concentrarsi parecchio in questa fase… In effetti, ora i passaggi per finire la turbina si fanno più complessi. Quindi addentriamoci nel vivo dell’azione, spegnete la radio, chiudete le finestre e concentriamoci. Primo passo: selezionare la…

Infallibili allineamenti con Illustrator

Lavorando in Illustrator capita spesso di dover allineare con rigore svizzero gli oggetti nello stage. Possono venirci in aiuto le guide sensibili, possiamo generare una griglia, che – oltre a essere indispensabile in campeggio – è molto utile per stabilire…

Tempo di natale per Illustrator!

In questo video tutorial metteremo di nuovo le mani su Illustrator per creare una pallina natalizia con un bel riflesso e vedremo come sfruttare il pannello degli aspetti e le maschere di ritaglio, insieme ad un filtro per permetterci di rendere dei testi “normali” molto più interessanti senza dover utilizzare font particolari e sopratutto, mantenendo il testo editabile!

Ricalcare una foto con Illustrator

Cercherò di spiegare, spero nel modo più chiaro possibile, come rendere vettoriale una foto, senza usare “il ricalco dinamico” e senza l’uso del “gradient mesh”. Ovviamente il tutto fatto manualmente. Per iniziare, useremo Photoshop per costruire la nostra base di partenza. Questo perchè abbiamo la necessità di creare una “gamma” di colori ridotta al fine di semplificare il lavoro ma rendere accattivante la nostra immagine.

Vecteezy, ovvero vettoriali gratuiti!

Nell’arsenale di un buon grafico devono esserci anche dei modelli o template di partenza, per evitare di ripetersi sempre su operazioni comuni, Vecteezy ci mette a disposizione una grossa libreria di template vettoriali per Illustrator… gratuiti!

Potete inoltre consultare tutti i post su Illustrator presenti su Labs.

Aggiungiamo ora un piccolo particolare strutturale per creare una grattugia realistica.

Creiamo una spline Cerchio dalla barra principale e, nella sua Finestra Attributi, poniamo la dimensione Raggio 1,8 mm.

Nella sua finestra attributi, nella sezione Oggetto, flagghiamo la voce Anello. Automaticamente diventerà attiva la voce Raggio Interno; poniamo qui il valore 1,6 mm.

Selezioniamo la spline a cerchi concentrici ottenuta ed esplodiamola, tramite apposito comando (1); poi posizioniamoci in modalità vertici (2).

Consideriamo la spline a cerchi concentrici e aggiungiamo a mano due punti, ognuno per ciasuna circonferenza; per fare questo, selezioniamola e clicchiamo con il tasto destro del mouse in prossimità del cerchio nella vista; prendiamo poi la voce Aggiungi Punto dalla finestra che si sarà aperta. Per aggiungere il punto, clicchiamo sulla circonferenza nelle due posizioni segnalate dall’immagine seguente

Impostiamo i due punti segnalati in figura sotto come Primi Punti: per ottenere ciò, selezioniamoli, clicchiamo sul tasto destro del mouse e, dalla finestra che si apre, selezioniamo la voce Setta Primo Punto.

Ciò ci serve per poter aprire la spline fra i punti creati e i due punti impostati come primi; questa operazione può essere effettuata rapidamente dalla Finestra Attributi di ciascuna spline, che apre in automatico la curva tra il primo punto e l’ultimo. Dunque, nuovamente nella Finestra Attributi della spline su cui stiamo lavorando e alla voce Oggetto, deflagghiamo la voce Chiudi Spline. La spline verrà aperta fra il primo punto e l’ultimo.

Selezioniamo i punti aggiunti precedentemente, come segnalato nella figura sotto, clicchiamo con il tasto destro del mouse nella vista e, dalla finestra richiamata, selezioniamo Unisci Segmento. Riusciremo così a chiudere la spline in prossimità dei due punti selezionati.

Aggiungiamo poi altri due punti adiacenti ai Primi Punti, come in figura.

Entriamo nella finestra Attributi della curva e flagghiamo Chiudi Spline.

Richiamiamo ora il comando Estrudi Nurbs dalla barra principale (1). Nella Finestra Oggetti trascianiamo la spline dentro al comando (2) e poniamo nella Finestra Attributi di quest’ultimo, alla voce Oggetto, il valore Movimento = 135 mm (3). Posizioniamo il nuovo oggetto ottenuto attorno al contorno della grattugia.

Ora spostiamoci in una vista ortogonale da cui possiamo visualizzare la spline estrusa frontalmente e spostiamo i suoi vertici adiacenti alla struttura interna di grattugia, come nella figura sottostante.

Specchiamo e duplichiamo l’oggetto ottenuto e posizioniamolo sull’altro lato della grattugia, fino a ottenere l’oggetto definitivo.

Lavorando in Illustrator capita spesso di dover allineare con rigore svizzero gli oggetti nello stage. Possono venirci in aiuto le guide sensibili, possiamo generare una griglia, che – oltre a essere indispensabile in campeggio – è molto utile per stabilire un ordine spaziale, più semplicemente però possiamo imparare le gioie dello strumento Allinea.

Creiamo 5, e non più di 5, palle uguali e colorate, disponiamole poi in una disordinata linea orizzontale. Quindi sediamoci comodi e partiamo.

All’apertura riconosciamo subito tre aree distinte. Visto che siamo gente originale, iniziamo a parlare dell’ultima, quella in basso a destra.

Per adesso ci accontentiamo dell’opzione Allinea a selezione. Se non era selezionata, procediamo ora a farlo.

Risalendo agilmente con lo sguardo, riconosciamo la seconda riga di strumenti, quelli di distribuzione. Vediamo di capire con un minimo di pratica di cosa si occupano.

Selezioniamo le 5 sfere precedentemente create

Ok, non è accaduto nulla di pirotecnico, però dovremmo avere notato una timida ridistribuzione degli oggetti sullo stage. Infatti con questo comando abbiamo semplicemente creato una distanza uniforme tra i centri di ogni cerchio selezionato. Di fatto, però, non abbiamo ancora risolto il flagello dell’allineamento scombinato di ognuno. Lo faremo ora.

Saliamo ancora di un gradino e arriviamo nell’area degli allineamenti che, combinazione, è proprio quello che ci serve.

Se riusciamo a vincere quell’istinto primordiale che ci spinge a cliccare su ogni bottone per vedere cosa accade, premiamo con chirurgica precisione sul tasto Allineamento verticale al centro.

Eravamo rimasti che c’era da concentrarsi parecchio in questa fase… In effetti, ora i passaggi per finire la turbina si fanno più complessi. Quindi addentriamoci nel vivo dell’azione, spegnete la radio, chiudete le finestre e concentriamoci.

Primo passo: selezionare la pala con la freccina nera. Andiamo poi nella barra degli strumenti e attiviamo lo Strumento rotazione.

Possiamo riaccendere la radio, riaprire le finestre e smettere di sudare freddo, il momento brutto è passato!

In teoria ci sarebbe ancora il noioso lavoro di ripetere gli ultimi tre passi della nostra camminata per tutte le pale della turbina, fino a completare il giro intorno al cerchio. In teoria….

In pratica, invece, lo faremo in un batter d’occhio! Selezionate l’ultima pala, quella clonata. A questo punto basterà premere CTRL + D sulla tastiera e con gioia vera vedremo completarsi a mano a mano la sequenza di pale intorno al cerchio.

Alla fine il risultato dovrebbe assomigliare a questo:

…continua…

Anche se pochi lo ammetteranno, costruire una turbina con i potenti mezzi di disegno di Illustrator è un po’ il sogno segreto di ogni web designer. Se si sapesse poi quanto è facile crearne una… Basta fare così!

Diciamo subito che il succo di tutta la questione si basa sull’idea di replicare un elemento unico intorno a un centro. Quindi inizialmente non dovremo fare altro che procurarci questo elemento e questo centro.

Intanto stabiliamo come sarà la nostra area di lavoro. Per esempio un documento rgb base di 800 px per 800 px è l’ideale.

L’oggetto da ripetere, essendo la pala di una turbina, potrebbe essere una cosa come questa in figura:

Neanche c’è da dire che questo è il momento del vero artista… ma per ora voliamo basso e limitiamoci a creare un oggetto semplice, dandogli un minimo di carattere con una sfumatura.

Una volta generata la pala, creiamo anche il perno intorno al quale farla girare: disegnamo un bel cerchio e diamogli una sfumatura radiale, giusto per farlo sentire importante.

Bene, ora che abbiamo i due protagonisti possiamo comporre la nostra opera. Intanto posizioniamoli al centro della scena e centriamo l’asse verticale della pala sul centro del cerchio. Detta così sembra uscita dalla bocca di un ingeniere, in realtà ce la caveremo con pochi spostamenti del mouse. Se non l’abbiamo già fatto, andiamo in Visualizza e attiviamo l’opzione Guide sensibili. Perchè queste guide sono sensibili? E sensibili a cosa, oltre alle buone maniere? In pratica sono delle linee che ci guidano, appunto, per allineare fra loro gli oggetti disegnati. Quando, per esempio, i baricentri di due oggetti si trovano sulla stessa perpendicolare, verrà visualizzata una sottile linea verde passante per entrambe. Questo è esattamente l’esercizio che dobbiamo fare:

non perdiamoci d’animo, premiamo il tasto destro del mouse sopra la pala ribelle e andiamo su Ordina; poi premiamo Porta dietro. Una volta ristabilito l’ordine, siamo pronti per creare la turbina.

Attenzione perchè i passaggi seguenti devono essere svolti con rigore svizzero!

…continua…

Dopo avere iniziato a distorcere la scritta nella prima parte del tutorial, continuiamo con le modifiche, applicando una nuova raffica di filtri per poi gustarci l’opera compiuta.

Il passo successivo prevede di esporre la scritta al vento. Per farlo, andiamo sempre su Filter, Stylize e Wind. Noi daremo solo un colpetto d’aria al testo: lasciamo quindi settata l’opzione Wind; le altre due, Blast e Stagger, tendono a riprodurre gli effetti di un tifone e nel nostro caso sarebbe troppo. Possiamo scegliere se l’aria deve provenire da destra o da sinistra: settiamo “from right”.

Bene, a questo punto si può spiegare il perchè sia stato utilizzato in precedenza il filtro Polar Coordinates. Se avessimo applicato la folata di vento senza deformare la scritta a ferro di cavallo, il filtro vento avrebbe agito in modo scontato da destra verso sinistra (o viceversa), colpendo le lettere solo sul fianco. In tal modo invece le lettere sono investite dagli effetti del filtro anche in alto, in basso o in diagonale a seconda della loro posizione.

Questo ci permette di spiegare il secondo segreto del tutorial, usare cioè il filtro Polar Coordinates due volte. Quando avremo fatto tutte le nostre manomissioni alla scritta in modalita “Rectangular to polar”, la potremo riconvertire in formato orizzontale proprio con “Polar to rectangular” per goderci così l’effetto finale senza avere sudato troppo.
Prima però diamo ancora un ultimo tocco all’opera. Apriamo dal solito menu Filter, Distort e Ripple. Con l’effetto increspatura andiamoci piano, visto che esagerando, come al solito, si rischia di rovinare il risultato rendendolo troppo pacchiano. Il consiglio è di lasciare a 100% l’applicazione del filtro.
Ora è venuto il momento di riassemblare il tutto come anticipato poco sopra. Torniamo al vecchio Polar Coordinates, che è sempre lì dove l’abbiamo lasciato: Filter e sotto-menu Distort. Prendiamo l’opzione “Polar to rectangular” ed ecco la nostra scritta dopo il trattamento in centrifuga! Piace? In realtà è anche meglio di quello che sembra!

Prendete in mano il secchiello e scegliete un colore non troppo acceso, tipo:#732727, poi andate sul livello background, che attualmente è “bianco ospedale”, e dategli una verniciata. Ora tutti gli effetti grafici sono visibili e apprezzabili!