Motivi per non usare FrontPage

Facendo ordine sull’hard disk ho trovato un vecchio file di testo con alcuni collegamenti che avevo messo da parte durante una ricerca scritta per spiegare PERCHE’ usare FrontPage per fare siti web non era una buona idea. Copio i collegamenti qui come servizio pubblico ;)

E ricordate: chi fa siti con FrontPage avvelena il web, diglo di smettere! ;-)

Pulizie di mezza estate… di template altrui :)

Il bello dei blog, per chi li ha, e’ che hanno i template che si possono cambiare come i vestiti della Barbie o di Big Jim.

Il bello dei template, per chi li fa, e’ che smanettando un po’ con le tag HTML e tirando a caso con il CSS si riesce pure a fare qualcosa d’effetto su cui mettere il proprio nome.

Il brutto dei blog, per chi li legge, e’ che spesso hanno template del cavolo con un errore per riga e che si vedono bene solo sul computer di chi li ha fatti e magari neanche su quello.

Io da un po’ ho iniziato a tormentare gli amici obbligandoli a scegliere template che garantiscano un minimo di accessibilita’, quindi: contrasto decente e testo leggibile. Passi l’effetto, passi il “look” ma non e’ giusto penalizzare chi ci vede meno di noi e chi ha altre disabilita’. Certo io con Firefox posso fare molto per andare oltre i design piu’ assurdi, ma quanti usano Firefox e quanti sanno servirsi di certe opzioni?

Gio.Kemmothar, attraversando coraggiosamente il mare delle incertezze, aveva finalmente trovato un template che sembrava rispondere tanto alla sua instancabile ricerca di “qualcosa” sia a criteri minimi di leggibilita’.

Solo che… su Firefox si vede male, qui e’ piccolo, li e’ troppo piccolo… alla fine apro il template e trovo l’orrore: CSS e tag HTML alla cavolo. Calma, pazienza, sangue freddo e PSPad e ho ripulito il tutto. :)

Ora esteticamente e’ identico a prima ma tecnicamente e’ piu’ pulito e lineare. Una goccia in un mare ma almeno si sensibilizzano le persone all’importanza di pensare anche all’accessibilita’ dei siti, non solo al loro aspetto.

Avrei voluto scrivere a "Psychopathic" (il nome non promette mica tanto bene, eh ;p), autrice del template, per spiegarle come evitare certi errori (non e’ niente di difficile e strutturalmente il suo template era stato.. ermh… ben pensato) ma mi sono arreso di fronte al suo blog, evidentemente scoloritosi a causa di un lavaggio errato in lavatrice ;p

Comunque a chi fa template e in genere a chi crea siti o grafica consiglio la lettura del volume online Questione di leggibilità che presenta gli errori piu’ comuni e tutte le conseguenze, prima fra tutti quella di allontanare un gran numero di possibili lettori/fruitori.

Hint per Firefox e HTML Validator

Una dritta per chi come me utilizza l’estensione HTML Validator di Firefox.

Recentemente ho messo qua e la degli annunci di Google e ho scoperto che il loro codice HTML non e’ esattamente pulito. Ora, io tengo il validatore HTML sempre attivo (e’ un buon modo per valutare la qualita’ tecnica dei siti che visito, oltre che per tenere sotto controllo i miei) e mi sono reso conto di quante volte si trova a validare gli stessi errori, visto che gli annunci di Google ormai sono molto diffusi.

Ci ho pensato un po’ (non tanto in effetti :) ) e ho trovato una soluzione. Basta andare nel menu “Options” dell’estensione, cercare l’opzione “Validate pages in”, scegliere dal menu a cascata “All domains except” e nel campo di testo inserire “.googlesyndication.com” (senza le virgolette).

In questo modo il validatore ignorera’ gli iframe degli annunci di Google e si otterranno due vantaggi immediati:

  1. Minor lavoro della CPU (che si traduce in tempi di caricamento un po’ piu’ rapidi).
  2. La possibilita’ di tornare a capire se un sito e’ scritto bene oppure no, indipendentemente dai contenuti aggiunti da terze parti (cioe’ i banner di Google).

Attenzione: questo sistema riguarda solo le funzionalita’ del validatore HTML, non fa sparire i banner (per quello si puo’ sempre usare AdBlock).

Se trovero’ altri domini rilevanti da eliminare li segnalero’ qui. Per adesso ho girato questa dritta all’autore dell’estensione perche’ eventualmente la inserisca nella documentazione. Credetemi, si fa in un attimo e migliora decisamente la navigazione.

