Avete bisogno di consigli di programmazione, di guide o volete semplicemente non perdervi semplici script che vi dimezzerebbero le ore di lavoro?

Apre Sir-bit.it, un nuovo blog nato dalla collaborazione mia e di Manuel Marangoni, blogger di One Mind, due programmatori a cui è venuto il pallino di condividere quello in cui si imbattono ogni giorno.

Si spazia da php a javascript, da librerie come jquery o cURL a semplici script per slide o per realizzare velocemente effetti complessi.


Toccheremo anche programmi o applicazioni web che potranno risultare interessanti o quanto meno utili, il nostro scopo è semplicemente dare qualche strumento per velocizzare o migliorare il lavoro di un programmatore web o informatico che passi da li.
Se avete cose da chiedere, consigli, precisazioni, contattateci pure.

In ogni caso, buona visita a sir-bit.

L’html5 è il futuro, lo si legge spesso… la possibilità di abbandonare lunghi e complessi codici per avere il massimo rendimento col minore sforzo possibile.
Già Julius aveva mostrato punti di forza e capacità di questa nuova tecnologia (e se siete smanettoni potete dare un’occhio alle demo molto più approfondite) ma come tutte le tecnologie può essere usata per fare molto più di quello per cui è nata.

Come, per esempio, un flipper.

Alla microsoft hanno mostrato cosa si può fare con html5, arrivando a creare un flipper utilizzando i canvas, da wikipedia:

Canvas è una estensione dell’HTML standard che permette il rendering dinamico di immagini bitmap gestibili attraverso un linguaggio di scripting.

Paroloni per dire che crea immagini che possono essere continuamente ri-disegnate. La potenzialità di questo è che potremmo avere siti (ed elementi) interattivi il cui contenuto potrebbe cambiare totalmente senza riaggiornare la pagina, e tutto con pochissimo sforzo.

Altri esempi dell’html5 li potete trovare qui, io al momento sto provando il sudoku, sperando che l’assurda scelta cromatica non mi distrugga gli occhi.
D’altronde sono programmatori, non grafici

Un’azienda vi commissiona un sito internet, da finire in tempi brevissimi. Voi create la grafica, le pagine e tutto quello che ci sta dietro, e tutti allegri e gioiosi siete pronti a comunicare al cliente quello che avete fatto.
Ma siete sicuri di aver pensato proprio a tutto, o per la fretta di soddisfare le tempistiche vi è sfuggito qualcosa?

Prendendo spunto dal post di Smashing Magazine, vediamo quali punti è bene non dimenticare in base alla mia esperienza diretta.

1 ) Compatibilità coi browser.

Un sito deve poter essere visto allo stesso modo almeno sui browser più usati, come Firefox, Internet Explorer (6, almeno finchè non viene dimenticato, 7 e a breve l’8), Safari e Chrome.

2 ) Compatibilità con tutte le risoluzioni.

O almeno con le più usate. I siti possono tranquillamente essere ottimizzati per il 1024×768, tralasciando l’ormai obsoleto 800×600, ma siate sicuri che a risoluzioni più alte il tutto non si sposti un po’ dove vuole lui.

3 ) Ottimizzare il codice

Probabilmente dovrete tornare sui file sorgenti per aggiornamenti vari, quindi cercate di ottimizzare il codice il più possibile, di pulirlo e aggiungere commenti per facilitarvi il ritorno uno o due anni dopo.

4 ) Stare bene attenti ai metatag

Perchè un sito venga ben visto dai motori di ricerca (e non solo) bisogna fare attenzione ai metatag come title, description e keywords.

5 ) Tutte le pagine sono a posto?

Controllate tutti i collegamenti e tutte le pagine. A volte può capitare che una pagina non venga linkata, o che il nome sia stato magari cambiato successivamente senza aggiornare i vari menu.

6 ) I dati sono esatti?

Controllare i dati di contatto, come numeri di telefono, p. iva, email. Spesso alcuni di questi dati sono tra le ultime cose che il cliente vi passerà, può quindi capitare di dimenticarsene qualcuno per strada.

7 ) Il form dei contatti funziona?

Sembra una sciocchezza, ma dovete essere sicuri che il form con cui il navigatore entra in contatto con l’azienda dev’essere funzionale e performante. D’altronde spesso l’obiettivo del sito è quello di mettere in comunicazione azienda con cliente finale.

