Rebass è una libreria che mette a disposizione alcuni componenti nativi per la realizzazione di interfacce grafiche con il framework React, strutturalmente questa soluzione è stata concepita utilizzando dei componenti stilizzati con lo scopo di mantenere gli stili isolati, una caratteristica che riduce la necessità di definire manualmente regole CSS personalizzate per le proprie Web application. (more...)

Continua a leggere Rebass: componenti stilizzati per React

Categoria: Scripting

Tags: ,

Il successo di un sito web si decreta in solo 8 secondi, pronti a ridursi a 6 se si considerano anche i tempi di caricamento della pagina. Sono questi i risultati di una ricerca, commissionata da Microsoft e condotta lo scorso anno in Canada, sulle capacità d'attenzione dell'utente medio della Rete. (more...)

Continua a leggere Progettazione: come catturare l’attenzione dell’utente

Categoria: Web Design

Tags: , ,

Progettare un’interfaccia fruibile da dispositivo mobile è un task spesso sottovalutato in termini di complessità. Si può credere sia sufficiente far si che gli elementi entrino sullo schermo ma ci sono altri accorgimenti di cui bisogna tener conto. (more...)

Continua a leggere UX: ottimizzare un’interfaccia mobile per l’usabilità

Categoria: Mobile

Tags: ,

In un universo sempre più declinato all'esperienza mobile, nonché alle interfacce personalizzate in base al sistema operativo o all'applicazione in uso, realizzare un design coerente, minimalista e integrato è uno degli scopi più importanti per gli esperti di grafica. Non sempre il processo di definizione di uno stile estetico risulta semplice: ogni elemento deve essere reso armonico con gli altri, dalla più piccola icona ai bordi delle finestre. In soccorso ai designer, fortunatamente arrivano i più svariati UI Kit, generalmente distribuiti in formato Photoshop. (more...)

Continua a leggere 5 UI Kit gratuiti

Categoria: Grafica

RichFaces è un set di componenti JSF sviluppato da Red Hat/JBoss (e un tempo dall'ormai assorbita Exadel): tra le sue caratteristiche principali, supporto ajax e possibilità  di personalizzazione della UI tramite skin. In quanto prodotto JBoss, vanta anche un'ottima integrazione con uno dei framework di punta della stessa software house, ossia quel Seam Framework che è un po' uno degli antagonisti allo strapotere di Spring. Cià che mancava, tuttavia, era il supporto alle recenti JSF 2.0. (more...)

Continua a leggere Novità  per RichFaces

Categoria: Java

Essere un ottimo programmatore spesso non è sufficiente per realizzare ottime applicazioni. Conosciamo più o meno tutti quanto l'interfaccia utente sia di fondamentale importanza affinché un'applicazione possa essere apprezzata dagli utenti finali. Infatti è proprio la UI l'elemento fondamentale destinato alla mediazione tra l'utente e l'applicazione. Se desiderate quindi conoscere in maniera più approfondita i concetti basilari della cosiddetta User Experience, un ottimo punto di partenza può essere rappresentato dal documento Windows User Experience Interaction Guidelines. Racchiude preziose linee guida per la realizzazione di applicazioni Windows e vi guiderà  alla scoperta dei concetti fondamentali della Windows User Experience utilizzando all'occorrenza numerosi esempi pratici ed immagini esplicative. Il documento è disponibile in PDF ed è costituito da ben 828 pagine tutte da leggere.

Continua a leggere Windows User Experience Interaction Guidelines

Categoria: Microsoft Dev

jQuery Tools

9 Jun

Direttamente dai creatori di FlowPlayer, ecco un prodotto che sarà  molto gradito da tutti gli utilizzatori di jQuery e non solo: jQuery Tools, una raccolta "dei più importanti componenti UI che è attualmente possibile inserire nelle nostre pagine". jQuery Tools, infatti, presenta diversi script raggruppati nelle seguenti categorie: Tabs Tooltips Expose Overlay Scrollable Flashembed Dall'ottima sezione per il download, con cui è possibile includere i componenti desiderati, possiamo notare che il peso complessivo della libreria è pari a 5.8kb (con compressione GZip). Davvero interessante e completa di ogni particolare la sezione delle demo, cosi come la User Guide.

Continua a leggere jQuery Tools

Categoria: Scripting

Tags: ,

Apro questo post con una novità  che vorrei condividere con i lettori. Dal 13 febbraio mi sono trasferito per lavoro in Olanda, avrà un contratto di tre anni. Ebbene si, sono uno dei cervelli in fuga :) Mi sono già  sistemato con la casa, ma c'è un piccolo problema: sono senza internet per ora! Ci andranno ancora due-tre settimane per avere l'ADSL: quando arriverà  riprenderà l'attività  sul blog con la normale frequenza. Questo weekend sono però tornato a casa in Italia, e ho pensato di recuperare un po' di bookmark e non mancare con l'appuntamento mensile: The principles of beautiful HTML email: su Sitepoint, una bella lettura sulle email in formato HTML The one page graphic design portfolio guide con tips e risorse per creare un portfolio a pagina singola Font-based layouts becoming fashionable?, una riflessione sui layout elastici 18 Smoking hot bussiness card designs: un'ispirazione con 18 biglietti da visita stupendi Creating a three-level rollover vertical menu with CSS, un tutorial per creare un menu verticale espandibile a tre livelli solo con i CSS 70 of the best logo design resources, ben 70 risorse e articoli sulla creazione di logotipi 9 Practical Ways to Enhance your Web Development Using the Firefox Web Developer Extension, come migliorare lo sviluppo con questa pratica estensione di Firefox

Continua a leggere Bookmark di Febbraio

Categoria: Bookmark

Greg Houston ha da poco rilasciato Mocha, un plugin di MooTools per la creazione di interfacce draggabili e ridimensionabili con le canvas. Ecco uno screenshot: Buona la compatibilità : lo script non ha problemi su Opera, Firefox e Safari che supportano nativamente le canvas; grazie ad ExplorerCanvas è estesa anche a IE6 ed IE7. Il progetto è appena stato lanciato ma è molto promettente: in maniera piutttosto semplice è possibile infatti creare interfacce dinamiche con gradienti, angoli arrotondati e controlli senza l'uso di grafica. Davvero notevole.

Continua a leggere Mocha, interfacce con Mootools e canvas

Categoria: Scripting

Appuntamento dei bookmark dedicato ad un tipologia di articoli che trovo molto affascinante, ovvero quelli sul design, l'usabilità  e la progettazione di interfacce. Dopo Some style for your pagination, segnalata qui sul blog, vale la pena di citare Pagination 101 di Faruk Ates, un vero e proprio decalogo accompagnato da esempi reali per progettare una navigazione di paginazione efficace. Rimanendo in tema, Mental Workload for Paged and Scrolled Documents presenta uno studio sulla consultabilità  di pagine con scrolling o contenuti paginati. Il risultato in buona sostanza: la paginazione è più efficace, soprattutto se non genera scrolling. (more...)

Continua a leggere Bookmark: design e interfacce

Categoria: Web Design