CSS3 on IE, tecniche

4
maggio

Il supporto CSS3 in Internet Explorer è chiedere troppo, di recente ho trovato un articolo interessante su Smashin Magazine, come accenna il titolo sono proposte varie tecniche per ottenere effetti CSS3 come text-shadow, box-shadow, border-radius, gradienti, opacità, trasparenze e background multipli.
L’articolo è notevole e completo, lo trovate qui.

Ora non so se effettivamente tutte le soluzioni proposte siano funzionali o meno, si parla comunque di IE, leggendo l’articolo si nota come queste regole vadano a intervenire su regole proprietarie del motore web di microsoft e fortunatamente tra le versione IE6 7 e 8 si mantengono le stesse.
Per necessità il mio test è stato sul border radius, portare l’effetto angoli tondi sulle div per avere una coerenza visiva dei layout tra IE, Firefox e Safari/Chrome; l’ enhancer consiste nell’importare nel CSS un file border-radius.htc (.htc come il fix PNG).
Nel file CSS questa è la sintassi:

.box-radius {
border-radius: 15px;
behavior: url(border-radius.htc);
}

Si, la modifica funziona, o quasi, un div può ottenere angoli tondi su IE ma solo se ha dimensioni fisse e non viene modificato il suo aspetto una volta caricata la pagina, si perchè quando la pagina è completamente caricata viene applicata la modifica agli angoli; se le dimensioni cambiano, caricando del contenuto con chiamate ajax o effetti js, abbiamo dei difetti visivi, il div non cambia dimensione le regole di background vengono resettate in parte e una soluzione (-moz-border-radius:10px 10px 0px 0px) per definire il tondo per angoli specifici, non esistono…la modifica rende tutti gli angoli del div tondi.
Concludendo la modifica è molto limitata.

CSS display:table;

22
marzo

na particolare regola CSS che permette di visualizzare dei box DIV con disposizione tabellare, probabilmente la soluzione definitiva per rimpiazzare le tabelle TABLE; senza un particolare posizionamento grazie alle varie regole display:table— le div con questa proprietà assumono automaticamente una disposizione tabellare…

La regola display table si divide in 8 differenti regole come table-row, table-column, table-header ecc…
Questo link su w3School approfondisce la regola display.

Mah…con piccole prove si può velocemente testare la regola e notare quanto sia più versatile e stabile di una TABLE, eppure sarebbe troppo bello rimpiazzare definitivamente le tabelle; infatti display:table non è supportato da IE fino alla versione 7, il supporto è stato poi introdotto dalla versione 8, per safari e firefox nessun problema (ecco la pagina che evidenzia il supporto cross-browser della regola).

Vediamo un esempio di codice:

<div class=”riga”>
<div class=”colonna”></div>
<div class=”colonna”></div>
<div class=”colonna”></div>
</div>
<div class=”riga”>
<div class=”colonna”></div>
<div class=”colonna”></div>
<div class=”colonna”></div>
</div>

.riga {width:300px;height:auto;display:table-row;}
.colonna{width:100px;height:40px;display:table-column;}

In questo caso visualizzeremo una tabella formata da 2 righe e 3 colonne per un totale di 6 celle.

Lenti da Sogno…

4
gennaio

Ottiche da sogno, so quegli obiettivi per le nostre reflex che senza effetti digitali restituiscono delle fotografie eccezionali.
Succede così quando si naviga in flickr alla ricerca di quelle foto scattate da chi ha la fortuna di possedere uno di questi costosi gioielli…è proprio così ottiche da sogno rispondo alle caratteristiche di incredibile luminosità, prezzo e o rarità per l’essere ormai fuori produzione appartenenti ad altri tempi.

Beh ogni grande casa nel mondo della fotografia vanta una lente leggendaria, in questo posto voglio mostrarvi le capacità di questi obiettivi.
Iniziamo dalle più datate e proprio dalla lente definita Dream Lens, Canon TV Lens 50mm f0,95, dico bene 0,95 di apertura focale massima, tonnellate di luce per questo obiettivo e messa a fuoco manuale vicino all’impossibile.

Di seguito e recentemente scoperto vi propongo un set per questo strano obiettivo, Vigtlander Nokton 58mm f1.4, ecco un altro set interessante.

Proseguo con l’eccesso del campo, una lente grandiosa associata a corpi macchina che rappresentano la leggenda nella fotografia, Leica NOCTILUX-M 50mm f0,95 navigate tra le foto di questo gruppo per demoralizzarvi…
Continua a leggere…