la cosa che dovrei fare è cliccare quel bottone “Riporta violazione”. Ma a quel punto, per me come per l’inserzionista, sarebbe possibile ottenere lo username di colui che ha fatto l’offerta, consentendo cosi di effettuare trattative al di fuori della piattaforma.

Inutile dire che al momento, la piattaforma debba essere migliorata per tutelare sia gli inserzionisti che i fornitori.

Da anni ormai mi ritrovo ad eseguire sempre le stesse macchinose operazioni ad ogni cambio computer. Chi di voi non ha mai formattato/reinstallato il proprio computer? Quanti di voi non hanno dovuto fare il backup dei dati, controllare di non aver dimenticato tutto, lanciare (alcune volte la notte, per trovarsi a metà il giorno dopo) il setup del sistema operativo, ricaricare drivers, programmi, dati, riconfigurare i programmi e rimettere tutto a posto (passwords salvate nel browser, a patto di avrle appuntate da qualche parte, configurare i percorsi dei programmi, gli account di posta, eccetera eccetera eccetera)?

Ogni volta lo spauracchio era di restare senza un file vitale o un progetto importante, magari su cui stavamo ancora lavorando e che, per un caso fortuito, abbiamo dovuto temporaneamente accantonare perchè la ventola del processore aveva deciso di farci una burla e smettere di girare (magari aiutata da quei simpatici rotolini di polvere mista a grasso di cuscinetto che ogni tanto si formano). Quanti brutti ricordi!

In questi anni strumenti sempre più utili si sono rivelati agli utenti e sono diventati, quale più e quale meno, indispensabili al fine di garantire una certa sicurezza in caso di “imprevisti”.

Una delle pratiche più tediose (dopo quella della reinstallazione e riconfigurazione di Outlook) che ha scalato le classifiche di “sgradimento” in questi anni, è quella della reinstallazione del server di prova per i siti e relativi database. Avrò all’incirca 4 hard disks su cui sono sparpagliati i vari progetti su cui man mano lavoravo e che, puntualmente, sono stati messi al sicuro dopo l’ennesimo formattone.

Per evitare ogni volta almeno questo terribile e, per il mio lavoro, cruciale passaggio, da un po ho sperimentato la soluzione del server web fisico, dedicato esclusivamente ai progetti web-based.

In questo articolo andremo ad effettuare una operazione che (si spera) ci permetterà di avere molteplici vantaggi:

1) L’ambiente di test resta sempre uguale, non cambierà infatti la versione di php o di mysql nelle varie installazioni

2) il server sarà accessibile a chiunque e da qualunque computer (nella rete o da fuori, sta alle esigenze del caso)

3) l’eventuale “migrazione” per cause di forza maggiore o sopravvenuta anzianità di servizio si ridurranno ad un solo semplice backup e restore

Anche se installeremo un server LAMP con una distribuzione di Ubuntu su una VirtualBox, sarebbe opportuno valutare l’installazione su qualche pc in disuso o dedicarne uno allo scopo, visto che le richieste per lo specifico campo di applicazione sono veramente ai minimi termini (un vecchio Pentium2 con 256mb di ram dovrebbe bastare). Il concetto di base resta sempre quello, cambia qualcosa in termini di hardware rilevato e drivers ma i comandi son sempre quelli, oibò!

Dopo questa stucchevole ma doverosa introduzione, andiamo a sporcarci le mani e partiamo con la fase di preparazione della macchina virtuale (che potete tranquillamente saltare se optate per installare su server fisico).

Buon lavoro e… via!

WordPress Publish Speed-up

Ovvero, un metodo alternativo per velocizzare la pubblicazione dei posts con WordPress.

Sono un appassionato dell’ottimizzazione, quasi un ossesso. Per questo è da diverso tempo che cerco di trovare una soluzione per postare facilmente su WordPress senza bisogno di dover seguire la strada messa a disposizione dal pannello di amministrazione dei posts di WordPress.

Avevo all’inizio cercato qualcosa che permettesse di condividere una pagina o un articolo di interesse particolare alla facebook-maniera: io ti do il link, tu mi permetti di scegliere foto del post, titolo ed excerpt, ed ecco pubblicato l’articolo (o la traduzione) con la fonte già citata e le immagini caricate sul mio blog (anzichè linkate alla pagina originale).

Niente di tutto questo esiste (e vi dico che qualcosa di simile è già in lavorazione…)

Qundi sono passato per il classico “Press This” di WordPress che, purtroppo, mi obbliga in ogni caso a riaprire l’articolo dopo averlo salvato come bozza per affinare l’operazione di pubblicazione: proprio ciò che volevo evitare.

