web

web, html, css, flash, fonts e news su internet

il nuovo web: HTML5

html 5
Lo scopo delle nuove caratteristiche sviluppate nel linguaggio HTML 5, presto supportato su tutti i browser degni di questo nome (no, internet explorer, non stiamo parlando di te), è quello di diminuire la presenza di plugin di terzi come flash, silverlight e java ma mantenere le funzionalità delle "rich internet applications" (RIA).

Un po' di demo preliminari, complete di lista di compatibilità.
Cosa dice Wikipedia.
L'immancabile HTML5 gallery
I 101 siti più belli

ma la cosa che farà breccia nel cuore di molti:

sublime player

Shelfari

shelfari neil gaiman's library


Un servizio online, accessibile da ovunque (ci sia una connessione) che permette di costruirsi gratuitamente la propria libreria virtuale.
La possibilità di disporre i libri su uno scaffale e di poter navigare liberamente tra copertine, titoli ed autori, per il piacere di risvegliare memorie di buone letture e belle sensazioni.
La descrizione della trama o del contenuto di ciascun libro semplicemente indicandolo con il puntatore.

E' Shelfari.

Bonus: ficcanasare clamorosamente nella libreria di Neil Gaiman.

[via Neilgaimania]

Una super web gallery free ed integrata: Cooliris


cooliris è un plugin per firefox che permette di realizzare meravigliose web gallery e di guardare le foto e video sul proprio computer. E un nuovo, fantastico modo di godere di youtube, picasa, flickr e deviantart ecc.

In questo esempio le immagini provengono dall'account ufficiale di masayume su picasa.

Una tempesta elettronica: Sion


SiON Kaospad - wonderfl build flash online

Sion è un vero e proprio strumento musicale, un sintetizzatore in flash 10 che gira su wondrfl. Nel riquadro qui sopra basta usare il mouse per spostare il cursore e generare musica dance/elettronica.

Alcune altre applicazioni:
kaoscillator
Super Mario synth
FM synth WF-1
Il Tenori-on !

Approfondimenti e informazioni varie.

E quando si mette tutto insieme ecco il risultato !

Una gallery dinamica 3D: tiltviewer


tiltviewer masayume
Una delle gallery più interessanti disponibili free sul web è senz'altro tiltviewer che permette di navigare in 3D molto velocemente e con accattivanti animazioni dinamiche. Si può fare zoom sulle singole immagini per vederle a tutto schermo e le informazioni sono riportate sul retro.

Per vederla in azione c'è la nuova gallery di tutte le immagini di masayume.

Google Street

Ecco come Google Street viene presentato in Giappone.

La mascotte giapponese di Firefox


firefox mascotte foxkeh


Foxkeh è la mascotte disegnata in stile tipicamente kawaii (giapponese) che aiuta la diffusione di firefox nel mondo.

Sono ovviamente disponibili i wallpapers.

Blue Typography


we love typography ama la tipografia (sorpresa sorpresa !), ma il discorso è esteso anche al lettering e alle insegne.

E' possibile lanciarsi in mirabolanti esplorazioni nell'uso di caratteri anche per colore: blu, marrone, rosso, bianco, verde, grigio, arancione, giallo, nero e viola.

"Offset" by Ale Paul

Moo Tools


mootools

MooTools è un framework compatto in javascript che offre moltissime possibilità agli sviluppatori web.

Questo approfondito articolo di Smashing Magazine svela parecchi trucchi partendo dal livello per non programmatori e passando per confronti, esempi e tutorial.

color rotate


colorotate color rotate palette
Colorotate è un interessante approccio web in flash alla navigazione nelle palette di colori che offre un modo molto originale e "tridimensionale" di operare variazioni, confrontare, affiancare e sperimentare le varie tonalità.

E possibile anche cambiare tutta la palette contemporaneamente agendo sui vari controlli e partire da una serie di tavolozze predefinite che derivano da siti famosi.

masayume su Drupal

In occasione del 6° compleanno finalmente masayume passa al digitale terr... ehm cambia piattaforma. Abbandona l'obsoleto blosxom, uno script perl che però fino a qui ha fatto bene il suo dovere, e per la sua terza incarnazione si converte alla goccia (drupal, in olandese), che continua a vincere premi come CMS dell'anno.