Il prossimo passo e’ supplicare quelli di Google di fare un HTML decente :)

Buon senso, arte, e menefreghismo

Ecco tre atteggiamenti dei webmaster odierni ben rappresentate da molti webmaster, che abbiano 13 anni oppure 70.

Buon senso: sto facendo un sito. voglio che la gente lo legga, voglio che sia carino certo ma soprattutto che le persone possano leggerlo.

Arte: sto creando un’opera d’arte. Sto facendo un sito che deve essere bellissimo da vedere, deve rappresentare le mie capacita’ e/o la mia anima in pena. Come? Non e’ molto accessibile? OK, parliamone.

Menefreghismo: apro Frontpage e faccio il mio sito perche’ non ho nessuna voglia di imparare a farlo diversamente. Ho un blog, vado sul sito dei template e metto il primo template figo. Se tu non riesci a leggere o se le mie immagini sono troppo pesanti per il tuo modem non me ne importa niente. Io so fare solo cosi’.

E’ un po’ come la gente che parcheggia l’auto sul marciapiede fregandosene di bambini, anziani, disabili e chiunque avra’ problemi a dover scendere in strada per passare.

Nulla contro l’arte e nulla contro un po’ di comodita’ nella creazione delle pagine, ma continuare a vedere orrori sul web solo perche’ c’e’ gente che se ne frega degli altri e’ troppo irritante.

Vuoi fare un sito? Bene, tieni a mente che:

1) non tutti hanno un monitor come il tuo e vedono giganteschi i caratteri a 8px non ridimensionabili (perche’ l’85% della gente usa IE che non permette di ridimensionare i caratteri la cui altezza e ‘espressa in pixel).
2) non tutti ci vedono come te.
3) non tutti hanno la tua ADSL a 24mb/s.
4) non tutti hanno le tue stesse capacita’ di comprensione dei testi, soprattutto se li inserisci in base a come ti gira dopo una notte al dance party.

Se gli strumenti che usi o i template che ti piacciono non permettono di creare siti ACCESSIBILI A TUTTI, LASCIA PERDERE. Meglio un sito in MENO che un sito in PIU’ che esclude le persone.

favrin.net 3.0, XML, XML e CSS, ecc…

La terza versione del mio sito si avvicina, lentamente ma si avvicina :)

Oggi ho finalmente scritto il programma per pubblicare le news del sito. Parte da un file XML semplificato e genera qualsiasi cosa: XHTML, RSS2.0, WML, ecc. Il tutto con tanto di cache per non effettuare inutilmente il parse dello stesso file.
Lo script PHP e’ ancora da rifinire ma funziona bene e penso di servirmene anche su altri siti che gestisco (si’, avete capito benissimo su quale andra’ per primo, cosi’ avremo un feed RSS anche li :)

Poi per sfizio oggi ho provato ad applicare gli stili CSS su un file XML puro. Caruccio davvero il risultato!

A volte le cose tecniche dan soddisfazione e riempion il cuore, anche se poi a rendere perfetta una giornata come oggi e’ sempre l’affetto delle persone care.

DREAMHOST 4EVER!!!

Ma io questa gente la amo!!!

Email di Dreamhost, l’hosting a cui sono abbonato:

In honor of our 8th birthday, as of right now, all our shared hosting plans have been upgraded to include unlimited fully-hosted domains and sub-domains, forever!

Domini (uno gratis e gli altri te li registri dove vuoi, con loro o altrove, e li usi su Dreamhost) e sottodomini (tutti gratis) illimitati su tutti i loro piani di hosting!

Questo mi risolve alcuni problemini e apre tante belle possibilita’ per alcuni dei siti di cui mi occupo… ;-)

Allora ricapitoliamo:
piano base…

– 4800mb di spazio che aumentano di 40 a settimana
– 120gb di banda mensile che aumentano di 1 alla settimana
– 75 utenti diversi, 600 email pop3/imap configurabili, infiniti alias,
– PHP4, PHP5, accesso via shell, supporto fastcgi/mod_security, estensioni frontpage, jabber, infiniti database mysql…
– un dominio gratuito, possibilita’ di avere sullo stesso piano infiniti domini che puntano a spazi differenti o allo stesso sito.
– supporto 24/24 molto veloce, amichevole, efficiente e pronto a risolvere i problemi o implementare i suggerimenti ricevuti.
– funzioni per l’installazione automatica di applicazioni come MediaWiki (lo stesso usato da Wikipedia), WordPress, il forum phpbb…

