netrenderer, come vede un sito IE

C’è un utile sito tedesco netrenderer,
che permette a chi non ha sul suo PC IE (perché ha Linux, ad esempio) o
ha comunque solo una versione di IE (mettiamo la 9, avendo Win7) di
vedere come viene reso il proprio sito da IE nelle sue varie versioni
(dalla 6 alla (attualmente) 10).

un vantaggio

Rispetto ad altri siti che fanno una cosa simile, come browsershots,
i tempi di attesa sono molto minori: mentre con Browsershots dovere
aspettare anche mezz’ora, con Netrenderer dopo 10-20 secondo avete già
il risultato.

un grosso limite

Ieri però (20/3/2013)
abbiamo dovuto riscontrare un grave limite: la memoria cache continua a
rendere un sito come l’ha visto nella precedente richiesta di resa,
anche se abbiamo cambiato qualcosa nel css o nell’html.
Non sappiamo se ciò sia un problema temporaneo: altre volte comunque non succedeva così. Speriamo che risolvano il problema.

web fonts bug in Firefox

Ci possono essere problemi di caricamento delle web fonts in Firefox (non in Opera o in CHrome, abbiamo constatato).
Per risolverlo si può aggiungere un file .htaccess contenenti le seguenti istruzioni:

<FilesMatch “.(ttf|otf|eot)$”>
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin “*”
</IfModule>
</FilesMatch>

Diciamo che questo risolve la parte principale del problema, quello della resa dei fonts in remoto (per chiunque visiti il sito usando FF). Lascia invece irrisolto il problema in locale.

Aggiungo che mi sono accorto che Firefox visualizzava già in remoto i web fonts (anche senza il file .htaccess), mentre, come già dicevo, continua a non visualizzarli in locale.

cattiva resa di IE su free.fr

E’ incredibile, ma IE (9) in remoto su free.fr non vede delle proprietà che invece vede in locale, ossia box-shadow, border-radius e le sfumature ottenute con la sintassi propretaria di IE (filter).
Invece vede tali proprietà, oltre che, come ho datto, in local, su altri server remoti.
Lo evidenzio nelle foto seguenti:
1) la prima è come vede IE9 il sito su free.fr

2)la seconda è come vede IE9 il sito (identico html, identico css) su un altro server:

La prima è una resa scorretta, la seconda corretta.
Perché IE non vede certe proprietà su certi server? La domanda è aperta.
Del resto su free.fr non funziona del tutto anche un prodotto php/mysql come PhpGedView…

drop-down menu

Abbiamo trovato un interessante menu drop-down (a tendina) in puro CSS (senza javascript), valido anche per IE (dalla 9 in poi).
Lo trovate qui.
Una attenzione da avere, se ci sono problemi, è di verificare le righe di css con identico nome (ad es. #nav li) per eliminare eventuali proprietà che confliggono con il menu a tendina (ad es. ci è capitato di avere problemi per la presenza della proprietà “display: inline” riferita a “#nav li”).

problemi con media query (e FF)

Ho avuito problemi a far capire a Firefox una semplicissima istruzione media query: @media screen and (max-width: 1024px). Opera, IE, Chrome riconoscevano tale impostazione, Firefox niente!
Soluzione del problema: re-impostare lo zoom a 100% (reimposta zoom)!

sincronizzare audio e video (con avidemux)

Abbiamo avuto problemi di audio non sincronizzato col video, dopo aver effettuato un taglio a un film, e abbiamo invano provato più volte a risolvere il problema.
Niente. Finche non abbiamo trovato la risposta in questo forum: si trattava di controllare il Frame Rate dal menu Video (era settato, non si sa perché su 23.000 e l’abbiamo messo su standard framerate (25 FPS).

Facebook sul proprio sito

E’ piuttosto complicato. Comunque non è possibile inserire nel proprio sito una pagina Facebook che non sia propria (lo abbiamo verificato). Il che è una non piccola limitazione: infatti con Twitter è possibile inserire i tweets di qualcun altro…

“travasare” del testo greco antico da fonte UTF-8

Si trovano su internet testi in greco antico resi con unicode (UTF-8). Per salvarli sul proprio PC non è detto che basti un copia e incolla: bisogna vedere dove si incolla. Abbiamo provato, senza successo, con Quanta e con RJ-Texted. Invece siamo riusciti con Kompozer: ha incollato giusto il testo al primo colpo. Non solo, ma è stato facile anche togliere tutti i fatidiosissimi link posti da Perseus, e togliere poi, con pochi clic anche tutta la formattazione, per avere così un testo perfettamente pulito (in UTF-8).

problemi in Firefox con border-image

Le versioni più recenti di Firefox (almeno la 14 e la 15) non mi visualizzavano più la border-image (sintassi-moz-border-image).
Ho trovato la soluzione su un forum: basta aggiungere fill dopo la cifra e prima di stretch: prima era “-moz-border-image:url(img/clips/libro.jpg) 1 stretch;” e non funzionava, poi ho messo “-moz-border-image:url(img/clips/libro.jpg) 1 fill stretch;” e ha ripreso a funzionare.
Da notare che il “fill” non è necessario con Opera e con Chrome.