8 ) Dizionario!

Controllato i testi? Spesso potrebbero sfuggire errori ortografici anche grossolani. Cercate di dedicare un po’ di tempo alla rilettura.

9 ) Aspettate a metterlo online!

Prima di renderlo perfettamente funzionante, fatevi pagare!

Un po’ di tempo fa ho parlato della libreria javascript jquery, e delle sue potenzialità.
Oggi, invece, mi imbatto in queste 100 risorse javascript che sfruttano, oltre alla sopraccitata jquery, anche Prototype, Scriptaculous, MooTools, e Dojo.

Si va dalle gallerie di immagini, alla gestione di grafici e votazioni, ai form, zoom, animazioni e molto altro.

Sono tutti in inglese, ma penso che non sia un problema per chi è abituato a raccogliere risorse di questo tipo

La raccolta è a questo indirizzo, buon divertimento!

Si, sono un webmaster, e sotto sotto mi piace, ma vi elenco oggi dei buoni motivi per non esserlo.
Sia chiaro, leggete tutto con un buon velo di ironia


1. Non importa quanti decimi hai agli occhi, dopo qualche tempo caleranno inesorabilmente.

2. Non importa nemmeno se alla sera hai sonno, se non finisci non vai a letto.

3. I clienti hanno sempre ragione. O almeno vogliono averla.

4. Spesso succedono cose al di là della tua comprensione, come server malfunzionanti o righe di codice che improvvisamente hanno deciso di non funzionare.

5. Devi convincere tutti i tuoi parenti che in realtà non fai “quelle cosette sul pc” ma hai un lavoro vero.

6. Devi convincere te stesso che hai un lavoro vero.

7. Se non prepari un ottimo discorso, alla richiesta “voglio tutto a costo zero” sei finito.

8. Devi vendere l’anima al Diavolo per riuscire a convincere alcuni clienti, soprattutto quelli del “beh, preferivo un testo giustificato, e la scritta verde su sfondo giallo…”.

9. Prepara un ottimo discorso anche alle richieste di aiuto da parte degli amici, che ritengono che in quanto informatico tu sappia risolvere ogni cosa, dai problemi hardware ai problemi del ferro da stiro.

10. Ti abiuterai a fare tutto di fretta, e in alcuni casi non è una bella cosa.

Concordate, o ne avete altre?

Se avete wassup, il plugin che calcola le statistiche di wordpress, e ad un certo punto il database implode su se stesso non preoccupatevi, potrebbe essere colpa sua.


Per il pesce di Aprile di ieri ho linkato il post un paio di volte su facebook… Tempo qualche ora e Think Creative è crashato.
Un rapido controllo al database mi ha svelato che wassup aveva salvato sul mysql tanti di quei dati da superare (e di molto) lo spazio massimo consentito.

Col senno di poi avrei preferito tenermi i dati per un’analisi, ma in quel momento ho preferito svuotare la tabella per far tornare operativo il blog.
Visti i dati di Google Analytics ho scartato la possibilità che il server non riesca a gestire troppe visite (sono andato oltre la mia media, ma niente di esagerato).
L’alternativa è che i bot derivanti da facebook fossero veramente tanti, e la rapida occhiata che avevo dato prima di cancellare conferma la mia ipotesi.

Non che sia un male, basta configurare bene il plugin e tenerlo controllato, ma è impressionante quanti script automatici passino per i nostri blog

E voi, mai avuto problemi con wassup?

Questo post è dedicato agli smanettoni programmatori che stanno perdendo sempre più capelli e sempre più sanità mentale.
Conoscete Jquery? Una libreria javascript veramente potente, il cui scopo è fare il più possibile con meno sforzo.


Jquery è stato creato da John Resig e supportato poi da moltissimi programmatori con widget ed estensioni per fare tutto e di più.

Le possibilità sono quasi infinite, da liste ordinabili e trascinabili a tabelle il cui ordine può essere deciso dall’utente, da layout di liste che possono essere cambiati a crosslide per mostrare immagini che scorrono senza dover ricorrere a flash.