UPDATE dicembre 2007: specifiche vecchie, ora lo spazio e’ infinitamente maggiore e la banda mensile pure!

Il tutto a 119.4$ l’anno! In Italia e’ impossibile trovare cose simili soprattutto della stessa qualita’, efficienza ed affidabilita’!

Volete provarlo?
Guardate un po’ qui

Firefox 1.5…

Post veloce per segnalare un bell’articolo che parla delle novita’ per gli sviluppatori web che Firefox 1.5 porta con se: XML, CSS ancorsa piu’ evoluto, SVG e molto alto… e credetemi, le immagini vettoriali in SVG sono fantastiche!

E chi lo vuole piu’ quel colabrodo di IE la cui versione 7 girera’ solo su XP/Vista e garantira’ la massima sicurezza solo su Vista (assurdo…)?

Io sto usando Firefox 1.5b1 (e le nuove alfa: e’ open source, possono usarle tutti, anche se a proprio rischio essendo appunto versioni alfa) e devo dire che e’ un prodotto davvero valido, nonche’ velocissimo (quanto Opera, ci credo che l’han reso gratuito ;-)

Documentazione Firefox

Questo e’ un post di servizio, in attesa di mettere questo tipo di informazioni su semplice.info>.

I pregi di Firefox li conosciamo tutti (o almeno dovremmo) ma il grosso difetto e’ che tutta la documentazione interessante e’ sparsa fra mille siti e indirizzi e non e’ sempre facile da rintracciare. Desidero quindi rendermi utile e offrire una serie di collegamenti a chi usa questo magnifico browser che dalla 1.5 (beta 1) e’ ancora piu’ bello!

http://www.squarefree.com/burningedge/
Informazioni quotidiane sui brogressi delle beta interne.

http://www.squarefree.com/burningedge/releases/
Cronologia “non ufficiale” delle modifiche. Piu’ completa di quella ufficiale!
http://developer.mozilla.org/en/docs/Mozilla_CSS_Extensions
Estensioni proprietarie del CSS disponibili su Mozilla/Firefox.

http://lists.w3.org/Archives/Public/www-style/2004Aug/0135.html
Introduzione alla nuova sintassi, implementata in Firefox 1.5, per definire stili specifici per i diversi siti. Gli interessati a questa “enorme figata” (giudizio tecnico mio) possono
leggere questo thread su Mozillazine. La nuova funzione sostituisce nel fine l’estensione urlid.

http://mycroft.mozdev.org/deepdocs.html
Documentazione per lo sviluppo dei plugin di ricerca.

https://bugzilla.mozilla.org/show_bug.cgi?id=307381
Post con le notizie circa le estensioni aggiornate e di cui e’ garantita la compatibilita’ con Firefox 1.5 beta 1.

OK, per adesso e’ tutto, se conoscete altri siti interessanti scriveteli nei commenti.
Presto apriro’ una sezione ‘mozilla’ nel sito contenente estensioni, documenti, stili per vari siti (si aggiungono a usercontent.css e vengono applicati automaticamente), filtri per adblock, ecc…

NB: per ragioni di accessibilita’ da oggi i link esterni NON si apriranno piu’ in nuove finestre. Conto di adeguare a questo comportamento tutti i vecchi post del blog.

Perversioni… regexose :)

Perversione regexosa del giorno:

RedirectMatch permanent /ego/(chi|who).(php|phtml) http://www.favrin.net/ego/$1.html

Una regex, quattro redirect :)

Cosi’ una volta per tutte smettero’ di ricevere report di pagine inesistenti da chi proviene da motori di ricerca che hanno indicizzato le pagine con le due vecchie estensioni (si lo so, bisognerebbe ridurre al minimo i cambiamenti negli URL delle pagine, adesso ho capito perche’…).

Grazie Google!

Ho implementato al volo nello script dei referer questa bella idea di Google, gia’ adottata anche da MSN Search e Yahoo.

In sostanza: se un link contiene rel=”nofollow” i motori di ricerca non attribuiranno maggiore valore al sito a cui punta. Utile, molto utile, per scoraggiare quella gentaglia che riempie gli altrui siti (blog, referers log, wiki, ecc) di immondizia.

Gran cosa, grazie Google!

La ciliegina sulla torta: SQLite su PHP4.3.10 !

