Banner di avviso noscript per Blogger

-

Questo mio sito qui su Blogger usa vario codice JavaScript custom che, per quanto non essenziale per la lettura, visto che Blogspot è una piattaforma di base decente ed io non sono così cretina come molti sviluppatori web moderni, è comunque importante per diverse cose; ad esempio, per renderizzare il Markdown su quasi tutti i miei post.

Di conseguenza, per quanto il visitatore medio avrà certamente JavaScript attivo nel browser per tutti i siti, e vedrà quindi già il mio perfettamente funzionante, questa non è la totalità degli utenti. Infatti, gli utenti più paranoici (...tra cui io), per dirne una categoria, che bloccano di default JavaScript sui siti non conosciuti, capitando sul mio potrebbero vedere il sito in uno stato strano, per cui sembra generalmente a posto, ma alcuni dettagli sono rotti...

Per ovviare a questo problema, è buona norma piazzare un avviso ben visibile su tutte le pagine del sito che informa gli utenti con JavaScript disattivato (e solo loro, per non causare confusione) che, per l'appunto, dovrebbero attivarlo... o, quantomeno, che il sito ne ha bisogno e quindi, se qualcosa sembra rotto, il motivo è che JS è disattivato, poi ognuno faccia quello che vuole.

Beh, questo è stato tutto sommato molto semplice: ho dovuto solo aggiungere del codice scemotto nel template HTML del tema attivo... avrei preferito aggiungerlo in un gadget HTML/JavaScript, che sarebbe più pulito, ma purtroppo, almeno per il mio tema, l'unico posto possibile sarebbe la sidebar, dove però non sarebbe sempre correttamente visibile, quindi nulla da fare.

Alla fine del body, giusto prima del tag di chiusura `</body>`, ho aggiunto il codice HTML del banner con il relativo testo di avviso:

[PageCode NoScriptBanner]

Per rendere il banner efficace, ho poi aggiunto del codice CSS per stilizzarlo gustosamente, in fondo all'interno dell'elemento `<b:skin>` del tema, giusto prima del tag di chiusura `]]></b:skin>`... e notare l'uso delle variabili di tema di Blogger per ottenere in automatico i colori giusti, abbinati e perfettamente sincronizzati in automatico con lo stile del sito:

#NoScriptBanner{position: fixed; top: 0; left: 0; z-index: 999; margin: 0; width: 100%; background-color: $(body.background.color); color: $(blog.title.color); text-align: center;}

Dopo aver salvato le modifiche, questo è il risultato finale: un banner discreto e compatto, ma comunque abbastanza visibile, fissato in cima allo schermo su tutte le pagine, e che rimane visibile anche scrollando; e che, grazie all'uso del tag `<noscript>`, appare solo quando JavaScript è effettivamente disattivato... le persone non strane non lo avranno neanche mai notato. (E, quasi quasi, mi dispiace, perché è bellino ed elegante... ma meglio così.)

Commenti

Posta un commento

Post popolari in questo blog

-
Il pesce palla l'altra sera proponeva questa riflessione sullo stato attuale della politica fondamentalmente mondiale: > Rega ma secondo voi dove sta la soglia tra "destra" ed "estrema destra"? > Perché a me pare che si usi il secondo termine per screditare fondamentalmente chiunque non stia abbastanza a "sinistra" (che ricordiamo essere la parte buona per assoluto a prescindere da quanto estrema sia /s) > Che poi arrivano i chuuni di turno che si sentono giustificati a pestare a morte gente solo perché nello spettro "malvagio" della politica Non è un dubbio stupido di per sé, e anzi, rispondere efficacemente è forse più difficile di quanto sembra. Quello che osservo io, e che può forse essere una risposta adatta al dubbio in astratto, è che sostanzialmente l'estrema destra è una destra non moderata; in modo parallelo a come l'estrema sinistra può essere considerata una sinistra non moderata... e, a riprova di questo, in real...
Continua a leggere

Preoccupazioni inutili sul mio braccio prima delle analisi del sangue

-
Immagine
Essendo state per la fine di questo mese di febbraio in programma delle nuove analisi del sangue per me, come previsto per via della mia terapia ormonale, per qualche settimana ho di nuovo dovuto evitare di tagliarmi sul braccio sinistro... Questo perché non sarebbe proprio il massimo farmi prelevare il sangue da un braccio pieno di segni sospetti, quando voglio evitare di farmi sgamare dai miei genitori ad aver ripreso il vizio, ma sorvoliamo su ciò. Beh, per fortuna non sono ancora al punto delle cose per cui le mie mani si muovono da sole, quindi per queste settimane mi sono semplicemente tagliata altrove, e non ci sono stati problemi... o, almeno, non mi sono fatta problemi... fino a quando, proprio pochi giorni fa, avevo notato che alcune linee sulla parte bassa del mio avambraccio sinistro — relativamente vicino a dove si infila l'ago, maledettamente — erano vagamente troppo visibili per i miei gusti in questo caso... Tralasciando come non mi capacito che non siano completame...
Continua a leggere

Vediamo 'sto cestino e le sue criticità iniziali

-
Immagine
Vediamo un po' come funziona 'sto robino... usare il Blogger come cestino... sarà un fallimento. Rogna 0: non mi piace il fatto che i permalink sono così cagati dentro questo software... non li voglio legati al titolo del post (che magari è pure assente in certi), non li voglio estratti dal testo contenuto, e non li voglio blog-post-<numero> perché che schifo... ...Soluzione: usare un ID che non significa niente come permalink del post, programmando di non cambiarlo in futuro... E, soluzione pratica: copiare al volo l'ID interno del post dalla barra degli indirizzi del browser, quindi impostarlo come permalink personalizzato al post (meglio), o piazzarlo al volo come titolo per farglielo prendere da solo (meglio evitare, perché non persiste il ripristino a bozze qualora la funzione fosse usata). Rogna 1: bisogna trovare un tema decentino... quelli moderni offerti dalla piattaforma sono minimali e carini ma forse hanno certi dettagli un po' così; quelli di terze p...
Continua a leggere