Quello che vedete è il messaggio di conferma, dell’avvenuto acquisto di un volo su edreams.it.

A mio avviso sono del tutto inappropriati l’icona di allerta (pericolo generico…?) e soprattutto del colore rosso per indicare una transazione che in realtà è avvenuta correttamente.
Questo lunghissimo messaggio rosso lascia del tutto disorientato l’utente.

Vero è che in questo caso il messaggio si riferiva ad una transazione avvenuta con un’altra compagnia e che sarebbe seguita un’ulteriore mail di conferma, per cui era necessario attirare l’attenzione dell’utente. Eppure sicuramente il rosso è adatto a messaggi di errore o a situazioni di “pericolo”, piuttosto che a comunicazioni del tipo “il processo di acquisto procede regolarmente”.

(Ora speriamo che i webmaster di edreams non siano permalosi come quelli di Ryanair).

Questo strano uso del rosso nei messaggi di conferma non è poi così raro: se ne lamentava anche Roberto Dadda, qualche tempo fa, dopo un acquisto sul sito di trenitalia.

Tornando al mio ultimo acquisto su edreams, devo dire che il riepilogo delle prenotazioni nella pagina del mio profilo esibisce invece un verde decisamente più “rassicurante”.

Proprio mentre sto nuovamente impazzendo per far funzionare uno script su Internet Explorer 6, sembra che anche nel team di Gmail qualcuno abbia cominciato a stancarsi di quel broswer diabolico.
Così Gmail suggerise agli utenti del vecchio browser di passare una gmail più veloce (semplicemente cambiando browser – via)…

In effetti gli oppositori di  IE6 in questo periodo sembrano essere tornati alla carica. Se si smette di supportare IE6 è sempre corretto invitare agli utenti che ancora lo adottano, di aggiornarlo alla versione 7, oppure passare a un altro browser.
(Oppure si può far sempre notare che ogni volta che lo si usa… si ammazza un gattino.)

Giusto per avvertire che il nuovo feed di questo blog è http://feeds2.feedburner.com/DanieleRollo.
Stesso cambiamento per Rolloboy, che passa a questo nuovo feed: http://feeds2.feedburner.com/rolloboy

Chi mi legge via RSS reader comunque non dovrebbe notare il cambiamento, perche il vecchio feed redirige su quello nuovo.

Però. Se invece qualcuno di voi avesse qualche problema può lasciarmi un commento…

(ora – non me ne volete – vado a fotocopiare questo post sull’altro blog…)

Ho una segnalzaione importante per tutti color che si imbattono in una schermata praticamente vuota quando provano a pubblicare un post sul proprio blog su piattaforma wordpress. Mi è capitato infatti nelle ultime settimane uno strano fenomeno: di tanto in tanto quando provavo ad accedere alla pagina post-new.php, quello che mi trovavo davanti era questo:

Fare l’upgrade e disattivare tutti i plugin non è servito. Dopo diverse ipotesi e numerose ricerche inutili, ho realizzato che è Firebug ad impedire alla pagina di caricare correttamente. Una volta disattivato, post-new.php viene aperta in maniera normale.

Se siete su twitter ci sono tra gli altri  un paio di account che potete seguire (oltre il mio).
@mootols: l’account della ormai celebre libreria javascript rilancia snippet, plugin, tutorial e in generale spunti legati a mootools, appunto.

Ovviamente è da seguire anche l’omologo account, legato al framework messo a punto da John Resig (e che da queste parti si adora)  @jquery.

Se anche voi seguite qualche account twitter che raccoglie risorse per designer o sviluppatori, fatevi sotto nei commenti..

I più attenti avranno notato qualche rimescolamento nella sidebar… La novità più importante è il nuovo box “resources per designers”, una collezione di link dove potrete trovare una quantità di texture, icone, elementi vettoriali, ma anche script e plugin che potrebbero tronare utili nel design quotidiano. Sono tutte segnalazioni di articoli in cui m’imbatto navigando e leggendo i miei feed ogni giorno, e che trovo interessanti: una volta salvati tra i bookmark di delicious con il tag “resources” finiscono automaticamente nel box che vedete in questo blog. Quindi è chiaro che saranno sempre aggiorati.
Restate in ascolto: nei prossimi giorni una piccola guida per creare un box di segnalazioni come questo basato sul bookmarking on-line…

