Piyodesign tech blog

Nuova versione per DotNetNuke

Questo week-end sono uscite la release finali di DotNetNuke versione 3.3 e 4.3.

E' possibile leggere le nuove features nell'annuncio di Shaun Walker, inventore e product manager di DotNetNuke.

E' anche possibile scaricare una demo.

Design e forme geometriche

Continuo sul tema iniziato qualche settimana fa, cioè le scelte "basiche" nella costruzione di un design per una interfaccia grafica, principalmente web-based.
Le forme trovano riferimenti nella nostra memoria di uomini, perchè sono presenti nella storia espressiva da sempre.

Le forme geometriche principali sono cerchi, triangoli, quadrati e rettangoli.
Scegliere delle forme piuttosto che altre sicuramente contribuisce all'espressività e alla comunicatività della nostra interfaccia.
La nostra cultura associa le forme rotondeggianti alla sfera femminile, quelle triangolari a quella maschile; in genere, comunque, le forme morbide, trasmettono sicuramente delle sensazioni di sensualità.
Ci sono lunghe trattazioni sui concetti legati alla forma quadrata.

Un buon manuale di psicologia della percezione ci può dare una visione ampia e senza dubbio interessante.
Magari può sembrarci inutile, ma perchè non ri/leggerci qualche pagina prima di addormentarci? Magari ci aiuta a farci venire qualche buona idea per il giorno dopo :-)

Max-width possibile anche su IE?

Ebbene sì! tal Chris Lotter ha escogitato un "accrocchio" per permettere di applicare max-width anche su IE.
Nel post che ha dedicato a questo argomento, ci presenta tre possibili soluzioni di stili, da applicare ad altrettanti layout: quello fisso, quello liquido e quello "elastico".
Per elastico, intende un layout che sia fluido, ma con un limite in larghezza, il max-width.
E la novità?
Sostanzialmente quello che cambia tra i tre stili, sono queste tre righe:
FLUIDO
    width: auto;
    margin-left: 35px;
    margin-right: 35px;

LIQUIDO
    width: 1200px;
    margin-left: auto;
    margin-right: auto;

ELASTICO
    margin-left: auto;
    margin-right: auto;
    max-width:1200px;
    width:expression(document.body.clientWidth > 1200? "1200px" : "auto");

Questa ultima riga fa la differenza. E sembra funzionare!
Let's go max-width? Vedremo.... intanto cerchiamo di capire perchè usarlo.
Se vogliamo mantenere l'attenzione dell'utente sul testo, senza che vaghi alla ricerca delle parole disperse su una unica lunghissima riga, che è il rischio del layout fluido quando c'è poco contenuto, sarebbe utile ricorrere a questa proprietà.

Per un ulteriore approfondimento su css expression, è possibile trovare altre info sul sito dell'msdn, ma anche sul blog di gadgetopia e sul blog di Crispy & shiny.