web

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

CartoonSmart

CartoonSmart è un sito completamente in Flash che insegna a disegnare, animare, usare effetti con lo strumento di Macromedia. Molti dei tutorial di base sono completamente free. Ma il sito è divertente da visitare anche solo per le animazioni e le caricature sparse dappertutto.

Utile per introdursi nei misteri di uno degli strumenti più versatili del web, e per affinare la propria tecnica.

Matrixy © 2005 CartoonSmart [via ]

categorie: 

Fontenstein

TypeGen è un generatore genetico di font. Ogni font è descritto in ciascuna delle sue caratteristiche con un codice genetico a 3 geni, uno contiene le informazioni del profilo di ciascuna lettera, uno lo spessore e uno i "serif" (i trattini finali).

Basta scegliere i due "genitori", trascinarli uno sopra l'altro (*ahem*), e premere un pulsante. Verrà prodotta la nuova generazione in base a una combinazione del DNA rispettosa delle leggi della geneetica.

Ma non finisce qui. Si può intervenire ulteriormente per modificare ciascuno dei geni manualmente. Da vedere e utilizzare in fretta prima che venga redatta una legge contro questo uso indiscriminato dell'eugenetica.

font by TypeGen [via generator.x]

categorie: 

Flash Animation Package

AnimationPackage è una libreria ActionScript 2.0 che permette di dare vita abbastanza semplicemente ad animazioni spettacolari e molto leggere. L'autore, Alex Uhlmann, ha incluso tutti gli effetti più comuni per fare in modo che il proprio logo ruoti, scivoli, vibri, rimbalzi, si muova lungo un percorso predefinito.

La documentazione è accurata ed esaustiva.


categorie: 

Più font di quanti ne serviranno mai

Il "childish" è un font che sembra fatto da uno studente orientale con il normografo. E' molto simpatica la presentazione su foglio a righe tipo quaderno scolastico con tanto di robottini e scarabocchi di contorno.

Basta fare un giro su fontleech e si scopriranno molte di queste piccole meraviglie per il grafico in erba e non.

In evidenza in questo momento anche un sito brasiliano specializzato in font "consunti" o "artigianali" non a caso intitolato: misprinted type.

categorie: 

Color Scheme Generator

Color Scheme Generator è uno degli strumenti che permettono di generare serie di colori in una certa armonia secondo diversi validi criteri.

In questo caso si può scegliere la tonalità dominante e procedere per contrasti e sfumature, controllando il numero di colori secondari che vengono presentati (2 , 3 o 4) e smanettando con lo slider "angolo/distanza". Inoltre ci sono delle interessanti variazioni complessive: pastello, pastello chiaro, pastello scuro, chiaro, a contrasto.

E' possibile salvare in un URL lo schema complessivo e adattare i colori che vengono generati a solo quelli "safe" per il browser.

Altro che blu.

categorie: 

Open Source Templates

Open Source Web Designs è una raccolta di centinaia di modelli per pagine web classificati per colore primario, colore secondario, categoria, presenza o meno di immagini o css ecc.

E' possibile visionare i thumbnails per scegliere in fretta ciò di cui si ha bisogno ed è possibile scaricarselo in locale per cucinarlo al meglio secondo i propri gusti.

Utile !


categorie: 

gotoAndPlay()

Ancora Flash.

Questa volta Masayume segnala un fantastico portale che si distingue per un nome decisamente azzeccato: gotoAndPlay()

Giochi affascinanti e molto curati e strepitosi tutorial che entrano nel dettaglio implementativo senza essere noiosi e che anzi sembrano dei brevi saggi di teoria del videogame: "L'eroe in un mondo a piastrelle", "Labirinti che passione", "L'intelligenza del nemico è sempre più verde".

Flash si manifesta non come uno strumento qualsiasi, ma come lo Strumento per creare giochi di piccole e medie dimensioni, accessibili a tutti, intuitivi ed immediati. Vicini alle creazioni dell'era classica, i lontani anni '80.

E non solo.

categorie: 

Il sole nero

Sul sito del "Favourite Website Awards":

FWSA 2004