Rieccomi, è da un po’ che non mi facevo vivo da queste parti, ma mille impegni mi hanno tenuto lontano dal blog, spero nei prossimi giorni di tornare a postarte con la solita frequenza. Dall’ultima volta però ci sono un po’ di update che meritano di essere riportati: eccoli…
Innanzitutto ho trasferito il mio blog personale su rolloboy.com (rollino.splinder  di conseguenza non esiste più…), anche se anche lì non ho avuto modo di essere troppo presente, rimedierò.
Come se non bastasse ho rimesso in moto il tumblr: rollobox, ci trovate video e immagini in cui mi imbatto nella navigazione di ogni giorno e che meritano di essere in qualche modo “salvati” da qualche parte.
Dulcis in fundo, la mia ultima creatura, on-line ormai da dicembre, il sito di città del capo, radio metropolitana Bologna. Che ne pensate?

Abbiamo visto come gli angoli arrotondati, oltre ad abbellire i nostri div, abbiano anche una qualche utilità nel momento in cui servono ad indicare un div contenitore. jQuery Corners è un plugin per jquery (occupa meno di 8 KByte), che permette di impostare agevolmente angoli arrotondati per gli elementi della pagina, senza bisogno di creare immagini. Tra i vantaggi del plugin, come è facile intuire, il fatto che se javascript non è abilitato la pagina “degrada” correttamente. Il plugin sfrutta inoltre le proprietà per gli angoli arrotondati nei browser che già le prevedono, come Firefox e Safari. Ecco il link: jQuery Corners.

Ie7.js è uno script che una volta incluso nella pagina web, obbliga Internet explorer 6 a renderizzare la pagina nello stesso modo in cui la visualizzerebbe Explorer 7. Lo script (che ovviamente non funziona se l’utente ha javascript disabilitato) pone rimedio a una serie di bug relativi ad html e css, e può rappresentare un buon compromesso per chi non ha voglia di sbattersi per arginare con i soliti hack le mille falle di un browser ormai vecchio. Sul sito dello script troverete l’elenco dei bug che vengono risolti.
Naturalmente bisognerà fare in modo che il file venga incluso nella pagina solo se effettivamente questa viene caricata con una versione inferiore rispetto a Internet Explorer 7:

<!--[if lt IE 7]>
<script src="js/IE7.js" type="text/javascript"></script>
<![endif]-->

Ecco il link: ie7.js javascript library.

Ho spiegato già in passato che i file vob contenuti all’interno di un DVD sono dei contenitori che contengono un video encodati in Mpg2. Può essere utile allora ricomporre l’intero video contenuto in un dvd, in un unico file Mpg. Per Windows ho trovato un programmino che fa proprio questo: Vob2mpeg. Nell’interfaccia, terribilmente scarna, c’è posto solo per due pulsanti: uno permette di scegliere la cartella contente i file VOB da convertire, ed uno per decidere la cartella di destinazione. Decisamente “povero”, ma efficace: vob2mpeg.

Assolutamente da mettere alla prova questo plugin per jQuery che permette di modificare l’aspetto del campo SELECT di un form. Nell’immagine si vede un SELECT così come apparirebbe normalmente (in questo caso su firefox) e – a destra – un possibile “dopo la cura” fatta con jQuery e Linkselect.

Per intervenire sull’aspetto di radiobutton e checkbox si può usare invece Pretty Checkbox.
Ecco il risultato:

A parte gli innegabili vantaggi estetici, soluzioni come queste, che passano per javascript, consentono di controllare l’aspetto di questi elementi del form in modo che risultino identici su tutti i principali browsers, che come è noto li renderizzano in maniera totalmente differente.

Qualche tempo avevo segnalato alcune delle estensioni per firefox utili al webdesigner. In questo caso voglio presentarvi Wordpress Helper, un’addon che potreste trovare utile, sia come blogger, sia come sviluppatori.
Se utilizzate Wordpress come piattaforma di blogging, questa estensione per Firefox potrebbe tornarvi molto utile. Cliccando sull’icona di Wordpress helper in basso, nella barra di stato, si può accedere rapidamente alle pagine principali del backend dei blog wordpress che gestite (al menu è infatti possibile aggiungere più di un blog, oltre che link personali a risorse specifiche).