Neanche la versione Reloaded di Press This (un plug-in che trovate qui) ha potuto evitarmi un lavoro che reputo macchinoso, in quanto probabilmente è incompatibile con qualche plugin che sto usando o con il tema, fatto sta che non riesco ad inserire le immagini direttamente dal sito sorgente. Abbandonato.

C’è da dire che il metodo che alla fine mi sono ritrovato ad adottare va bene anche per chi, come me, hosta i siti su server localizzati al di fuori del continente europeo, quindi con tempi di risposta “abbastanza” alti in termini di latenza.

Ho cercato quindi un programma che permettesse di fare la “complessa” operazione direttamente dal desktop, senza bisogno di aprire la pagina di pubblicazione dei post su WordPress.

Dopo averne passati al vaglio alcuni (trovate una lista abbastanza completa a questo indirizzo) la mia attenzione si è soffermata su un programma chiamato BlogDesk (solo per Windows).

Al di là dell’interfaccia molto semplice (e anche molto spartana), il software è molto configurabile dal punto di vista della modalità e del metodo di pubblicazione.

Ma spostare semplicemente la pubblicazione da web a desktop non mi bastava, dovevo trovare qualcosa che velocizzasse anche la pubblicazione delle immagini (più precisamente degli screenshot per i walk-through, visto che mi occupo principalmente di questo).

Ci viene in soccorso un programma molto semplice e funzionale chiamato PicturePaste (commerciale, $9.95 la versione HomeHost – Versione di prova disponibile per 50 upload di immagini).

Grazie a questo programma è possibile effettuare l’upload in automatico delle immagini contenute nella clipboard di windows, dopo un’opportuna conversione per il web.

Configurazione

Per prima cosa bisogna abilitare nel pannello di WordPress la pubblicazione tramite protocollo XML-RPC. Andate su “Impostazioni > Scrittura” e mettete la spunta a “XML-RPC: Abilitare i protocolli XML-RPC di pubblicazione WordPress, Movable Type, MetaWeblog e Blogger.”

Questa è l’unica configurazione da effettuare all’interno di WordPress. Passiamo ora a configurare PicturePaste. La configurazione che effettueremo sarà tipica di una piattaforma multi-dominio, con le immagini posizionate su un sottodominio diverso per favorire lo scaricamento simultaneo.

Apriamo PicturePaste e portiamoci nella sezione di configurazione:

Questa è la parte più delicata e che probabilmente potrà causare più problemi nella fase di test della pubblicazione.

Selezioniamo come “Hosting options” la voce “Your FTP Hosting”, avendo cura di compilare i campi, che vedete sfocati in figura, con i dati del vostro account FTP. Gli esempi di configurazione per i 2 casi più comuni:

immagini sullo stesso dominio, nella cartella wp-content/uploads/images:

Se invece le vostre immagini sono situate su un sottodominio, dovrete regolare i parametri di conseguenza:

Effettuate una prova di caricamento: premi stamp o copia una immagine nella clipboard, Picturepaste la intercetta e vi proporrà di convertirla:

Dopo aver cliccato il pulsante “Convert”, andiamo a controllare se l’immagine è stata effettivamente caricata sul nostro ftp

Abbiamo appena scoperto un effetto-collaterale di questo metodo: i nomi dei files vengono generati attravesto time-stamp, quindi saranno molto meno mantenibili. Questo attualmente per me non è un problema, ed è comunque facilmente aggirabile semplicemente rinominando il file DOPO averlo trascinato dalla finestra di PicturePaste alla finestra di BlogDesk e cambiando l’attributo src del tag IMG nel post.

Per verificare l’effettivo funzionamento, basta trascinare l’immagine dalla finestra di PicturePaste all’interno del post-editor di WordPress o semplicemente incollare (ve la ritrovate già in clipboard dopo la conversione)

Se l’immagine è correttamente visualizzata nella finestra di modifica, allora la configurazione è ok e possiamo procedere alla fase successiva, l’inserimento in BlogDesk e la configurazione dello stesso.

Nella seconda parte vedremo come configurare BlogDesk per il nostro Blog WordPress, il template per il tema (shortcode o formattazione) e l’inserimento dell’immagine da PicturePaste con relativa pubblicazione.

A presto!

Per navigare uso Firefox. E per navigare tranquillo e senza rotture di scatole uso Noscript. Mi piace l’idea che tutto stia in una blacklist totale tranne quello che io decido non debba starci. Spesso però dimentico di “whitelistare” (passatemi il termine) alcuni siti che navigo frequentemente o, semplicemente, sbaglio e lo metto in white-list solo per la sessione corrente. Proprio questa svista oggi mi ha permesso di vedere il codice di quello che sembra uno script malefico inserito all’interno di un sito. Non ho ancora visto se è un XSS, un hack vero e proprio o solo una poco coscenziosa tecnica di black-seo, e non ha neanche importanza.

