Oggi ripubblico due miei articoli a proposito di Skype, alla luce del fatto che il sistema per telefonare gratis o quasi si può usare anche su iPhone, ma anche alla luce delle gravi notizie a proposito dell'azienda stessa.
17 luglio 2008: i ricercatori della Purdue University in America anunciano di aver trovato il modo di costruire i LED su un substrato di silicio e non più di zaffiro, come si era sempre fatto. È una rivoluzione che cambierà le nostre vite: leggete questo articolo dove spiego le straordinarie caratteristiche dei LED.
Lo scienziato britannico Adrian Bowyer ha presentato in questi giorni una stampante 3D che è in grado di stampare... se stessa. Aggiungendo l'elettronica e montando i pezzi, si ottiene una stampante identica all'originale. È un nuovo passo su un percorso che il ricercatore iniziò nel 2005: leggete qui per saperne di più
DOVE MI TROVI
Nel numero in edicola da metà settembre circa il mio pezzo di opinione si chiama Visioni. E comincia così.
Uno dei motivi per cui dopo il PowerBook G4 Titanium abbiamo avuto il MacBook Pro in alluminio è che il titanio sta finendo. Non è il solo metallo raro e pregiato di cui l'umanità sta esaurendo le scorte planetarie. L'indio, per esempio, finirà in cinque o dieci anni (e di conseguenza il suo prezzo è salito di quindici volte negli ultimi quattro anni) ma oggi è indispensabile nella costruzione degli schermi piatti, cioè dei monitor. Siamo agli sgoccioli anche con il germanio, che serve per la produzione dei semiconduttori, ed è difficile immaginare che di fianco a casa qualcuno posizioni un cassettone per favorirne il riciclaggio. Apple può produrre un MacBook Pro senza titanio, ma non è pensabile oggi come oggi un personal computer portatile che non contenga indio o germanio. Che si fa?
Anche quest'anno terrò la cattedra di Tecnologie per il Web nel contesto dei Master in Web Design della Scuola Politecnica di Design. A Milano. Che ne volesse sapere di più, segua il link.
Se vuoi iscriverti alla mailing list di Luca Accomazzi inserisci qui la tua mail:
Vuoi saperne di più?
Un sito Internet non è nient’altro che un mucchio di file ficcati in una cartellina su un computer da qualche parte in Internet. Quando un navigatore di Internet si collega al sito scrivendo un indirizzo (come www.accomazzi.net/chisono/akko.html), il computer ospite gli risponde inviandogli il documento richiesto. Nel caso dell’esempio, il documento “akko.html” che si trova nella cartella “chisono” dentro la cartella del sito.
La prima domanda che un principiante si pone: qual è il documento principale? Ovvero, tra tutti i documenti che si trovano nella cartellina “chisono”, quale venga spedito a chi si collega all’indirizzo www.accomazzi.net/chisono/.
Di solito quel documento si chiama index.html, ma in realtà non c’è regola. Ogni sistema ha un nome standard propria e di solito l’amministratore può cambiare il nome privilegiato, semplicemente visitando la finestra di dialogo delle preferenze. Quindi, quando cominciamo a creare un sito dobbiamo chiedere al nostro provider quale nome dare alla pagina home e alle pagine principali di ogni cartella.
Se domani il provider sposterà il nostro sito su un’altra macchina, o se cambieremo provider, il nome magico potrebbe cambiare. Cambiare il nome di trenta file persi in trenta cartelle da “home.html” a “index.html” è una scocciatura. Trovare e cambiare anche tutti i riferimenti a “home.html” dentro ai file è una seccatura peggiore che possiamo evitare.
Se scopriamo che la pagina home deve chiamarsi “home.html” noi non dovremmo fare nessun riferimento esplicito, nessun link, ad esso. Nel nostro esempio noi scriveremmo:
<A HREF="chisono/">Visita la pagina su di me</A>
Eviteremo invece i riferimenti come questo:
<A HREF="chisono/index.html">Visita la pagina su di me</A>
Un server Web visto attraverso Anarchie Pro da un utente con privilegi di amministratore. Ogni cartella che vediamo qui (come "accomazzi") corrisponde a un sito Internet (come "www.accomazzi.net").
Immaginate di preparare una pagina web e di inserirvi un grafico chiamato “logo.gif”, usando un programma come Dreamweaver o scrivendo direttamente lo HTML:
<IMG SRC="logo.gif" ALT="Logo">
Due giorni più tardi aprite il logo per ritoccarlo, usando (per esempio) Graphic Converter. Questo programma salverà la versione ritoccata come “logo.GIF”. Notate che la sigla GIF è in maiuscolo. Quando noi proviamo a caricare la nostra pagina Web, trascinandone la icona sopra a quelle di un browser come Netscape Navigator, tutto funziona. Quando piazziamo la nostra pagina su un web server basato su Mac OS o su Windows NT, tutto continua a funzionare. Dopo un anno decidiamo di trasferire il nostro sito su un web server che utilizza il sistema operativo Unix, più robusto e performante. Wham! All'improvviso non funziona più nulla: il logo non appare e al suo posto vediamo l'icona dell'immagine spezzata. Che cosa è successo? Per una macchina Unix "logo.GIF" e "logo.gif" sono due file diversi: al server web è stato richiesto il secondo ed esso ha risposto con il messaggio "file non trovato".
Consiglio: usate sempre e soltanto lettere minuscole nel nominare i vostri file. In questo modo vi accerterete che il vostro sito può funzionare perfettamente anche quando viene ospitato da un computer Unix.
Nessuna immagine deve essere indispensabile alla comprensione della pagina. Pensate ai ciechi: anche loro navigano sul Web, usando programmi che leggono tutto il testo delle pagine caricate.
Tutte le immagini vanno corredate da una spiegazione, inserita nell'attributo ALT. Se avete appena rimpiazzato un pulsante "OK" fatto in HTML con una immagine perché vi pare più elegante, controllate che lo HTML abbia l'attributo ALT, così:
<IMG SRC="lamiaimmaginebella.gif" ALT="OK">
Quando state testando il vostro sito, fate questa prova: lanciate Explorer 4.5. Scegliete "Preferenze" dal menu Composizione. Nella finestra che appare cliccate a sinistra "Contenuto Web" e deselezionate le opzioni "Mostra immagini", "GIF animate", "Mostra frame", "Font specificati dalla pagina", "Attiva plug-in" e "Attiva script". Poi visitate tutto il vostro sito. È pienamente visitabile e funzionale? In caso negativo, tornate a studiarlo a tavolino.
Molti grafici che arrivano al Web da una esperienza sulla carta si lamentano quando gli viene chiesto di realizzare un sito che sia visualizzabile su un piccolo monitor da 640 per 480 punti. Abbiamo alcune cattive notizie per loro. Primo: chi usa Windows 95 ha ancora meno spazio utilizzabile, su un monitor di quel genere, degli utenti Mac. Per stare sul sicuro, limitate il contenuto in modo che possa venire visualizzato in uno spazio di 600 per 300 punti. Secondo: al mondo non esistono solo i personal computer. Chi usa WebTV ha a disposizione uno schermo da 544 per 378 punti: dateci un altro taglio. Terzo: le statistiche dimostrano che una pagina in cui sono richiesti più di due clic del mouse per vedere tutto il contenuto è una pagina che viene abbandonata.
Più in generale, una buona pagina dev'essere elegante quando viene vista su monitor di qualsiasi dimensione. Abbiamo presentato, a questo scopo, qualche trucco nella puntata dedicata alle tabelle sul numero di gennaio scorso.
Un PC dotato di scheda video a solo 256 colori (e ce ne sono ancora parecchi in giro) mette a disposizione del sito web una palette fissa di soli 216 colori. Un Mac si adatterebbe e mostrerebbe i 256 colori più appropriati per rappresentare una immagine, ma Windows non è abbastanza evoluto. Quindi dobbiamo adattarci noi. Tutti i programmi che producono pagine Web mostrano la tavolozza di 216 colori "sicuri per il web", e noi dobbiamo limitarci a quella. La tavolozza dei 216 colori utilizzabili sempre, come mostrata da Dreamweaver 2.
Un'altra domanda che i principianti fanno spesso: quanti KB posso usare per le immagini della mia pagina Web? Il 20% delle persone che navigano su Internet hanno ancora modem da 14.400 bit al secondo e possono scaricare circa un KB ogni secondo. Una persona si allontenerà dalla nostra pagina se ci mettesse più di 15 secondi a caricare. Quindi tutta la pagina (la somma dello HTML più tutte le immagini) non dovrebbe superare i 15 KB. Il che è quasi impossibile. Quindi la regola d'oro è: i file sono sempre troppo pesanti e c'è sempre bisogno di ridurli alla metà.
Liberatevi dell'occhio acuto che avete maturato professionalmente. Una immagine "spalettata" ma leggera è meglio di una immagine elegante. Usate colori piatti, ché si comprimono meglio. Usate i JPEG solo per le fotografie, e comprimeteli allo spasimo; riducete tutto il resto a 256 colori o meno, e salvate in GIF. Una GIF da 128 colori pesa la metà di una GIF a 256: approfittatene. Volete un grafico a tutta pagina? Riducetelo a quattro colori, o magari a soli due, e ci riuscirete. Ricordatevi che quei due colori non devono necessariamente essere bianco e nero e che uno dei colori della GIF può venire reso trasparente. Scontornate all'osso le immagini.
Siate creativi nel risparmio. C'è proprio bisogno di mettere in grafica tutta quella scritta, o non si può magari limitarsi alla lettera iniziale? Virate la foto del fondatore in color seppia: potrete ridurla a 64 tinte di seppia e salvarla in GIF, riducendo il peso a un ottavo. Riprendete un singolo elemento grafico più volte nella pagina, per farlo scaricare solo una volta.
Se il vostro sito verrà visitato da sole 3600 persone, ogni singolo KB grattato da ogni immagine significa un'ora di attesa risparmiata per l'umanità. Pensateci.
Se le pagine devono essere tanto piccole, come si può arricchirle graficamente? Una soluzione semplice è quella di sfruttare il browser. Quando il programma di navigazione (Netscape, Explorer o alternativo) scarica un elemento grafico, ne mette una copia sul disco rigido. Se noi facciamo un altro riferimento a quella stessa immagine il browser la ricarica dal disco in un tempo brevissimo. Così, noi possiamo inserire una immagine impegnativa, da sola, nella pagina home e poi riutilizzarla a fianco di altri elementi nelle pagine successive
Una immagine che pesa diversi KB viene messa, da sola, nella pagina home. La stessa immagine viene poi inserita anche in altre pagine successive. Poiché è già stata scaricata quando viene incontrata essa viene disegnata immediatamente a vid
Se siete obbligati a inserire una immagine grande, mettete nella pagina un semplice thumbnail, un provino, dell'immagine in scala 1:16, e fate in modo che cliccandolo venga scaricata l'immagine intera. Se è una GIF usate l'interlacciamento, perché in quel modo l'immagine sembra arrivare più in fretta. Evitate le JPEG interlacciate, ché non tutti i browser le supportano.