Il titolo dice tutto: non solo c’e’ (in forma di estensione PECL) ma e’ stato un gioco da bambini farlo andare sul mio server di sviluppo sotto Windows (e’ bastato copiare una DLL e aggiungere una riga a php.ini) e un gioco da ragazzacci smanettoni compilarlo qui su Dreamhost.

Trovate tutte le informazioni a questi indirizzi:
http://pecl.php.net/package/SQLite
http://www.sqlite.org/download.html
http://www.php.net/sqlite
(sezione commenti)

Se durante ./buildconf –force vi dice che libtools e’ vecchia, beh… ehm… commentate tutto il controllo della stessa in build/build.sh e funzionera’ ugualmente. Hackeroso ma efficace, almemo cosi’ sembra ;-)

Bisogna dire che oggi ho realizzato un sacco di vecchi desideri informatici, ora bisogna solo metterli a frutto! ;-)

Beati loro

Beati quelli che ci vedono cosi’ bene da leggere contrasti impossibili…

Beati quelli che hanno 500 diottrie e quindi forzano il font a 2 pixel di altezza che anche se scegli “Visualizza -> Caratteri -> Grandi” in IE resta piccolo.

Beati quelli che sono talmente sicuri di se’ da non ascoltare mai niente e nessuno. Peccato solo che poi si propongano come insegnanti e rendano altre persone come loro.

Beati quelli che imparano a smetterla di lamentarsi e vanno avanti per la loro strada semplicemente ignorando chi non si cura delle difficolta’ altrui, chi pensa solo all’aspetto estetico delle cose, chi non capisce la differenza fra creare e usare.

Beati loro, appunto.
Io sono qui a rodermi di tutte le cose che non riesco a leggere in questo meraviglioso e colorato mondo del web a portata di click.

Magari loro con la stessa incoscienza domani avranno l’auto e la parcheggeranno sul marciapiede, impedendo a un disabile di girare per la citta’.

Servizio pubblico :)

Scoperta del giorno che mi facilitera’ MOLTO la vita ;-)
Dato un sito pieno di pagine con estensione .html che devono diventare .php e visto che sul server Apache2 di tale sito il trucchetto per far eseguire come PHP anche le pagine con estensione diversa non va, ecco due soluzioni ottenibili con mod_rewrite. La prima e’ questa:

RedirectMatch permanent (.+)\.s?html? $1.php

Questo sistema causa il cambio dell’URL nella barra del browser e fa reindicizzare la pagina dai motori di ricerca. E’ la strada migliore e piu’ trasparente.

Chi invece desidera rendere la coosa totalmente trasparente (l’URL resta invariato e nessuno sapra’ che il file in realta’ e’ un php) ecco un’alternativa:

RewriteEngine on
RewriteRule (.+)\.s?html? $1.php

Entrambe le sequenze vanno poste in un file .htaccess nella cartella del server in cui devono avere effetto.

Attenzione che l’espressione regolare usata gestisce le
estensioni .htm , .html , .shtm e .shtml

Questo significa che se avevate link ai file info.htm, info.html e info.shtml con queste impostazioni punteranno tutti a info.php.

Perche’ scrivo questo sul blog?

Beh, intanto per rendere noto al mondo che sto imparando
sempre piu’ cose sulla gestione avanzata dei server, poi per
far capire come ancora una volta i software open source
(Apache in questo caso) si dimostrino piu’ flessibili di quelli proprietari
(IIS), ma soprattutto per offrire un pubblico servizio.

Ho scoperto infatti che tanta gente arriva su questo blog cercando
non tanto il mio blog ma cose specifiche, come le
frasi fuori campo della bambina di Taken (date in un post
precedente), quindi vale la pena continuare e offrire
informazioni utili che magari non ero il solo a cercare ;-)

Per saperne di piu’ guardate questa guida avanzata a mod_rewrite.

PS: amo le espressioni regolari, si e’ capito? ;-)

Google Google

Ormai fra me e Google e’ amore.

Dopo GMail mi sono anche registrato come sviluppatore in casa Google e quindi ho richiesto una key per usare le Google Web API.

Mi affascina l’idea di poter giocherellare on Google e ho qualche ideuccia per la testa. Non e’ detto che la vedrete subito ma intanto la faccio… ;-)

Cio’ che cerco e’ un modo nuovo di usare strumenti (nuovi o vecchi) e anche questa e’ un’opportunita’ da non perdere.