Stranamente nessun advisor (come McAfee o Google sites) riporta il sito come con contenuto malevolo. Ciò probabilmente dipende dal fatto che il codice è implementato tramite javascript (quindi, probabilmente, si tratta di una vulnerabilità di tipo XSS).

Questo quello che ho appena visto:

Il sito con i javascript abilitati:

Disabilito i Javascripts:

Ecco il codice:

Questo è uno dei tanti motivi per cui NON BISOGNA  AFFOGARE UN SITO CON I PLUGIN solo perchè sono “cool” o di tendenza.

EDIT: come consigliato al proprietario del sito, una prima linea difensiva potrebbe essere  WPIDS che insieme a PHP-IDS tengono sotto controllo gli accessi non autorizzati. La seconda linea difensiva, come sempre, è data dal buon senso e dall’esperienza.

E’ appena stato rilasciato come main branch su Github la versione 2.0 ufficiale di Codeigniter. Per chi, come noi, già la utilizzava per le nuove applicazioni, si tratta solamente di eseguire un Update da github. Da notare però che adesso il progetto è diviso in due: uno portato avanti da Ellislab che, da quanto si evince in questo post di Phil Sturgeon a proposito del rilascio, integrerà i vari bugfix e gli upgrade in maniera più lenta e solo dopo che saranno ampiamente testati dalla community di Codeigniter Reactor, il secondo dei due progetti, più community-driven ed aperto alle migliorie e alle nuove implementazioni. Manca ancora qualcosa per rendere questa versione 2 una versione stabile, a partire dalla documentazione che ancora manca di dare delucidazioni chiare sull’implementazione dei driver javascript (una delle funzioni a nostro parere più attese) e sulle nuove funzioni per la prevenzione dei CSRF, e qualche piccolo bugfix da effettuare in base alle segnalazioni nell’issue tracker.

E’ tempo di rimboccarsi le maniche e (ri)cominciare a studiare!

NETEYE Activity Indicator

NETEYE è un bellissimo plugin jQuery per il rendering di un effetto preloader in maniera vettoriale tramite SVG o oVML. Il bello di questo plugin è che non dipende dalla risoluzione (si può scalare a qualsiasi dimensione senza perdita di dettaglio) e soprattutto, cosa molto utile, è indipendente dal colore di background, cosa che non succede con i vari preloader .gif. Un altro punto a suo favore, è che è supportato bene in IE6 (per chi ancora sviluppo per questo browser) e degrada bene in assenza di motore Javascript.

Caratteristiche: (dal sito NETEYE)

[arrow_list]

• Script molto leggero
• Nessuna immagine richiesta
• Nessun CSS esterno
• Indipendente dalla risoluzione
• Trasparenza alpha
• Visualizzazione altamente configurabile
• Funziona in tutti i maggiori browsers (FF 2+, Safari 3.2.1+, IE6+, Opera 10.6). Io l’ho testato anche su Chrome 5 e funziona benissimo.
• Uso delle capacità proprie del browser
• Degrada senza Javascript

[/arrow_list]

Il plugin richiede solo la presenza di jQuery 1.4.2. Per attivarlo basta chiamare il metodo .activity() sull’elemento in cui visualizzare l’indicatore, mentre per disattivarlo basta chiamare il metodo .activity(false).

Per le opzioni di configurazione, basta andare sul sito di NETEYE e consultare la documentazione a fondo pagina.

Il 2009 appena passato è stato un anno che ha visto l’exploit delle interfacce web. Il grado di integrazione raggiunto tra servizi, la dinamicità delle informazione, l’immediata fruibilità delle funzioni più avanzate anche da parte di persone non propriamente tecniche, ci ha letteralmente “investito” dandoci modo di poter sviluppare sempre più velocemente soluzioni avanzate a costo (sia in termini di investimento economico che di tempo) praticamente nullo.

In questo primo articolo mi limiterò ad una semplice carrellata delle pagine che più mi hanno colpito in termini di design, funzionalità, ergonomia. Vi propongo di dare uno sguardo a quelle che vi sembrano migliori poichè la vista in miniatura, per qualcuna, non rende giustizia all’ottimo lavoro svolto. Eccovele:

Donor Tools

Viewzi

Fliggo

Miro

Onehub

Hostriser

Hellothemes

Warehouse App

Clearspring

Doox CMS

Product Planner

Traffik

45 Royale Inc.

Evernote

1024 Media

Business Catalyst

Mailchimp

Krop

Postbox

Mediatemple

Campaign Monitor

OfficeVP

Reinvigorate

Lifejacket

Cappuccino

Light CMS

Water CMS

Oh! Media

Macrabbit

Brightkite

Clearleft