Uno dei “vizi” di PTWG era creare generatori di immagini in PHP… Idee geniali le sue, non tanto per la realizzazione tecnica (banale con un po’ di conoscenze del linguaggio e delle librerie GD), quanto per l’idea di base (qui un esempio lampante) associata alla fantasia dei suoi lettori.

Quello che potete utilizzare cliccando qui è un piccolo tributo ad una figura di rilievo della blogosfera italiana, ormai “scomparsa” (Paul, toccati se stai leggendo).

Il manifesto del PD che ormai tappezza mezza Italia si presta benissimo a giochetti di questo genere.

Fatene buon uso.

Gran bel servizio quello offerto da DummyImage.com: permette di generare un'immagine di dimensione desiderata per riempire i vostri layout...

La sintassi è semplicissima, basta passare le dimensioni al sito e farà tutto da solo (vedi immagine sopra). Potete anche utilizzare l'immagine desiderata all'interno di un tag <img> o scaricare i sorgenti dello script per realizzare la vostra variante.

Oltre a DummyImage.com potete anche utilizzare rndimg.com che funziona in maniera un po' più articolata.

[Via Giobi & LifeHacker]

E' possibile aggiungere del testo alle nostre foto ed applicare degli effetti "speciali" per rendere ancora più "vintage" le nostre foto.

Un esempio? Questa fotografia

Cufon è composta da due parti: un font generator che converte i font nel formato supportato dalla libreria e il rendering engine scritto in Javascript.

Dopo aver incluso la libreria e il font trasformato basta chiamare la funzione di replace.

Cufon.replace('h1');

Indovinate un po' cosa fa questa chiamata... Sostituisce tutti i tag H1.

[Via WebAppers]

Processing è un progetto opensource creato da Casey Reas e Benjamin Fry, del MIT Media Lab. E' "un'accoppiata" formata da un linguaggio di programmazione e un IDE pensato per le arti elettroniche e le visual design communities, come recita wikipedia.

Uno degli obiettivi principali di Processing è avvicinare l'utente alla programmazione utilizzando un ambiente e un linguaggio semplice che possa portare rapidamente l'utente a produrre qualcosa di visivamente accattivante (dando quindi notevole soddisfazione).

Il linguaggio Processing, semplice ma ben strutturato, utilizza le capacità grafiche del linguaggio Java come "struttura portante" semplificandone la sintassi e aggiungendo alcune features a quanto già esistente.

Potete installare Processing su Windows, Mac e Linux (qui il download) e sono in fase di sviluppo porting della piattaforma verso dispositivi come OpenMoko e iPhone e linguaggi come JavaScript e ActionScript.

Vediamo un po' come cominciare a sviluppare con Processing.

Tre tipi di programmazione

In Processing possiamo programmare in tre modi differenti:

• Basic - Il programma è costituito da una semplice lista di istruzioni eseguite in sequenza
• Intermediate - La classica programmazione procedurale, che sarà utilizzata negli esempi successivi
• Complex - Programmazione orientata agli oggetti "dura e pura"

Quale metodo scegliere? Semplice, quello che più si addice alle vostre capacità.

L'IDE di Processing

Una volta installato e avviato l'IDE ecco cosa vi troverete davanti:

E' tutto molto semplice, l'editor ha sfondo bianco (con evidenziazione della sintassi Processing) e la barra dei comandi contiene solo lo stretto necessario:

• I pulsanti "run" e "stop" ci serviranno per testare il nostro codice
• Gli altri 4 pulsanti sono rispettivamente:
  • Nuovo file
  • Apri file
  • Salva file
  • Esporta applicazione

La console contiene ovviamente i messaggi di errore e l'output di istruzioni come println().

Cominciamo a lavorare in Processing

Come dicevamo prima gli esempi che vado a proporre sono basati sulla programmazione "intermediate".

Un'applicazione scritta secondo questa metodologia si compone, nella sua forma più semplice di 3 parti:

