markfox dot org

Riemergo ancora una volta dal limbo dei webdesigner niubbi; è vero, a volte non c'è metodo migliore per imparare le cose che tuffarsi senza salvagente. Giorni fa avevo postato il resoconto della mia personale battaglia contro una curiosa idiosincrasia di Internet Explorer, stavolta invece questo spazio lo dedico come tributo a una collezione sparsa di strumenti, risorse, trucchi grazie ai quali ho messo la parola fine a due-tre problematiche sorprendentemente comuni.

1. Nessuno si muova!

• A CSS Sticky Footer: problema: il mio piè di pagina sembra piuttosto un ginocchio di pagina. Mi piacerebbe che a) se l'insieme intestazione+contenuto principale è più corto dell'altezza della finestra del browser, il footer resti buono buono a fondo pagina invece di fluttuare là dove finisce il blocco di testo; b) se invece lo stesso è più lungo dell'altezza della finestra del browser, il footer mantenga la sua posizione naturale nel flusso della pagina, ovvero agganciato ai piedi del blocco di testo. Fra tante soluzioni, ognuna coi suoi caveat, questa mi sembra pulita e di facile applicazione.
• Dead Centre: centrare un contenitore in modo fluido non è più un'impresa titanica, ottimo per i fotoalbum o in generale le gallerie di immagini.

2. Se proprio devo

• IE Net Renderer: su Internet Explorer se ne son dette anche più di quelle che si merita, è però un dato di fatto che ad oggi IE per essere un browser che conserva una quota di utilizzo fra il 40 e il 50% ha ancora un supporto ai fogli di stile coi suoi SE e i suoi MA. Non avendo la possibilità di mettere in piedi un ambiente di test che copra tutte le major release dalla 6 (urgh!) in poi, ho trovato particolarmente utile dare in pasto i miei template a questo IE-Remoto.

3. Taste the Rainbow

• Colour Lovers: la comunità su cui fare affidamento quando occorre trovare in fretta l'accostamento di colori più adatto (o quello inadatto ma di effetto).

4. firefox.exe 986.638 KB

• Firebug: quando mi vantano le glorie di alcune estensioni di Firefox sono sempre uno dei primi a dire "Sì ma andateci piano", complice il fatto di lavorare su PC di n-ultima generazione mi son reso conto che darsi alla pazza gioia con gli addon è il modo più rapido e garantito per vedere FF fisso nella top ten del task manager. Però non c'è storia: la possibilità di dissezionare ed editare il codice al volo è la manna dal cielo per chi progetta pagine web.
• HTML Validator: il degno compare di Firebug, di solito attivo o l'uno o l'altro a seconda se ho bisogno di conoscere le virgole di ciò che sta accadendo nella mia pagina, oppure solo capire al volo se ho scritto del buon XHTML o meno.

5. GALLERIZZATI, IO TE LO ORDINO!