è possibile trovare alcuni dei migliori esempi di utilizzo di flash disponibili in rete. Il "site of the day" di oggi è "le Soleil Noir", degli - alchimisti del web - Questi webdesigner francesi hanno realizzato decine di siti di primaria importanza per promuovere prodotti (Prince of Persia) e artisti.

FWSA promuove solo i migliori raggruppandoli per categorie: arte, pubblicità, moda, film, giochi ecc.

Da visitare anche solo per prendere ispirazione e cogliere la direzione in cui si muove il web.

categorie: 

Una piantina nella rete

La piantina riportata qui a fianco rappresenta i link da e per "Masayume", è facilissimo ottenerla, basta visitare:

GoogleBrowser

Tramite Google vengono scovati i link tra le varie pagine e vengono rappresentati graficamente mediante una applet Java che li colloca ordinatamente nella pagina. E' possibile definire il numero di link, la profondità di rappresentazione, perfino il colore di sfondo. Basta inserire il proprio sito e dopo qualhe secondo di elaborazione si potrà osservare come si colloca all'interno dei nodi adiacenti della rete.

 

categorie: 

Tipografia for dummies

Con l'avvento del web le nozioni di tipografia sono uscite dalla loro nicchia per appassionati e professionisti e sono ora uno strumento indispensabile per pubblicare con competenza un sito esteticamente gradevole.

I nomi dei font sono molto esotici ed evocativi di fenomeni culturali trasversali del passato, da scrittori a libri a stili artistici. La tipografia stessa ha un suo ricco gergo che a volte si ritrova tra le pieghe delle opzioni di programmi di word processing. Parole come "kerning", o "tracking", (dei quali ignoro la traduzione in italiano) non avranno più segreti e finalmente il testo verrà impaginato con maggiore precisione e consapevolezza.

Da non perdere:

http://www.thinkingwithtype.com/

categorie: 

viva-graphics

viva-graphics è l'allegro sito dell'instancabile Naoki Izumikawa e ospita vari personaggi e character design molto simpatici, spesso interattivi tramite flash.

Dancing Cat permette di disturbare "circa 44 gatti in fila per 9 senza resto" (RoRo) che saltellano e fanno numeri di giocoleria con la loro agile coda.

Ma c'è anche Beeno, la mascotte del sito, che si esibisce in scatenati balletti su una ipnotica musichetta techno.

Il sito ha un design elegante e funzionale e contribuisce al buonumore come e quanto una tavoletta di cioccolato.

Da vedere

categorie: 

CSS Zen Garden


Un sito, anzi, molti siti ed un solo contenuto.
Lo Zen garden è nato per mostrare la potenza e la versatilità dei CSS, così la stessa pagina html cambia completamente in funzione del foglio di stile che viene caricato. Ce ne sono già più di 100 molto diversi e curati. Ed il tutto costituisce anche un ottimo esempio di catalogo di template.

Getting Started With CSS Layout
The State of Changing Gradients with CSS Transitions and Animations


categorie: 

Non rompere !

Bugmenot, che significa appunto "non rompere", permette di registrarsi con dei login pubblici presso i siti che vorrebbero tenere una anagrafica dei loro utenti offrendo i loro servizi gratuitamente.

Ad esempio per leggere l'edizione online del New York Times occorrerebbe essere utenti registrati. Ma basterà fare un salto sul google delle identità virtuali per accedere ad uno dei quasi 20.000 servizi resi trasparenti.

"Carneade chi era costui..."

categorie: 

Antistress Virtuale

Far schioppettare la carta da imballaggio a bollicine è uno dei passatempi più rilassanti e anti-stess noti nell'era moderna. Ora, senza più spendere, direttamente a casa vostra, la carta da imballaggio virtuale vi permetterà di sfogare le vostre nevrosi gratis. Aumentando il volume lo schioppettìo vi darà maggiore soddisfazione e in caso di tragedie personali il "manic mode" (modo manico) vi permetterà far crepitare la carta al solo passaggio del mouse, così che i vicini pensino che stiate guardando Rambo a tutto volume per l'ennesima volta.

Pop !

categorie: