Urbangap

Categoria: Web Sites

Barcinski e Jeanjean 3d portfolio

19 September 2008

Barcinski & Jeanjean

Barcinski & Jeanjean  sono due giovani designer di Amsterdam che hanno da poco pubblicato online il nuovo loro portfoglio creato utilizzando la celebre libreria Flash Papervision3d.

E fin qui niente di eccezionale direte voi… Ma vi sbagliate di grosso!

Munitevi di un paio di occhialini 3d (quelli con una lente azzurra e una rossa per capirci) e provate a visitare la versione “3d glasses” ;)

Se poi aggiungiamo che il loading è un pong in 3d (anche  se è impossibile giocarci!), avete capito che parliamo di un sito davvero originale.

Del resto dagli ideatori di VectorVision non ci si poteva aspettare di meno. Bravi ragazzi!

Autore:mirko   Categoria:Design, Flash, Web Sites - Nessun Commento »

Sito in 3d “ecodazoo.com”

12 September 2008

http://ecodazoo.com/

Bel sito ecodazoo.com di ottima fattura, con un buon utilizzo del 3d in flash guida il visitatore a percorrere il mondo degli “ECO animali”. Transizioni eleganti mescolate con sottili movimenti degli elementi circostanti. Beautifulllllll!

Autore:mirko   Categoria:Design, Flash, Web Sites - Nessun Commento »

PNG trasparenti su IE6

27 August 2008

TwinHelix

Il formato immagine PNG è ormai diffusissimo.  Con l’utilizzo delle trasparenze si possono ottenere effetti grafici interessanti impossibili da ottenere con il formato GIF.

Purtroppo, Internet Explorer 6 non riesce a gestire correttamente le trasparenze delle immagini PNG.

Molte le soluzioni pensate per aggirare l’ostacolo. La più diffusa consiste in un hack CSS che utilizza un filtro specifico per IE (per maggiori informazioni rimando al sito TomStardust.com).
Personalmente ho sempre evitato di utilizzare questa tecnica perchè la proprietà “filter” non rientra negli standard e non permette la validazione dei fogli di stile.

Un’altra soluzione, proposta dal sito TwinHelix Designs, permette di gestire le trasparenze delle immagini PNG (anche dei background) con una sola riga CSS senza intervenire sul file HTML e garantendo la validazione del file CSS.

Vediamo come funziona
una volta scaricato  il file iepngfix.zip dal sito TwinHelix Designs, prendiamo i 2 file necessari per visualizzare il canale alpha delle PNG:
blank.gif, una GIF trasparente necessaria per far funzionare l’hack, e iepngfix.htc. Mettiamo questi file nella stessa directory dove si trova il file che caricherà le PNG di cui vogliamo visualizzare la trasparenza, quindi inseriamo nel codice CSS la stringa

mioDiv {behavior: url(iepngfix.htc)}

Ecco fatto! Un esempio pratico della classe “behavior” lo potete trovare sul sito w3facile.com unitamente ad altre tecniche per la gestione delle immagini PNG in IE6

Autore:cava   Categoria:Web 2.0, Web Sites, XHTML - 2 Commenti »

Blackle: Google ti faccio nero!

20 February 2008

blackle

Eh si, quelli di Heap Media con Blackle l’hanno proprio fatto nero il povero Google, ma si sa che il fine giustifica i mezzi!

Il fine, più che nobile in questo caso, è il risparmio energetico mentre i mezzi sono i milioni di utenti Google ai quali viene semplicemente chiesto di utilizzare uno sfondo nero al posto del classico sfondo bianco di Google perchè è risaputo che una schermata nera (quindi meno luminosa) consuma meno energia elettrica di una schermata bianca.

Alla Heap Media sostengono che, dato il grandissimo numero di utenti Google, se tutti impostassero Blackle come pagina principale del browser si avrebbe un risparmio pari a 750megawatt/ora… decisamente impressionante!

Non penso che Heap Media sia un’azienda esclusivamente votata all’abbattimento dell’effetto serra, comunque l’iniziativa è lodevole e in ogni caso denota una notevole creatività nell’utilizzo di Google Custom Search.