I commenti sono di nuovo abilitati (per ora moderati) e finalmente è possibile navigare in lungo e in largo avanti e indietro nei più di 1700 sogni divenuti realtà. Non tutte le funzioni sono ancora operative ma quello che c'è basta e avanza per l'inaugurazione ufficiale.

Speriamo che non sia la goccia che fa traboccare il vaso.

Google Squared



Google squared e' un nuovo interessante approccio alle ricerche sul web. Invece di mirare al miglior risultato singolo si ottiene una tabella con vari elementi che corrispondono alle parole chiave, arricchiti da voci aggiuntive in colonna. Il bello e' che si possono espandere sia in verticale richiedendone altri che in orizzontale con l'aggiunta di nuove voci, che vengono riempite automaticamente.

Giusto un paio di esempi: anime, compositori classici. Questa nuova funzione e' in via di perfezionamento. Ecco una breve presentazione ufficiale: Introducing google squared.

Shutterborg

Shutterborg e' un tool web free che permette di editare una pagina web come se fosse un documento. E' possibile iniziare da una pagina qualsiasi e modificarne il testo senza alcuna spiegazione e intervenire sulle immagini e la struttura in modo molto intuitivo.

Nell'esempio a sinistra una pagina ricca di testo tratta dal gabinetto delle meraviglie di Heather McDougal.

Tone Matrix - Andre Michelle lab

Tonematrix somiglia molto al "tenori on", ma e' solo uno dei tanti esperimenti diAndre Michelle.

Sul sito abbondano dimostrazioni di effetti molto curati come fuoco, acqua, pioggia ed anche frammenti di videogame classici con mode 7. Le demo sono decine e si possono trovare suddivise per argomento: 3d, audio, Bezier, filtri, giochi, particelle, fisica e molto altro.

Ruotare le immagini con javascript



Riuscire a ruotare leggermente le immagini come se fossero state appoggiate distrattamente sulla superficie della pagina web, un trucco di cui si ipotizzava l'esistenza da parecchio, finalmente vede la luce grazie a Instant.

E questo e' solo uno dei 20 tutorial fondamentali su AJAX (e non).

[via un grande appassionato di formaggi partenopeo]

Web Trends Map e Closr



L'imprescindibile Web Trends Map pubblicata da Giavasan, vista attraverso Closr.

Color Scheme Designer



Color Scheme Designer e' un gran bel tool per velocizzare le decisioni relative all'aspetto cromatico di un sito.Lo slider circolare principale permette di generare tonalita' complementari, triple, quadruple, con relative sfumature, ottenere una anteprima, dare un'occhiata ad una versione luminosa o piu' scura.

Ciascuno schema di colore e' dotato di un ID, che puo' servire per tenersene traccia.

I migliori icon set del 2008



Migliaia di fantastiche icone nei 50 migliori icon set del 2008.

Kidaubis chinese wind icons

Chrome Experiments

Google Chrome Experiments raccoglie alcune delle demo in piu' impressionanti progettate e realizzate specificamente per sfruttare la forza bruta della javascript vistual machine del browser di Mountain View.

Il sito ospita le demo che vengono caricate da tutto il mondo, e le migliori salgono in classifica grazie ai soliti criteri "sociali". Ci sono applicazioni che fanno uso della fisica, rendering 2D e 3D in tempo reale, giochi e parecchio altro. Lo scopo e' quello di rendere il web piu' rapido, divertente e open.

JS software 3D renderer by Dean McNamee, 2009

Readability

Readability e' una bookmarklet, ovvero un particolare link del browser che entra in azione con un semplice click, e senza richiedere una connessione remota.

Lo stile della pagina web cambia in modo da aumentare la facilita' di lettura, e l'impostazione ricorda, a scelta, quella di un libro, un giornale o del terminale. Le immagini e gli ads vengono rimossi, diminuendo la confusione.

E' una ottima soluzione per i molti siti intasati di contenuti multimediali che rendono la lettura uno slalom stressante per gli occhi.

Syndicate content