Personal tools

css

Sep 24, 2014

Le tartarughe a From the Front 2014: the Temple of the DOM

Sembra di camminare sui biscotti... nooo, non sono biscotti!

Le tartarughe a From the Front 2014: the Temple of the DOM

Torna a calcare il palcoscenico del Duse di Bologna uno degli eventi più importanti d'Italia per chi si occupa di Front End. I colpi di scena non sono mancati!

Cos’è From the Front?

E’ una conferenza dedicata al web. Si rivolge in particolare ai cosiddetti sviluppatori "Front End", coloro che si occupano della struttura, della presentazione e del comportamento di un sito, di un portale o di una applicazione web.

read more

Jun 24, 2014

Plone e risorse JavaScript/CSS: alcuni consigli per buone prestazioni

Quando le prestazioni sono tutto...

Plone e risorse JavaScript/CSS: alcuni consigli per buone prestazioni

L'analisi di un sito relativamente alle prestazioni di front-end ci ha portato ad alcune considerazioni interessanti su come registrare risorse aggiuntive

Di recente siamo stati incaricati di occuparci dell'ottimizzazione di front-end di un sito Plone. Il lavoro è stato svolto sotto molti aspetti, ma nel seguito di questo articolo mi occuperò solo di uno dei recenti mantra che sta imperversando nel web relativamente all'ottimizzazione del front-end: limitare il numero di connessioni HTTP della pagina.

Perché? In poche parole: per quanto la risorsa sia piccola o grande, il problema è la connessione alla risorsa e i tempi di latenza che questa introduce.

Stato del sito

Il sito in questione ha una storia piuttosto lunga, è in produzione da anni; questo si traduce spesso in una lunga lista di prodotti aggiuntivi installati e modifiche varie effettuate al tema grafico o ai prodotti aggiuntivi stessi.

Altra caratteristica importante: è un Plone 4.2, ma la sua storia è iniziata con la versione 3.3. Si è passati attraverso un processo di migrazione della versione di Plone.

Infine: il tema grafico, anche se migrato a Plone 4, è fondamentalmente fedele al vecchio stile della realizzazione Plone 3 (in due parole: no Diazo).

read more

Apr 09, 2014

Pronto soccorso grafico per programmatori (e non solo)

"If it's somethin' weird an it won't look good..."

Pronto soccorso grafico per programmatori (e non solo)

Filed Under:

Il fai-da-te può dare grandi soddisfazioni, caro amante del <pre> e del Courier New (ovvero: non rompere le balle al grafico per disegnare un rettangolo rosso)

Sarò breve ma, spero, efficace: ispirandomi alla quotidianità dell'ufficio, dove una mandria di aridi e sterili programmatori chiede costantemente di essere istruita e illuminata sulla sacra arte del "rendere esteticamente gradevole un insieme eterogeneo di tag html", ho pensato di riportare un utile breviario di strumenti che ne faciliteranno la mission-quasi-impossible.

Le Icone

Per anni, se qualcuno chiedeva ai miei gentili colleghi smanettoni quale fosse la principale ragione d'essere di un grafico in azienda, avrebbero risposto in coro: "trovare le icone". Ho perso il conto delle richieste più fantasiose che mi sono arrivate... "Mi trovi un'icona per il calendario che non sia un calendario?", "Mi serve un'icona per il dirigente, una per per il vice, una per il personale e una per il cugino dello zio dell'amico del capo..., ma non voglio gli omini", "Che icona posso usare per un file pdf?", e così via.

read more

Feb 25, 2014

Integrazione degli Icon Font in Plone, in modo accessibile

Se dico &#x1f422; &#x2665; &#x1f40d; 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 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