Una curiosità, “Blackle” si pronuncia come “Black Hole” (buco nero) corpo celeste noto per la sua voracità energetica, non certo per la sua parsimonia… mah…

Aggiornamento:
come giustamente mi fa notare Silvio la faccenda del risparmio energetico decade per i monitor LCD retroilluminati da una singola lampada (schermata nera o bianca la lampada è sempre accesa), mentre rimane valida (in misura maggiore o minore a seconda della tecnologia) per alcuni nuovi LCD con retroilluminazione a gruppi di led, per i monitor al plasma e per i vecchi CRT, se volete approfondire l’argomento ecco alcune informazioni tecniche direttamente da Wikipedia.

Autore:federico   Categoria:Curiosità, Web 2.0, Web Sites - 9 Commenti »

Flash design per un’interattività eccellente

15 January 2008

excellent flash designs monoface

Leggendo “65 excellent flash designs“, uno dei tanti interessanti articoli su Smashing Magazine, sono stato particolarmente colpito dalla genialità e dall’eleganza delle soluzioni adottate da alcuni flash designer per rendere più interattivi i loro siti.

Probabilmente li conoscerete già, ma non posso resistere alla tentazione di segnalarvi quei siti (tra quelli proposti nell’articolo) che meglio rappresentano il concetto “soliti contenuti, insolita presentazione”, uno dei segreti del successo (non solo) sul web:

  • l’agenzia Mono di Minneapolis ha ideato un divertente giochino flash che miscela le facce dei componenti del proprio team in una buffa “monoface”, un modo sicuramente originale per presentarsi e augurare buon anno a clienti vecchi e nuovi
    http://www.mono-1.com/monoface/main.html
  • nel sito del fotografo Kimm Saatvedt il menù c’è ma non si vede
    http://www.kimm.no
  • la navigazione tra le gallerie fotografiche di Filippa Smedhagen Sund, makeup artist svedese, avviene tramite drag&drop (!) delle varie slides
    http://www.filippasmedhagensund.com
  • attenzione al mal di mare, il sito dell’art director Kashiva Sato è una matrice di palette pulsanti, nella sua follia assolutamente all’avanguardia
    http://kashiwasato.com
  • la navigazione tridimensionale di Chromazone è decisamente ben riuscita e il tuffo nelle diverse sezioni rende perfettamente l’idea di “immersione nel colore”
    http://www.chromazone-imaging.co.uk/flashindex.html

Magari non sono tutte idee nuovissime, ma sono sicuramente una buona base di partenza da cui prendere spunto per elaborare ulteriori soluzioni e soprattutto imparare a presentare in maniera originale i contenuti dei propri siti web.

Autore:federico   Categoria:Design, Flash, Interattività, Web Sites - Nessun Commento »

MiniAJAX.com

14 January 2008

A tutti gli amanti del Web 2.0 segnalo MiniAJAX.com, un sito che contiene una vasta raccolta di scripts AJAX molti dei quali personalizzabili e configurabili a piacimento.

Tra gli script, sottolineo:

  • TrickBox 3.1, che permette di visualizzare sia immagini che contenuti HTML, senza aprire nuove pagine (una LightBox evoluta)
  • Cross-Fade, che permette il “cross-fade” multiplo di elementi HTML

Autore:cava   Categoria:Ajax, Web 2.0, Web Sites, XHTML - Nessun Commento »

Extreme fullscreen QTVR (QuickTime Virtual Reality)

10 April 2007

QTVR

QTVR è una tecnologia ormai “matura” e il sito http://www.fullscreenqtvr.com ne è la prova. Nato dalla collaborazione tra Hans Nyberg di panoramas.dk e Marco Trezzini di VRMAG.org, Fullscreenqtvr.com offre immagini Virtuali a 360° di ottima qualità. Con pochi click è possibile passare dal deserto di Marte alla Cattedrale di Manchester senza uscire di casa!
Se volete approfondire wikipedia offre parecchi interessanti spunti, noi ci stiamo divertendo un sacco nel tentativo di realizzare alcuni video a 360 gradi, proprio prendendo spunto da questa tecnologia (vedere anche Red Bull ArtBeat Project).
A breve un nuovo post sull’argomento, clienti permettendo…

