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.
Articoli con Tag ‘Rendering’
Very short trick: disabilitare il ridimensionamento di una textarea su Safari
jQuery: bordi rotondi sulle immagini per sovrapposizione
A causa dei diversi rendering tra i vari browser, che vedono sicuramente Microsoft Internet Explorer in testa, bisogna sempre ricorrere ad artifizi particolari per applicare effetti che, ormai, dovrebbero rappresentare uno standard. I pluri-discussi bordi arrotondati sono un classico esempio del “disastro” prodotto dalla completa incapacità di realizzare uno standard serio sul rendering delle pagine HTML/CSS. Esistono in rete numerosissime soluzioni che permettono di ottenere “effetti” (effetti che esonerano dall’HTML attuale come bordi arrotondati, effetti ombra, riflessioni, etc…) con patch sui fogli di stili, particolari trucchi con l’uso di div innestati, librerie Javascript, uso delle canvas, etc…
A titolo puramente didattico vorrei illustrare un’ulteriore tecnica (cross-browser) per applicare dei bordi arrotondati a delle immagini:
Demo e sorgenti
Installare Papervision3D 2.0 Great White: TortoiseSVN
Era da tempo che seguivo il progetto Papervision3D, una libreria in Actionscript (2.0 e ora 3.0) per la manipolazione di oggetti 3D e rendering davvero spettacolare. Inauguro, così, la categoria Papervision3D (prossimamente anche una 3D), inserita sotto Flash CS3. Papervision3D è disponibile anche per Actionscript 2.0, anche se io personalmente tratterò solo la versione per Actionscript 3.0.
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.
Papervision3D
Papervision3D è un motore 3D estremamente performante per Adobe Flash 8 e 9. Le sue caratteristiche sono davvero impressionanti. Grazie all’estrema velocità di esecuzione di Flash sono stati possibili effetti di texture mapping davvero notevoli. Dal Blog ufficiale è possibile vedere le demo davvero eccezionali. Inoltre è disponibile un Videogame da provare.
Crysis: Rendering fotorealistico
La software house Crytek, già autrice del bellissimo Far Cry e Far Cry Instincts, ha realizzato un motore grafico dalle caratteristiche eccezionali, il CryEngine 2, che verrà usato nell’attesissimo titolo Crysis, sparatutto in soggettiva per PC e console Next Generation (presumibilmente Xbox 360 e PlayStation 3).
Bisogna ammettere che oramai il livello di dettaglio dei rendering (in tempo reale) raggiunto è tale da rendere davvero difficile distinguere le immagini del gioco e quelle di una normale fotografia. Guardate ad esempio le due immagini qui sotto e cercate di capire quale sia artificiale e quale no (altre immagini sono disponibili su 7 new Crysis to real-life comparison screenshots – del Blog youNewb).
Un video demo del gioco, nonostante la risoluzione non gli renda giustizia, può dare un’idea di cosa ci aspetta. Sotto ho inserito anche il video dell’editor dei livelli, così da avere il tatto si come vengono create queste meravigliose ambientazioni. Se cercate su YouTube troverete anche altro: clicca qui.
Se non vedi il video Clicca qui
Se non vedi il video Clicca qui
Se non vedi il video Clicca qui
Per un video ad alta definizione (38 Mb) clicca qui. Alcuni dettagli sul gioco sono reperibili qui.
Ultimi Commenti
Marco: Ti ringrazio moltissimo, mi hai illuminato
ho risolto impostando [cc_objc] //OptionViewController.m -...
Giovambattista Fazioli: @Marco: Ti consiglio un approccio credo più corretto. Se hai eseguito il subclass del tab...
Marco: Scusa lo spam.. ho notato che c’è un errore.. ecco la correzione [cc_objc] /** PrimaClasse.h **/ #import...
Marco: dimenticato.. in [cci]OptionViewController[/cci ] il [cci]@syntetize[/cci] del delegato l’ho messo
luigi: molto chiaro e semplice devo ammettere che anche scrivendo da un pà difficilmente uso delegati creati da...