L’estensione può essere utile anche nel caso in cui sviluppiate per wordpress: un click con il tasto destro vi permette di scegliere tra le varie risorse presenti on line per ottenere informazioni, o effettuare la ricerca per il testo selezionato all’interno della documentazione di WP.

Io ho cominciato ad usarla, e la trovo decisamente utile.

Ecco i link: Wordpress Helper tra i firefox addons, oppure la pagina sul sito dell’autore.

Esistono diverse risosrse per creare tab più o meno sofisticate con jQuery: Tabs 3 per esempio, incluso nella jQuery U.I, e che dovrebbe riuscire a soddisfare tutte le vostre esigenze (parlo di tab s’intende), fino ad arrivare a qualcosa di più corposo come Coda slider, un plugin che tra le altre cose è in grado di generare delle tab. Se invece avete bisogno di una soluzione semplice e che vi costi solo qualche kbyte di javascript potete provare il plugin idTabs.

Qui c’è una live demo

Il funzionamento del plugin è abbastanza semplice: innanzitutto come al solito includiamo jQuery ed il plugin stesso nella pagina.

<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/jquery.idTabs.min.js"></script>

A questo punto i link presenti all’interno dell’elemento con la classe idTabs funzionano da pulsanti per la navigazione: l’attributo href di questi specifica quale div deve essere visualizzato. il markup è semplicissimo:

<div class="tabcontainer">
<ul class="idTabs">
	<li><a href="#lorem">Lorem...</a></li>
	<li><a href="#morbi">morbi!</a></li>
	<li><a href="#fermentum">fermentum</a></li>
</ul>
<div id="lorem">contenuto del primo div</div>
<div id="morbi">contenuto del secondo div</div>
<div id="fermentum">contenuto del terzo div</div>
</div>

Evidentemente sarà necessario impostare lo stile degli elementi in gioco. Bisognerà specificare la classe selected, che il plugin assegna automaticamente alla tab corrente.

ul.idTabs li a {float: left; padding:  5px;
text-decoration: none; background: #444; color: #fff}
.tabcontainer div {clear:left; padding: 10px; background: #fff}
ul.idTabs li a.selected {background: #fff; color: #444}

Ecco il link: idTabs.

Con jQuery è un gioco da ragazzi rendere più accattivanti le pagine web che stiamo realizzando (e porre un limite alle richieste di clienti che vorrebbero un sito tutto in flash…). Ecco quattro link (un tutorial e tre plugin) in cui mi sono imbattutto negli ultimi giorni e sui quali è ormai evidente che non scrivero mai un post più approfondito.

• Elementi animati al passaggio del mouse: Animate a hover with jQuery
• Estendere l’area cliccabile di un link all’elemento che lo contiene: bigTarget.js
• Slideshow di immagini: Crossslide
• Personalizzare le scrollbar: jScrollPane

Ogni volta che si realizza un tema per Wordpress capita di dover pubblicare post di prova contenenenti una serie di elementi, come immagini allineate in un certo modo, liste, link, citazioni, ecc.: esclusivamente per mettere alla prova il foglio di stile ed il design che stiamo realizzando. Capita anche di dover inserire commenti, creare categorie e sottocategorie ad hoc, pagine e sottopagine piene di lorem ipsum, post su post con timestamp modificato in modo da creare archivi mensili: tutto con il semplice scopo di vedere se il tema che stiamo progettando funziona a dovere.

Non importa quanti temi Wp uno abbia alle spalle, ogni volta questa fatica sembra inevitabile.

Ecco perchè Wpcandy in questi giorni ha deciso di pubblicare Sample Wordpress Content. Importando questo file XML in WP (manage > import > wodpress) una serie di post e pagine vengono automaticamente pubblicate sul blog, contenenti tutto (o quasi tutto) quello di cui abbiamo bisogno per mettere alla prova il tema che stiamo realizzando. Fatemielo dire: come ho fatto a non pensarci prima.

Uno strumento utilissimo ed assolutamente da provare: Sample Wordpress Content.