Autore:cava   Categoria:Arte, Interattività, Web Sites - 1 Commento »

La notte degli Oscar.. Torrents

25 February 2007

oscar torrents

Fremete per la notte degli Oscar? Non perdetevi la notte degli Oscartorrents!
L’iniziativa non è propriamente votata alla causa delle major cinematografiche, come lascia intuire il simpatico “Oscar” agghindato da pirata.
Le istruzioni rivolte agli utenti sono piuttosto semplici, installate “Bit Torrent“, scaricate i film candidati agli oscar e votate il vostro favorito di ogni categoria…
Però c’è qualcosa che mi sfugge… sbaglio o dovrebbe essere illegale scaricare materiale coperto da copyright?!
In italia sicuramente si ma, a leggere la “legal note” di Oscartorrents, si capisce che ai nostri pirati non importa poi tanto, anzi ci tengono proprio a far sapere al mondo degli internauti, quanto detestino il monopolio del copyright da parte dell’industria cinematografica americana.
Oscartorrents è sicuramente sintomo dell’ormai pressante necessità di attualizzare le (troppo spesso ottusamente inadeguate) leggi sui diritti d’autore.
Le alternative esistono, una fra tutte le licenze Creative Commons.
Staremo a vedere cosa accadrà dopo questa notte perchè, è risaputo, la notte degli Oscartorrents porta consiglio.

Autore:federico   Categoria:Curiosità, Eventi, Web Sites - 1 Commento »

Fiat 500: Concept lab II

14 February 2007

Nuova Fiat 500

“Per costruire la nuova Fiat 500, c’è ancora bisogno di te!”. Così si viene accolti sul sito fiat500.com. Manca ancora molto tempo prima di poterla acquistare da un concessionario ma è già possibile scegliere colori, accessori e decidere gli interni della nuova utilitaria italiana. Come? ma con il concept lab naturalmente; un applicativo fatto con tecnologia Falsh che permette di scegliere la propria 500 e di salvarla nella gallery del sito. Cosa aspettate a creare anche voi la vostra 500 preferita?

Autore:cava   Categoria:Flash, Web Sites - 1 Commento »

Flash Video FAQ, oracolo della compressione video

9 February 2007

Flash video FAQ

Flash Video Faq è un utilissimo web tool realizzato dalla Roguish.
Si tratta di un Flash player che mette a disposizione più di 500 video codificati utilizzando i tre pricipali software di compressione video per Flash (Adobe Flash Video Exporter, Sorenson Squeeze 4.3, On2 Flix Pro 8.5).
Dal sito è quindi possibile confrontare fianco a fianco due versioni (codificate differentemente) dello stesso video per valutarne la resa qualitativa in relazione al tipo di compressione utilizzata.
L’intenzione è quella di fornire agli utenti uno strumento efficace per giudicare i vari tool di compressione dedicati a Flash senza prima doverli acquistare o (come qualcuno starà già pensando di fare…) scaricare abusivamente dalla rete.
Una versione riadattata del medesimo motore video è stata usata per convincere il team di “Lynda.com“, probabilmente la più grande azienda di “digital media training online”, ad adottare Flash come veicolo per i loro video corsi… eh si, alla Roguish sembrerebbero sapere il fatto loro!
Sul sito dell’Adobe trovate anche un’interessante articolo su come scegliere un Flash video encoder adatto ai vostri scopi, scritto dal buon Elliot Mebane, presidente della Roguish.

Autore:federico   Categoria:Audio Video, Flash, Web Sites - Nessun Commento »

Add to Technorati Favorites

Feed RSS

Sponsor

Commenti:

  • Gioacchino Poletto: Io utilizzo IE7 Enhanced ;)
  • WD Web Design: Per fortuna esiste questo script… che risolve un grosso problema per i web...
  • WD Web Design: Sicuramente lodevole la faccenda del risparmio di energia, ma credo sia una cosa...
  • Mad: Certo che ce n’è di gente geniale in giro!
  • Gioacchino: Vedo che gli anni passano ma i brutti … restano ! :-D Un saluto a tutti ..