Feed RSS

Can You be a web designer?

Posted by daniele on 10.05.09

Diciamo che questo grafico mi ha fatto venire voglia di tornare a postare…

via sixrevisions

Il colore rosso e i messaggi di conferma

Posted by daniele on 03.09.09

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”.

Richiamare jQuery o altri framework JS dai server Google

Posted by daniele on 03.05.09

In questo post di dicembre 2008 Dave Ward ci ricorda tre buoni motivi per richimare jQuery dai server di Google, anzichè dal nostro server.
Ci sono almeno tre valide ragioni per farlo.

Innanzitutto sfruttare il Content Delivery Network di Google. Il CDN è un network di computer “che collaborano in maniera trasparente per distribuire contenuti [...] agli utenti finali al fine di ottimizzarne il processo di consegna” [wikipedia]. Tra i vantaggi di questa tecnolgia anche la possibiltà che il contenuto venga servito dal nodo del network che può soddisfare la richiesta nel minor tempo possibile.

In secondo luogo  si riducono le connessioni simultanee al server (maggiori info su questo punto potete trovarle qui) .

Terzo vantaggio, probabilmente il più importante, se l’utente ha già navigato su siti internet che includevano jQuery dai server Google, la libreria è già memorizzata nella cache del browser e non deve essere nuovamente scaricata.

Si può utilizzare il tag <script>:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

oppure utilizzando le API di Google e il mettodo google.load

<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">

    // Load jQuery
    google.load("jquery", "1.2.6");

    google.setOnLoadCallback(function() {
        // Your code goes here.
    });
       
</script>

Nello stesso modo possono essere richiamate tutte le principali librerie javascript; se vi interessa, la documentazione è qui.

Farla finita con Explorer 6 (e salvare i gatti)?

Posted by daniele on 03.04.09

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.)

My Feeds might just twist and shout

Posted by daniele on 02.27.09

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…)

Creare uno scroller RSS senza javascript

Posted by daniele on 02.27.09

Dopo il quarto post della serie che ho dedicato agli scroller RSS realizzati con Simplepie e jQuery, è arrivato il momento fare una breve pausa e presentare una soluzione che veramente particolare per presentare il contenuto di un feed…

via

scusate, non ho resistito alla tentazione… ;)

Wordpress: firebug crea qualche problema a post-new.php

Posted by daniele on 02.27.09

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.

Filmati SWF nella pagina con Swfobject e jQuery

Posted by daniele on 01.22.09

Se utilizzate SWFobject per embeddare correttamente nella pagina web i filmati flash in formato SWF (trovate tutte le ragioni per farlo, e come farlo, in questo post su swfobject e file flash che ho scritto qualche mese fa), e al contempo utilizzate JQuery come libreria javascript, non potete rinunciare a jQuery SWFObject Plugin.

Una volta che framework e plugin sono stati richiamati nella pagina, è sufficiente una riga di codice per embeddare il filmato. Ecco un esempio:
(supponiamo di voler caricare il filmato “mymovie.swf” nel div “swfdiv”):

$(document).ready(function () {  
 $('#swfdiv').flash({swf: 'mymovie.swf'  });  });

Tra le features previste e documentate anche il supporto per le flashvars.

$(document).ready(function () { 

$('#swfdiv').flash({

 swf: 'mymovie.swf'  

 flashvars: {  name1: 'value1', 
 name2: 'value2',
 name3: 'value3'  }

});

});

Twitter for developers!

Posted by daniele on 01.20.09

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..

New: resources for designers

Posted by daniele on 01.15.09

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…

Back!

Posted by daniele on 01.13.09

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?

Flv in una pagina web con flowplayer

Posted by daniele on 11.20.08


Abbiamo già visto in passato come inserire un video in formato FLV in una pagina Html, utilizzando javascript ed il player flash di Jeroen Wijering. In particolare avevamo visto come l’utilizzo di script come SWFobject, o UFO, fosse necessario per evitare importanti problemi di accessibilità legati all’embedding di un file SFW nella pagina html.

In questo tutorial scopriremo una nuova risorsa per riprodurre un file flv nel nostro sito utilizzando: FLOWplayer, ma la logica che seguiremo per embeddare il player sarà la solita: utilizzeremo javascript e il DOM per inserire il player swf all’interno di un elemento della pagina; il player quindi riprodurrà il video flv. Il risultato sarà simile a questa demo.
Read the rest of this entry »

Angoli arrotondati con jQuery

Posted by daniele on 11.18.08

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.

Obbligare Internet Explorer 6 a comportarsi come IE7

Posted by daniele on 11.18.08

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.

Convertire un dvd in un file Mpg: Vob2mpeg

Posted by daniele on 11.18.08


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.