• Fancybox: Ennesima variazione sul tema delle webgallery navigabili, istantanea da implementare, facilina da configurare (alcuni esempi non sono così esaustivi come avrei voluto ma fra la documentazione di FancyBox e quella di Jquery alla fine bene o male l'ho sfangata), e supporta in modo trasparente fotografie, video, animazioni in Flash impattanti e coinvolgenti fastidiose, webapp basate su AJAX.

6. E per finire...

• Notepad++: Perché dopo tutto whatyouseeiswhatyouget E' uno sport per signorine.

Apophysis (quanto tempo!), improvvisazione elegante su toni neutri.

Mi avete deriso, mi avete chiamato pazzo...ora vedremo chi riderà per ultimo quando i mortacci cammineranno sulla terra.

Con un look 'n feel che grida "OTTOBIT!!1" si potrebbe scambiare Infectonator eccetera per un ammennicolo da retronostalgici. Poi si sintetizza un virus in grado di spazzare via una metropoli in trenta secondi, poi arrivano Michael Jackson e Babbo Natale e quando la mano infine si stacca dal mouse sono passate due ore...

Una volta gli scienziati lunatici avevano un loro perverso codice d'onore, tipo rivelare i minimi dettagli del proprio piano all'eroe legato come un salame, utilizzare meccanismi di autodistruzione che hanno la buona creanza di rallentare durante gli ultimi dieci secondi...Il protagonista di Infectonator World Dominator invece dev'essere un fan delle scorciatoie: "Stermino la totalità del genere umano -> ILMONDOEMMIO". Non c'è nessun misterioso Step 3 - che poi è quello su cui inciampa anche la migliore mente malata partorita da Hollywood.

Dunque la conquista passa attraverso la ripulitura dei cinque continenti, e quale modo migliore per estinguere la razza umana senza sbattersi troppo, che infettare gli ignari abitanti con un virus in grado di trasformarli in famelici morti viventi?

Sembra facile, poi la realtà ci insegna che "ignaro" non vuol dire necessariamente "indifeso". In particolare le prime ondate di trapassati deambulanti finiscono ben presto falciati dall'esercito...Ma qui entra in gioco l'aspetto più strategico di IWD: tutte le volte che un omino passa a miglior nonvita, lascia cadere attorno a se una quantità variabile di denaro; è quindi fondamentale non lasciarsi distrarre dalla carneficina in atto e fare man bassa del monetume. Perchè? Perchè per colpa dei tagli alla ricerca è l'unico modo per finanziare il proprio laboratorio.

Più soldi = un'armata di zombi più resistenti, veloci e soprattutto infettivi.

Ogni tanto fanno la loro comparsa i supereroi, personaggi facilmente identificabili e, neanche a farlo apposta, coriacei all'inverosimile. Sconfiggerli con la nostra orda di differentemente vivi frutta, oltre alla soddisfazione personale, la possibilità di evocarli (opportunamente zombificati) al nostro fianco.

Richiede il Flash Player.

InterConnessioni, ovvero: oggi iteriamo le Curve di Truchet.

Bene bene bene, rimaniamo nel seminato della musica acustica.

Mi viene spontaneo associare mentalmente Renaissance al debutto di John Doan, anche se poi ad ascoltarli fianco a fianco si nota che il mood è simile in alcuni passaggi - ma non identico; l'uno più propenso alle tessiture solari che sanno di campagna e fieno tagliato, l'altro impegnato ad evocare paesaggi isolani sospesi nel tempo.

In ogni caso si tratta senza dubbio di un gran bel lavoro, gli estimatori della chitarra fingerstyle lo apprezzeranno: delicato, pulito...oh, qui a differenza di Departures l'elettronica fa timidamente capolino, senza nulla togliere alla forza delle corde che vibrano.

Raccomandatissimo quindi ma - ahimè - anch'esso di natura sfuggevole; ho l'impressione che Narada abbia esaurito la tiratura dei CD di quel periodo, quindi o ci si affida al mercato dell'usato (dell'import? ...volendo...ocio però che se qualcuno ancora lo ha in stock spesso e volentieri se lo fa pagare il doppio dell'ipotetico prezzo di copertina), o sennò una rapida occhiata su Amazon MP3 ed eccolo qui a sette dollari...che su Amazon francese diventano misteriosamente 7.90 Euro (e nove su iTunes).

Per lavoro (ma anche tutto sommato per svago, via) ho ripreso il mio vecchio proposito di imparare a conoscere più da vicino i fogli di stile.

Lasciare all'interno della pagina web solo il markup essenziale è abbastanza spiazzante - almeno per me che ero abituato a tirare su castelli di tabelle annidate, però è anche vero che una volta consolidato uno stile, applicarlo alle otTANTE pagine rimanenti diventa davvero questione di copincollare a tappeto una o due righe.

Oh, naturalmente dovendo lavorare su un mock-up verosimile mi sono costretto ad assimilare gli stilemi più abusati del uèb, per esempio le cose tirate a lucido, gli sbroffi e last but not least i gradienti.

Giusto a proposito di questi ultimi, vorrei cogliere lo spunto per condividere una situazione curiosa su cui ho sbattuto il grugno:

Tutto ha inizio come da manuale, mi son ritagliato una striscia larga una manciata di pixel, alta a mio gusto (meno di mille), e l'ho spalmata in orizzontale attraverso la pagina; a completare l'opera ho impostato lo sfondo del <body> uguale alla tinta finale della sfumatura. In questo modo - ipotizzo da profano - a prescindere dalla lunghezza del contenuto ed alla risoluzione dello schermo di chi la visualizza, la pagina dovrebbe mostrare un gradevole effetto digradante fino al punto in cui "aggancia" la tonalità dello sfondo. Sarà poi vero?

Firefox, Chrome e Safari si comportano esattamente allo stesso modo (yay!):

Internet Explorer NO:

Ossignore, e meno male questa sarebbe dovuta essere una delle mie poche certezze: ho una sfumatura da un colore A a un colore B, lo sfondo della pagina è color B, la "fetta" di gradiente l'ho salvata come PNG per evitare artefatti di compressione troppo evidenti, non ci dovrebbero essere stacchi fra l'immagine di sfondo e lo sfondo vero e proprio.

E' come se dentro Internet Explorer l'intera immagine fosse renderizzata con una tonalità di poco più scura. Cosa ancora più irritante, convertendo l'immagine in formato JPG il fenomeno sparisce, però in compenso la compressione si mangia via parte della fluidità nel passaggio fra i due colori. Preferirei continuare ad usare il PNG se solo capissi cosa sta combinando IE.

Cercando in giro, qualcuno mandato dal cielo suggerisce di analizzare l'immagine con TweakPNG o PNGCRUSH casomai ci fosse embeddato un profilo colore non sRGB (è risaputo che le ultime generazioni di browser stanno implementando il riconoscimento automatico del profilo colore nelle immagini e Internet Explorer tanto per cambiare fa da fanalino di coda).

Il risultato: la testata sembra grossomodo in ordine eccezion fatta per una riga sospetta:

...Vuoi vedere che IE si perde di brutto sulla gamma cromatica?

...

SI' PORCABOIA! Via, piallata senza rimorsi; gli altri browser non sembrano notare la differenza.

Centro Italia sotto il sole per tutta la settimana; fuori si sentono cinguettare gli uccellini e noi intanto curvi a smazzarci il potente mobilio scandinavo...poi finalmente arriva il primo weekend lungo di primavera e con esso anche l'acquONA. Come si spiega??

Ne approfitto per augurarvi una sincera

"Il fascino discreto della simmetria". Comincio a prenderci gusto.

Cultura spicciola: la capacità di carico della Ford Fiesta 3 porte si può esprimere in modo approssimativo come: UN LETTO + DUE COMODINI + MEZZO ARMADIO (storia lunga) + TREDICI CUSCINI + NOVE COPRILETTO + UNO SGABELLO + UN ANDREA (con tazze e bicchieri in braccio) + UN SOTTOSCRITTO.

Và che fatica manomettere il lavoro altrui...

1 Aprile 2010: LOVE IS OVER
1 Aprile 2009: Il Buio Dentro
1 Aprile 2008: Benvenuti nel 1998
1 Aprile 2007: Funni Bunni
1 Aprile 2006: PROUD TO BE TEH FURRY