Articoli con Tag ‘Ridimensionamento’

Very short trick: disabilitare il ridimensionamento di una textarea su Safari

In tutti i browser sviluppati partendo dal motore di rendering WebKit (come apputo Safari o Google Chrome), i campi textarea mostrano, in basso a destra, la caratteristica funzionalità di resizing. Se questa particolarità può risultare davvero utile in certi casi, in altri si trasforma in un elemento fastidioso.

Continua...

Matematica: ridimensionare in modo proporzionale

Dato un oggetto rettangolare largo w e alto h ci viene chiesto di renderlo più piccolo del 20%! Prima di tutto diminuiamo del 20% la sua larghezza:

1
object.width = object.width – ( (object.width*20) / 100)

da cui

1
object.width = object.width – ( object.width * 0.2 )

da cui

1
object.width = object.width * ( 1-0.2 )

Per l’altezza vale esattamente lo stesso.

Quando c’è di mezzo un terzo oggetto, cioè non ci è stata data la percentuale da togliere al nostro oggetto ma da un terzo, abbiamo:

1
2
3
rate = object.width / object.height
object.width = terzo.width*(1-0.2)
object.height = object.width/rate

Continua...

Resa nel ridimensionamento delle immagini sui browser

In linea di principio quando si inserisce un’immagine in un documento HTML bisognerebbe utilizzare le sue dimensioni originali. Tuttavia il TAG IMG permette di forzare la larghezza (width) e l’altezza (height) di una qualsiasi immagine, indipendemente dalle dimensioni originali. Questa operazione di ridimensionamento viene svolta – ovviamente – dal browser.
Usare le dimensioni orginali di un’immagine è buona cosa, nonostante in alcuni casi comporta un doppio lavoro per il Web Designer e/o i motori dinamici (CMS ad esempio o librerie di manipolazione grafica) presenti sul Web Server. Un classico slide show, ad esempio, di norma mostra delle anteprime o thumbnail (immagini di dimensione ridotta) che se selezionate mostrano l’immagine originale più grande.

Continua...