• Una parte dichiarativa
• La funzione setup()
• La funzione draw()

Vediamo un po' di codice per capire di cosa sto parlando

// Parte dichiarativa
int radius = 30;

// Setup applicazione
void setup()
{
  size(400,400);
  smooth();
  frameRate(12);
}

//Disegno
void draw()
{
  ellipse(random(width),random(width),radius,radius);
}

Questo semplice programma crea dei cerchi di raggio 30px in posizione casuale all'interno della finestra dell'applicazione.

Il codice è commentato in modo da individuare facilmente le 3 parti.

Nella parte "dichiarativa" (come la chiamo io) vengono inizializzate alcune costanti utili all'interno di tutto il programma. In questo caso si tratta del raggio dei cerchi.

All'interno della funzione setup() definiamo le proprietà dell'applicazione come ad esempio:

• La dimensione della finestra
• Il miglioramento o meno dell'immagine (smooth)
• Il framerate per l'applicazione (utile in caso di animazioni o piccolo videogames)

Nella funzione draw() andiamo ad inserire quello che vogliamo disegnare a schermo. La funzione draw() verrà eseguita una volta per ogni frame, quindi nel nostro caso verranno creati 12 cerchi al secondo.

Facile no? In un prossimo articolo vedremo di creare qualcosa di più interessante (magari anche interattivo) e come esportare le nostre applicazioni per pubblicarle come files eseguibili o applet da visualizzare online.

Nel frattempo giocate con processing. Google come al solito è pieno di tutorial!

1. Color palette generator
   Per creare palette di colori a partire da un’immagine
2. Kuler e Kuler Desktop
   Applicazione Adobe AIR e servizio online per la condivisione di palette di colori
3. Colourlovers
   Palette e patterns per tutti i gusti!

Andate e coloratevi!

Questi video mi fanno impazzire. Oggi possiamo riprodurre l'effetto domino anche online, con tanta pazienza e drawminos.com...

Provare per credere

C'è qualche dettaglio nascosto, tipo...

Che diventeranno parte integrante dei post, da oggi in poi. E qualcosa finirà su http://code.napolux.com... Cose moooolto interessanti (anche in inglese).

Si ringrazia Mirko per "Little Napolux"

P.s.
Notato l'abuso da parte di gran parte dei webdesigner del "Georgia"? Twitter e decine di altri siti lo usano ultimamente

Dopo una breve sessione introduttiva si è passati ad una panoramica un po' più interattiva, dedicata in gran parte a Flash CS4.

Notevoli le migliorie apportate alla gestione delle animazioni (Mirko, il mio collega, ha commentato: "Adesso anche i bambinetti potranno fare i siti fighi in flash"), alla compatibilità con altri software della suite come Illustrator o Indesign (attraverso il nuovo formato di scambio XFL)

Dal punto di vista prettamente "developer" è ora completa l'integrazione con Adobe AIR 1.1: non è più necessario dover aggiornare il proprio Flash per creare applicazioni AIR.

Si è parlato anche di Dreamweaver CS4, con notevogli migliorie per quel che riguarda la "vista codice": è ora possibile modificare tutti i files collegati al file principale (css e js ad esempio) con un semplice click del mouse.

L'interfaccia delle applicazioni è stata ulteriormente migliorata (anche su Mac, finalmente) e ognuno potrà trovare e personalizzare il proprio workspace preferito fin nei minimi dettagli.

Trovate tutti i dettagli sulla nuova release della Creative Suite (costosissima ahimè) nella sezione dedicata del sito Adobe.

Dal canto mio sono rimasto notevolmente compiaciuto dai miglioramenti apportati a Dreamweaver. Potete scaricarne la versione CS4 beta a questo indirizzo mentre trovate tutte le versioni Trial qui.

