{"id":550,"date":"2014-01-16T00:00:05","date_gmt":"2014-01-15T23:00:05","guid":{"rendered":"http:\/\/www.lemonskin.net\/eccoci_qua\/?p=550"},"modified":"2026-04-07T21:48:05","modified_gmt":"2026-04-07T19:48:05","slug":"anno-zero","status":"publish","type":"post","link":"https:\/\/www.lemonskin.net\/io\/550\/","title":{"rendered":"Anno Zero"},"content":{"rendered":"\n

Anno zero rappresenta uno spartiacque tra i post che sono nati su questo blog e quelli che provengono da altri luoghi e da epoche pi\u00f9 remote.1<\/a><\/sup>E, gi\u00e0 che ci sono, ne approfitto per spiegarti il funzionamento del sito, e pure come navigarlo al meglio, al\u00e9!<\/span><\/p>\n\n\n\n\n\n\n\n

Eh? Che cavolo hai appena detto?<\/summary>\n

Nel corso degli ultimi quindici anni ho avuto numerosi altri blog pi\u00f9 o meno longevi, e alcuni post mi stanno particolarmente a cuore per cui me li sono portati dietro. Per\u00f2, siccome ho mantenuto la data di pubblicazione originale, invece di apparire come nuovi articoli sono finiti dietro. Sar\u00e0 quindi necessario muoversi a ritroso per leggerli e la pagina che stai leggendo \u00e8 il punto di partenza ideale.<\/p>\n<\/details>\n\n\n\n

Ok, ora \u00e8 pi\u00f9 chiaro. Ma come navigo in modo efficiente?<\/summary>\n

In fondo a ogni articolo sono presenti due grandi bottoni quadrati:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Quello a sinistra ti porter\u00e0 nel passato, ovvero agli articoli cronologicamente precedenti alla nascita di questo blog, il bottone a destra ti consentir\u00e0 di viaggiare nel futuro.2<\/a><\/sup> Normalmente i due bottoni mostrano l’articolo precedente e, se presente, il successivo.<\/span><\/p>\n<\/details>\n\n\n\n

Parlami della navigazione e dell’accessibilit\u00e0<\/summary>\n

Alcune funzionalit\u00e0 del sito possono essere attivate tramite scorciatoie da tastiera.<\/p>\n\n\n\n

Bla bla tecnico<\/summary>\n

Ho implementato due sistemi differenti ma in qualche modo integrati tra loro: accesskey<\/em> e scorciatoie dirette<\/em> tramite codice Javascript.<\/p>\n\n\n\n

In sostanza, premendo una determinata combinazione di tasti pi\u00f9 una lettera, \u00e8 possibile saltare direttamente a una precisa sezione o articolo del sito.<\/p>\n\n\n\n

Le accesskey<\/em> sarebbero un sistema eccezionale, se non avessero due grandi difetti:<\/p>\n\n\n\n

    \n
  1. Prevedono spesso la pressione di tasti scomodi da raggiungere, rendendo l’operazione difficoltosa.<\/li>\n\n\n\n
  2. Variano da browser a browser, non c’\u00e8 uno standard chiaro: ogni singolo browser esistente al mondo prevede una propria combinazione di tasti<\/a> per richiamarle, rendendo il tutto confusionario e davvero poco attendibile.<\/li>\n<\/ol>\n\n\n\n

    Per dire, con Chrome e Safari su MacOS (che \u00e8 la combinazione che uso io) \u00e8 necessario premere i tasti \u2303 (Control) e \u2325 (Option) pi\u00f9 la lettera richiesta. Con lo stesso browser e Windows si usa ALT; ma, in alcuni casi, \u00e8 necessario premere anche \u21e7 (Shift). Capisci bene che la coerenza va a farsi benedire. Inoltre WordPress sembra avere grossi (ma davvero grossi) problemi con le accesskey, tanto che spesso non vengono nemmeno inserite nella pagina HTML.<\/p>\n\n\n\n

    Cos\u00ec ho deciso di sovrapporre alle normali accesskey<\/em> un nuovo layer che mi consenta, inoltre, di poter utilizzare tasti non consentiti, come le frecce, che per me sono di importanza fondamentale.<\/p>\n\n\n\n

    Ci\u00f2 significa che, se come me usi MacOS e Chrome, ti baster\u00e0 premere \u2303 + \u2325 + lettera<\/em> e infischiartene se partir\u00e0 una accesskey<\/em> o una scorciatoia Javascript. Se invece utilizzi una combinazione di sistema operativo e browser differenti, sarai costretto a utilizzare il link sopra per scoprire qual \u00e8 la pressione di tasti necessaria.<\/p>\n\n\n\n

    Di fatto, comunque, \u2303 + \u2325 + lettera<\/em> funzioner\u00e0 anche col tuo browser, ma sar\u00e0 limitata alle combinazioni “valide ovunque” indicate qui sotto. Le accesskey<\/em> non funzioneranno.<\/p>\n<\/details>\n\n\n\n

    Tasti validi ovunque<\/h2>\n\n\n\n

    \u2303+<\/span>\u2325 +<\/span>H<\/strong> \u2014<\/span> Home page<\/p>\n\n\n\n

    \n\n\n\n

    \u2303+<\/span>\u2325+<\/span>\u2190<\/strong> \u2014<\/span> Articolo\/Pagina precedenti
    \u2303+<\/span>\u2325+<\/span>\u2192<\/strong> \u2014<\/span> Articolo\/Pagina successivi
    \u2303+<\/span>\u2325+<\/span>\u2191<\/strong> \u2014<\/span> Vai all\u2019inizio della pagina    3<\/a><\/sup>Occorre tenere i tasti premuti. Non so il perch\u00e9, ma \u00e8 molto probabile che la combinazione di \u2303 e \u2325 vada in conflitto con la funzione di “pagina su” e “pagina gi\u00f9”.<\/span>
    \u2303+<\/span>\u2325+<\/span>\u2193<\/strong> \u2014<\/span> Vai alla fine della pagina    4<\/a><\/sup>Idem come sopra.<\/span><\/p>\n\n\n\n

    \n\n\n\n
    \n
    \n

    \u2303+<\/span>\u2325+<\/span>barra spaziatrice<\/strong><\/nobr><\/p>\n<\/div>\n\n\n\n

    \n

    \u2014<\/span> Ricerca<\/p>\n<\/div>\n<\/div>\n\n\n\n

    \n\n\n\n

    \u2303+<\/span>\u2325+<\/span>Z<\/strong> \u2014<\/span> Pagina Anno Zero <\/p>\n\n\n\n

    \n\n\n\n

    Per vedere quali accesskey<\/em> sono attive sul sito, \u00e8 sufficiente osservare le voci del menu. Se all’interno \u00e8 presente una lettera sottolineata, significa che tale lettera ti porter\u00e0 direttamente all’articolo o alla sezione.<\/p>\n\n\n\n

    Eccone alcune (ma ce ne sono molte di pi\u00f9):<\/p>\n\n\n\n

    T<\/strong> \u2014<\/span> Tutti gli articoli su J.R.R. Tolkien<\/a>.
    L<\/strong> \u2014<\/span>     I libri che ho letto<\/a>.
    V<\/strong> \u2014<\/span>     I videogiochi a cui ho giocato<\/a> (vale anche G<\/strong>)<\/mark>.
    S<\/strong> \u2014<\/span>     La scienza spiegata semplice<\/em><\/a>.
    E<\/strong> \u2014<\/span>     Tutti gli articoli Lego<\/a>.
    O<\/strong> \u2014<\/span>     Tutti gli articoli sullo Spazio e la fantascienza<\/a>.
    U<\/strong> \u2014<\/span>     Tutti gli articoli su Guerre Stellari<\/a>.
    R<\/strong> \u2014<\/span>     Tutti i racconti del sito<\/a>.
    I<\/strong> \u2014<\/span>     Citazioni<\/a>.
    D<\/strong> \u2014<\/span>     Digressioni<\/a>.
    A<\/strong> \u2014<\/span>     La pagina degli autori<\/a>.<\/p>\n\n\n\n

    Tasti validi in un elenco di articoli<\/h2>\n\n\n\n

    \u2303+<\/span>\u2325+<\/span>P<\/strong> \u2014<\/span> Vai a pagina…<\/p>\n\n\n\n

    Questa scorciatoia funziona soltanto su una pagina con una lista di articoli, come la Home Page oppure quando vengono mostrati i risultati di una ricerca; o, ancora, quando si visualizzano tutti gli articoli di una determinata categoria.<\/p>\n\n\n\n

    In tutti gli altri casi si limiter\u00e0 a richiamare eventuali accesskey<\/em> assegnate alla lettera P<\/strong>.5<\/a><\/sup>Chiaramente solo se la combinazione dei tasti corrisponder\u00e0 al tuo browser \/ sistema operativo (vedi sezione “Bla bla tecnico”, poco sopra).<\/span><\/p>\n<\/details>\n\n\n\n

    Perch\u00e9 la colonna di destra si vede a malapena?<\/summary>\n

    Perch\u00e9 cos\u00ec, mentre si sta leggendo un articolo, non ci saranno elementi di distrazione. Per visualizzarla normalmente \u00e8 sufficiente spostarci sopra il mouse. A quel punto torner\u00e0 perfettamente visibile.<\/p>\n\n\n\n

    Sui dispositivi touch<\/em> (cellulari, tablet, ecc…) la dissolvenza \u00e8 disabilitata.<\/p>\n<\/details>\n\n\n\n

    Come torno velocemente alla home page<\/em>?<\/summary>\n

    Il link in alto a destra, denominato “Home” ti porter\u00e0 velocemente alla pagina principale del sito, che poi \u00e8 una lunga lista di articoli pubblicati in ordine cronologico inverso (il pi\u00f9 recente \u00e8 in alto). In altrernativa puoi cliccare sul piccolo logo rotante.<\/p>\n\n\n\n

    Tuttavia esiste un metodo molto pi\u00f9 veloce quando ci si trova all’interno di un articolo (o di una ricerca): \u00e8 sufficiente cliccare sul titolo dell’articolo (o sui risultati della ricerca, in grigio), in questo caso “Anno Zero”; vedrai che il puntatore del mouse si trasformer\u00e0 in una manina.<\/p>\n<\/details>\n\n\n\n

    <\/div>\n\n\n\n
    Cosa significa AMM?<\/summary>\n

    La sigla AMM, che compare spesso in molti miei articoli, significa semplicemente \u201cA Modo Mio\u201d, e indica un disegno, una modifica di un film, una creazione Lego, o qualsiasi altro lavoro che ho realizzato a mio personalissimo gusto personale. :)<\/p>\n\n\n\n

    Ecco tutti i miei progetti AMM<\/a>.<\/p>\n<\/details>\n\n\n\n

    Hai qualche altra perla di saggezza?<\/summary>\n

    Ho sempre avuto un rapporto conflittuale con i sistemi di navigazione delle pagine di molti siti Web, perch\u00e9 li trovo davvero poco pratici: se si sta cercando una pagina precisa, l\u2019unico sistema \u00e8 continuare a cliccare numeri fino a quando si arriva a quella corretta.
    Vedere qualcosa del genere, per quanto carina esteticamente, \u00e8 ai fini pratici una infinita perdita di tempo:<\/p>\n\n\n

    \n
    \"\"<\/figure>\n<\/div>\n\n\n

    Mettiamo che nell’esempio sopra un ipotetico sito abbia novecentocinquanta pagine e io voglia andare alla seicentotrentacinquesima. Prova a immaginare quanti click dovrei fare!6<\/a><\/sup>Ok, i pi\u00f9 svegli ci andrebbero modificando manualmente l\u2019URL, ma \u00e8 pur sempre uno scomodo compromesso, e questo significa che il designer del sito andrebbe preso a scudisciate sulle chiappe.<\/span><\/p>\n\n\n\n

    L\u2019unico dato davvero importante \u00e8 il numero totale delle pagine, e un sistema per andare velocemente dove si vuole.<\/p>\n\n\n\n

    Premendo l\u2019accesskey P<\/strong> (vedi il punto “Parlami della navigazione e dell’accessibilit\u00e0”) dalla home page, oppure dai risultati di una ricerca, o una pagina di tag o categorie7<\/a><\/sup>Quindi non da questa pagina, che \u00e8 un articolo.<\/span>, si aprir\u00e0 questa finestrella (\u00e8 molto spartana lo ammetto, del resto \u00e8 puro e semplice JavaScript, ma svolge perfettamente il proprio dovere):<\/p>\n\n\n

    \n
    \"\"<\/figure>\n<\/div>\n\n\n

    Nella prima riga ti dice quante sono le pagine totali (in questo caso 23 con l’ultima gi\u00e0 automaticamente selezionata): ti basta scrivere un numero compreso nel range<\/em>, premere invio e ci arriverai al volo.<\/p>\n\n\n\n

    Inserendo invece \u20180\u2019, \u2018z\u2019 o \u2018zero\u2019 indovina un po\u2019 quale pagina<\/a> si aprir\u00e0?<\/p>\n<\/details>\n\n\n\n

    Perch\u00e9 molti articoli hanno il tag lr<\/strong>?<\/summary>\n

    Si tratta di articoli pubblicati quando ancora non c’erano (o, perlomeno, non ne avevo io) monitor ad alta risoluzione, per cui le immagini allegate erano molto piccole. Oggi il sito si \u00e8 aggiornato, ma loro sono rimaste uguali: “lr” sta per “low-res”.<\/p>\n\n\n\n

    Ogni tanto rimetto mano a qualche vecchio post e, se ne ho la possibilit\u00e0, sostituisco tali immagini e rimuovo il tag; ma della maggior parte di loro, sfortunatamente, non posseggo pi\u00f9 il file originale.<\/p>\n<\/details>\n","protected":false},"excerpt":{"rendered":"

    Anno zero rappresenta uno spartiacque tra i post che sono nati su questo blog e quelli che provengono da altri luoghi e da epoche pi\u00f9 remote.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_stopmodifiedupdate":false,"_modified_date":"","advgb_blocks_editor_width":"","advgb_blocks_columns_visual_guide":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":true,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2],"tags":[111219,111239],"class_list":["post-550","post","type-post","status-publish","format-standard","hentry","category-sito-web","tag-faq","tag-look-del-sito"],"acf":[],"author_meta":{"display_name":"lock","author_link":"https:\/\/www.lemonskin.net\/io\/author\/lock\/"},"featured_img":null,"jetpack_featured_media_url":"","coauthors":[],"tax_additional":{"categories":{"linked":["sito web<\/a>"],"unlinked":["sito web<\/span>"]},"tags":{"linked":["f.a.q.<\/a>","look del sito<\/a>"],"unlinked":["f.a.q.<\/span>","look del sito<\/span>"]}},"comment_count":"0","relative_dates":{"created":"Pubblicato 12 anni fa","modified":"Aggiornato 15 ore fa"},"absolute_dates":{"created":"Pubblicato il 16 Gennaio 2014","modified":"Aggiornato il 7 Aprile 2026"},"absolute_dates_time":{"created":"Pubblicato il 16 Gennaio 2014 0:00","modified":"Aggiornato il 7 Aprile 2026 21:48"},"featured_img_caption":"","series_order":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/posts\/550","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/comments?post=550"}],"version-history":[{"count":9,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/posts\/550\/revisions"}],"predecessor-version":[{"id":51751,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/posts\/550\/revisions\/51751"}],"wp:attachment":[{"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/media?parent=550"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/categories?post=550"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lemonskin.net\/io\/wp-json\/wp\/v2\/tags?post=550"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}