Grazie a Usability Post, ho recuperato un post molto interessante di Igor Asselbergs su Livelgray a proposito di “rounded corners”, gli angoli arrotondati che da un po’ di tempo a qusta parte piacciono tanto a molti webdesigner, tra i quali il sottoscritto.
Per Asselbergs, gli angoli arrotondati non non assolvono un funzione esclusivamente estetica. Il suo esempio è molto chiaro:

E’ abbastanza evidente che l’immagine sulla sinistra rappresenta un unico box suddiviso in due elementi. Questo è chiaro proprio perchè il DIV principale è delimitato dagli angoli arrotondati.
L’immagine di destra invece potrebbe semplicemente rappresentare due elementi, uno sovrapposto all’altro.

Scive Dmitry su usabilitypost:

There are many straight corners, but there are only four rounded ones. Rounded corners are not simply eye-candy, they’re a tool you can use to better define content boxes or application windows.

Ecco i link:
Rounded corners su Livelgray
The Function of Rounded Corners su Usability post

Voi che ne pensate? Utilizzate gli angoli arrotondati? Avevate mai pensato che i rounded corners potessero essere utili?

Qualche giorno fa abbiamo visto come parsare un un feed Rss, e visualizzarne il contenuto sfruttando jquery ed il plugin Serialscroll.
In quello scroller è visibile un item per volta: per ogni item si vede il titolo (che linka al permalink) e una breve descrizione. Qui c’è l’esempio funzionante, con il codice sorgente.

Oggi vi presento una variante di quell’esperimento (ed altre ne verranno…): questa volta vengono visualizzati tutti gli item che decidiamo di acquisire dal feed. Per ogni item è possibile visualizzare una breve descrizione del post, che compare nel box in alto, quando si passa con il puntatore sul titolo . Se invece si fa click, viene aperto il permalink del relativo post.

Non starò qui a scrivere un tutorial perchè la maggior parte delle informazioni basilari per realizzare questo scroller sono le stesse che avevo fornito nel primo esempio e che quindi trovate qui.
Inoltre anche nella pagina dello scroller n.2 troverete tutto il codice di cui avete bisogno (php, html, css e javascript). Per cui qui non aggiungo altro:  ecco il link allo scroller n.2.

Un paio di segnalazioni al volo, utili a tutti quelli che – su Mac – usano Coda o Textmate come editor di codice e si trovano spesso a realizzare temi per Wordpress.

Coda dalla versione 1.5 può importare clip utili per lo sviluppatore: su Wpcandy un set di clip che potrebbero semplificarvi la vita. Su coda-clips nella sezione WORDPRESS ne troverete invece decine, pronte per essere installate singolarmente sul vostro editor.

Buone notizie anche per chi usa Textmate: Joos de Valk riprende e completa il bundle di Brett Terpstra per rilasciare un nuovo WordPress TextMate bundle.

Qualche giorno fa, mentre fioccavano le opionini e i commenti più o meno positivi su Google Chrome, scrivevo su Friendfeed che per me è impossibile rinunciare a Firefox, per via delle estensioni che ho installato e che semplificano in maniera non indifferente la vita di chi “fa” un sito web. Ho letto quindi con grande iteresse questa lista di 20 addons che pubblica Noupe utili per i webdeveloper. Ovviamente ho ritrovato alcuni di quelli che io stesso segnalavo, e che fanno di FF un browser per me imprescindibile, e che vi riprongo qui, insieme ad altre che invece nella lista non ci sono.

Read the rest of this entry »

Una buona idea per proporre il contenuto di un feed rss all’interno di una pagina web, può essere quella di inserire i vari item all’interno di un box, e rendere questo box scrollabile in modo che l’utente possa visualizzare gli item precedenti o successivi. Quello che vogliamo ottenere è – per intenderci – uno scroller come questo.
Il funzionamento di questo scroller è molto semplice: a livello di markup creeremo un contenitore per una lista di item di un feed rss. Ogni item sarà composto dal titolo con link al post, e dalla descrizione dell’articolo: dati che estrarremo dal feed utilizzando un parser PHP: Simplempie. Con i css faremo in modo che un solo item sia visibile. Infine con jQuery “attiveremo” due immagini in modo che funzionino da pulsanti per scrollare la lista da un item all’altro.

Read the rest of this entry »