Per avere qualche infarinata, o capirne le potenzialità, andate su Visual Jquery, una serie di documentazioni con demo relative alle funzioni, e provate a smanettarci

Proseguendo il tour sul convegno Adobe, andrò a parlare di dreamweaver e flash, due prodotti sostanziali per chi vuole fare programmazione web (il primo) e creare animazioni (il secondo).


Dreamweaver sembra aver migliorato la gestione dei collegamenti tra file, selezionando ora un elemento nella progettazione sarà possibile andare direttamente al blocco in questione nel foglio css allegato.
Tutti i file richiamati da una pagina, che siano javascript, css o quant’altro, vengono mostrati in un menu dedicato senza doverli necessariamente aprire.

Tornando alla progettazione, finalmente nell’anteprima è possibile eseguire link e video, sfruttando il motore di firefox. Non sarà più quindi necessario aprire ogni volta il browser e la pagina per vedere i risultati, ma saranno mostrati in tempo reale.

Sfruttando il discorso video passo a parlare di Flash, la cui gestione è diventata ancora più semplice.
Per creare animazioni, anche piuttosto complesse, non sarà più necessario modificare frame per frame le posizioni e gli andamenti, ma ci sarà una vasta scelta tra le animazioni pre-impostate che modificheranno in automatico la timeline.

Altra funzione simpatica è “Osso“, che come dice la parola stessa serve a creare una specie di “osso” che collega vari clip.
Attivando un’opzione i clip saranno collegati tra loro e liberamente trascinabili, rendendo facile realizzare effetti come un braccio e una mano che si muovono e rimangono sempre attaccati alla spalla.

Qui sotto, un tutorial per farvi capire come funziona “Osso”.

Come avevo accennato nel post sull’Adobe CS4 on the Road analizzerò in breve i prodotti e i marchi presentati, partendo da Photoshop CS4, che merita un discorso solo per lui.


In merito ai crossmedia, è stata migliorata la funzione di esportazione in html dei layout, croce di tutti gli impaginatori.
C’è ora l’opzione per poter creare un foglio utilizzando solamente i css, evitando quindi le ormai obsolete tabelle.
Ci saranno quindi menu impaginati con le liste, e blocchi contenuti nei tanto amati div.

Per i grafici le novità sono molte…
Le maschere e i filtri hanno ora un pannello tutto loro, separato dal resto per consentire una gestione molto più pulita. I filtri non modificano più direttamente i pixel dell’immagine ma vengono creati su un livello a parte.

Vi è poi la possibilità di ruotare visivamente l’immagine senza cambiare fisicamente la sua angolazione (e qui si è alzato uno per gridare “era ora!” ) e la zoomata e l’elaborazione della foto è diventata molto più veloce.
Questo perchè photoshop cs4 sfrutta ora anche la memoria della scheda grafica, spesso molto potente e inutilizzata.

Feature molto importante è l’uso e la gestione del 3D. Si può importare qualsiasi file object (obj) prodotto con un programma di grafica 3D (o scaricato, ci sono moltissimi modelli free sparsi per la rete), e gestirlo applicando texture, loghi e altri elementi di grafica.
Il risultato ottenuto si può salvare come un qualsiasi file immagine o trasportare su Premiere, dove il programma lo riconoscerà e potrete così inserire elementi 3D nei vostri video.

Dopo aver parlato dell’N97 e delle sue enormi potenzialità passo ad un cellulare con un altro punto di forza… Ecco il G1 di Google.


Il G1 Android non è “trendy” come l’iPhone, è però touchscreen e ha una tastiera qwerty (come l’N97) ma pecca nella fotocamera, di soli 3mpx.
Quello che lo rende speciale è la sua completa disponibilità all’essere personalizzato.

Si può infatti connettere ad ogni servizio di Google (e per questo necessità di un account sullo stesso) e sembra che ci si possa tranquillamente sviluppare sopra (la casa ha infatti previsto, come premio per gli sviluppatori, di sbloccare il G1).

Un sistema operativo con grandissimi potenzialità, l’ideale per tutti coloro che vogliono creare il cellulare attorno alle proprie esigenze. Altre case, come l’HTC, stanno già utilizzando Android per i loro mobile, permettendo in futuro di avere tecnologia elevata e software completamente malleabile, una manna per tutti i tecnofili.