Personal tools

javascript

Feb 25, 2014

Integrazione degli Icon Font in Plone, in modo accessibile

Se dico 🐢 ♥ 🐍 capite tutti?

Integrazione degli Icon Font in Plone, in modo accessibile

Che sia una moda o una vera rivoluzione, l'uso degli icon font si sta diffondendo moltissimo, ma qualcuno ci mette in guardia sulla loro effettiva accessibilità

Sempre più i siti Web moderni abbandonano l'uso indiscriminato di icone per sostituirle con la tecnica degli icon font.

Toolbar di comandi su GitHubGuardiamo ad esempio la barra dei comandi di GitHub (un sito sempre aggiornato per quanto riguarda le tecniche di front-end). Credete ci sia anche solo un'immagine qui?

Da profano, posso spiegarvi la tecnica in due parole: sfruttare CSS (e la direttiva font-face) per mostrare un carattere Unicode all'interno del testo.

Dato che si parla di Unicode, ci sono centinaia di simboli che possono sembrare icone, eppure dopo tutto stiamo pur sempre parlando di caratteri! ☼ ✰ ⌂ ♥

Bello, eh?

read more

Jan 29, 2014

Google Maps senza troppi pensieri? Ci aiuta jQuery!

Maplace.js: semplificare l'uso della gmaps

Google Maps senza troppi pensieri? Ci aiuta jQuery!

Quando abbiamo bisogno di inserire delle Google Maps in una pagina web può essere utile farsi dare una mano. Vediamo come

Keep it Simple!!

Quando si programma, come in ogni attività, è inutile complicarsi la vita.

Da plonista, oramai conosco diversi modi complessi per risolvere un task; ma, ad esempio, se dovessi fare un form di invio al server di una stringa, non avrebbe senso impiegare

findxtutta la machinery di z3c.form, quando 5 righe di form in html puro le sanno scrivere tutti (vero...?!).

read more

Jan 22, 2014

Navigazione da tastiera: alcuni consigli per migliorare l'accessibilità

"tabbare" non è mai stato così bello

Navigazione da tastiera: alcuni consigli per migliorare l'accessibilità

Bastano pochi semplici accorgimenti per migliorare (di molto) l'accessibilità e la leggibilità di un portale. Ecco un paio di utili consigli per farlo

Lavorando spesso (se non sempre) alla creazione di portali per la Pubblica Amministrazione, un aspetto fondamentale da tenere presente è la loro accessibilità e usabilità anche da parte di utenti con disabilità.

read more

Dec 19, 2013

Come usare i widget Plone in semplici template HTML

Reverse engineering dei widget Plone: si può!

Come usare i widget Plone in semplici template HTML

Plone ha alcuni bellissimi widget HTML, ma cosa capita quando vogliamo "rubarli" e utilizzarli in un template? Due esempi (e un invito a tentare voi stessi!)

Nell'uso di tutti i giorni che facciamo del CMS Plone ci troviamo di fronte a una serie di comodi widget.
Se volessimo tentare una definizione di widget nel contesto Plone, potremmo dire "una porzione di HTML atta a definire la raccolta dati di una singola informazione". Se la definizione che ho tentato di dare vi sembra complicare le cose, proviamo ad essere più pratici:

  • per chiedere all'utente il proprio nome, viene usato un widget di tipo stringa che si traduce in un semplice campo input HTML
  • per chiedere una data ci si trova, invece, di fronte a un più complesso insieme di menù a tendina e a un calendario JavaScript, ma lo scopo finale è quello di raccogliere un'informazione di tipo data/ora.

Perché usare sempre gli stessi widget? Perché in questo modo forniamo un'interfaccia utente che diventa famigliare e ripetuta in tutti i contesti dove viene mostrato un form - che sia di invio mail, di inserimento di contenuti, ecc.

La strada maestra per poter generare i propri form general-purpose (e quindi riutilizzare questi widget) è l'uso di librerie di form (z3c.form in primis).

Cosa succede, però, se ci si trova a voler riutilizzare questi widget per altri scopi, non canonici, come realizzare un semplice form HTML partendo da una pagina bianca? E' quello che andremo a esplorare in questo articolo.

read more

Oct 22, 2013

A brand new Javascript library for progress activity monitoring

XPages with pace.js

A brand new Javascript library for progress activity monitoring

Filed Under:

A brief explanation on how to integrate this new JavaScript library, pace.js, within our XPages. Very cool... and, I hope, very useful

As we all know, the advent of Web 2.0 has introduced many advantages, which of course I'll not mention, such as the ability to make asynchronous calls on a page.

Many times I have used this technology, using some of the most popular Javascript frameworks (Prototype, JQuery ...), but sometimes manage progress indicators can be a little bit boring.

This library is right for us.

read more