Un grazie va a alla gentilissima Alessia di BM e ad Adobe per il graditissimo invito (visto il mio attuale trip con Flex, ActionScript 3 e Adobe AIR) La location? Il 10watt, la potete vedere nelle foto...

UPDATE!
E' disponibile un social media release per chi volesse saperne di più...

I disegni dovranno essere inviati alla sezione di Flickr dedicata al concorso:   entro e non oltre il 16 marzo. Una giuria scelta da Mozilla selezionerà i cinque progetti ritenuti migliori, che saranno poi messi online nel Mozilla Store per essere votati dal pubblico.

Il disegno vincitore diventerà poi il logo ufficiale della maglietta di Firefox 3, stampata su cotone biologico e disponibile esclusivamente presso il Mozilla Store.

Il vincitore, oltre al prestigio (facciamo google bombing?) di aver creato il logo ufficiale della maglietta di Firefox 3 sarà premiato con una delle nuove magliette di Firefox 3 e un buono regalo del valore di 250  USD da spendere su Amazon.com.

Gli altri quattro finalisti vinceranno invece una delle nuove magliette di Firefox 3 e un buono regalo del valore di 50 USD da spendere su Amazon.com.

Tutti i dettagli all’indirizzo http://www.spreadfirefox.com/tcontest

[tags]firefox,contest,mozilla[/tags]

Non avete mai fatto caso alle somiglianze tra l'homepage di AOL.com e quella di Yahoo.com? Io le ho notate solo per caso...

Guardatele bene e poi ditemi se non c'è la stessa mano dietro entrambe...

[tags]yahoo,aol[/tags]

ATTENZIONE. QUESTO POST POTREBBE FARVI SCAPPARE A GAMBE LEVATE...

Insomma... Conosco puristi del desktop che non vanno oltre uno sfondo completamente nero e un paio di icone. Conosco persone che hanno desktop a 1600x1200px strapieni di files, icone e chi più ne ha più ne metta.

Volete conciare il vostro PC per le feste? Bene... Ecco qualche dritta...

• Sfondi Natalizi: ne trovate a bizzeffe su flickr, e nei vari siti specializzati... Basta cercare su Google
• Luci sul desktop: pacchiane... Per MAC e per Windows (tremendo)
• Software vari: qui ne trovate un bel po'.
• Come dimenticare le icone e i temi per desktop?
• Avete un Mac? Non temete... MacUpdate è strapieno di widgets e software a tema natalizio
• Volete sparare musica natalizia per tutta la casa? Provate su last.fm qualche tag a tema...
• Ci sono anche alberi di Natale e pupazzi di neve USB per i più pacchiani di tutti...

Qualche altra idea per conciare il PC per le feste? Segnalatela nei commenti!

Come al solito andiamo all'estero a rifarci gli occhi (che poi mi si accusa di esterofilia) è più forte di me...

• New York Times
• International Herald Tribune
• Le monde
• Washington Post
• Chicago Tribune

Tralascio per pietà CNN, BBC, e un'altra decina di siti web. A voi piace la nuova homepage di corriere.it? Se vi siete registrati sul blog del corriere segnalando nome, cognome, indirizzo, numero di scarpe, gruppo sanguigno, quante volte fate la cacca al giorno, ecc... Beh, allora potete dire la vostra anche qui.
[tags]corriere.it,news,internet[/tags]

Federico mi segnala che ha realizzato 5 temi molto carini per WordPress.

Potete visualizzare una demo di darkzero qui. I temi sono compatibili anche col nuovissimo WordPress 2.3.

Tutoogle è un nuovo servizio che raccoglie oltre 100.000 tutorials su i più svariati argomenti. Il servizio è ancora giovane, non è possibile segnalare i propri tutorials e a quanto pare soffre anche di qualche bug. Provate a cercare "PHP".

FindTutorials invece arriva a circa 4.000 tra tutorials e video-tutorials, ma è possibile votare i tutorial segnalati e segnalare al sito altri tutorials.