Tag: look del sito

Pelle nuova

sito web
Lock
12 Febbraio 2019
4

Dopo esattamente 3 anni, 6 mesi e 1 giorno, questo sito ha cambiato pelle.

Si tratta della terza evoluzione da quando è nato, il 17 Gennaio 2014: 5 anni, 1 mese e 10 giorni fa.1Non sono un maniaco degli anniversari, ho semplicemente utilizzato un sito che calcola la differenza tra due date.

La prima incarnazione, denominata Piss of Mind è nata modificando brutalmente uno dei temi standard di WordPress. Ho sempre immaginato una visualizzazione semplice, chiara e pulita e me la sono dovuta creare da solo perché non esisteva alcunché di simile.

Continua a leggere

Aria nuova

sito web
Lock
11 Agosto 2015

Il vecchio sito è morto, viva il re!

Che mi piacciano le cose semplici ed essenziali credo lo si sia ormai ampiamente capito.
Questo sito — che ha recentemente passato il traguardo dell'anno e mezzo — è sempre stato di mio gradimento, ma c'era qualche piccolo dettaglio che non mi convinceva pienamente. Innanzitutto il cosiddetto header1L'intestazione, ovvero il menu principale, la form della ricerca, ecc. era troppo grande.2Lo so che ormai, con l'avvento dei monitor superaccaddì va di moda sprecare spazio, tanto che molti siti utilizzano la metà superiore dello schermo solo per mostrare il titolo e/o una inutile immagine di intestazione, ma io sono della vecchia guardia e ai miei tempi ogni singolo pixel era importante

Il loghetto animato era simpatico (perlomeno a me) ma, con l'aggiunta del menu e del campo di ricerca subito sotto, andava a finire che occorreva cominciare a scrollare la pagina prima ancora di aver letto l'inizio del primo articolo.

Continua a leggere

IO.SDK

sito web
Lock
11 Agosto 2015

Questo articolo è di carattere tecnico, serve a me per ricordarmi la struttura del codice degli elementi utilizzati nel sito.
Ignoralo pure, oppure fatii un bel trip gratuito e molto colorato. :)

Continua a leggere

La ricerca della perfezione

riflessioni – sito web
Lock
3 Marzo 2014

Quando faccio qualcosa non accetto compromessi.1Cioè sì, li accetto come tutti, specialmente nel caso (molto frequente) in cui le mie capacità non siano sufficienti. Però facciamo finta che faccio solo cose che sono in grado di fare al 100%, altrimenti salta il concetto di tutto il post.

Dalla cosa più stupida a quella più complessa io miro al concetto di ‘perfezione’. Poi non è detto che riesca a raggiungerla, anzi, però la mia motivazione è quella. Lo sa bene chi ha a che fare con me quanto io sia pignolo, assillante, maniaco (anche in altri campi ma non divaghiamo) e perfezionista. In poche parole un gran rompicoglioni.
Se per esempio devo disegnare un'icona, magari ci metto una settimana. E la rifaccio dieci volte. E poi altre dieci il giorno dopo. E così via finché non ottengo esattamente ciò che voglio. Che poi non è un concetto preciso, magari oggi la voglio rossa e domani mi sveglio e mi rendo conto che blu è molto meglio. O magari verde il mese dopo.

Continua a leggere

Da capo

sito web
Lock
25 Gennaio 2014
7

Mi concentro sempre sui dettagli. Non importa cosa stia facendo, se lavando i piatti o progettando un nuovo Shuttle (entrambe le ipotesi hanno la stessa probabilità di accadere), tutto deve sempre essere perfetto. Non esiste che un particolare sia lasciato allo stato grezzo, non è da me.

Questa cosa mi fa star male. Sì perché passo le ore a lavorarci sopra, mi incazzo come una bestia, invoco gli dèi del cielo e degli inferi, auguro loro (rispettivamente) di bruciare tra fiamme eterne o dissolversi in nuvolette di arcobaleni e poi mi avvilisco. Perché mi rendo conto che nessuno al mondo perde il proprio tempo in questo modo.

Continua a leggere

'Sto sito pe' cecati!

sito web
Lock
21 Gennaio 2014
1

Nonostante tutti i buoni propositi di focalizzarmi sui contenuti e non sulla forma, sono già due giorni che lavoro ininterrottamente per tirar fuori un tema grafico che possa placare la mia irrefrenabile ansia da perfezionismo.

Continua a leggere

Cose da fare

17 Gennaio 2014
  1. Verificare se vale la pena implementare top_fix;
  2. Controllare tutti i CSS del vecchio style per vedere se mi sono dimenticato qualcosa.
  3. Pagina videogiochi e, in generale, tutte le pagine;
  4. Allineamento generale elementi della pagina (distanze, ecc.);
  5. Barra Accesskey;
  6. Footnote traduzione articolo;
  7. Solito menu laterale da sistemare;(controllare ris. mobile e schermi medi)
  8. Formattazione form commenti;

Anno Zero

sito web
Lock
16 Gennaio 2014

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ù remote.1E, già che ci sono, ne approfitto per spiegarvi il funzionamento del sito, e pure come navigarlo al meglio, alé!

Eh? Che cavolo hai appena detto?

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

Ok, ora è più chiaro. Ma come navigo in modo efficiente?

In fondo a ogni articolo, ai lati della pagina, sono presenti due grandi bottoni quadrati. Quello a sinistra porta all'articolo precedente, ovvero più vecchio, l'altro al successivo, cioè al più recente.

Potrai così risalire fino al primo articolo, che è datato 1999.

Parlami della navigazione e dell'accessibilità

Alcune funzionalità del sito possono essere attivate tramite scorciatoie da tastiera.

Ne ho implementate di due tipi: le accesskey, che sono combinazioni standard del browser, e dirette tramite codice javascript.

Vediamo le differenze:

Accesskey

Si tratta di premere una combinazione di tasti, seguiti da una lettera o un numero.

Su Firefox, Chrome e Safari per MacOS, ad esempio, si usa CTRL+⌥+LETTERA.2 CTRL = CONTROL
⌥ = OPZIONE o ALT

Per gli altri sistemi/browser guarda qui.

Tasti validi ovunque

H – Home page

L – I libri che ho letto
G – I videogiochi che ho giocato
S – La scienza spiegata semplice
T – Tutti gli articoli su J.R.R. Tolkien
0 – Anno Zero (il tasto è uno zero)
A – La pagina degli autori

Z – Articolo/Pagina precedenti
X – Articolo/Pagina successivi

1 – Vai all’inizio della pagina
2 – Vai alla fine della pagina

Purtroppo non è possibile richiamare la ricerca tramite accesskey perché si tratta di un campo nascosto, e necessita codice javascript per invocarlo. Ma si può fare con le combinazioni dirette (vedi più avanti).

Tasti validi soltanto in homepage

P – Vai alla pagina…

Per capirci, premi combinazione-di-tasti + L per andare alla pagina dei libri letti.

E così via…

Combinazioni dirette

Le accesskey sarebbero un sistema eccezionale, se non fosse per due grandi difetti:

  1. Variano da browser a browser (non c'è uno standard chiaro).
  2. Prevedono la pressione di troppi tasti, per cui risultano scomode.

Per questo motivo, parallelamente alle accesskey (che lascio per consentire una buona accessibilità) ho introdotto altre combinazioni di tasti, che funzionano allo stesso modo su tutti i browser. Queste prevedono la pressione dei tasti SHIFT + CRTL3Inizialmente avevo previsto unicamente la pressione del tasto SHIFT, ma mi sono reso conto che interferiva con la scrittura dei commenti. :P e di un altro tasto:

Tasti validi ovunque

SHIFT-CTRL – H — Home page

SHIFT-CTRL – ← – Articolo/Pagina precedenti
SHIFT-CTRL – → – Articolo/Pagina successivi
SHIFT-CTRL – ↑ – Vai all’inizio della pagina
SHIFT-CTRL – ↓ – Vai alla fine della pagina

SHIFT-CTRL – < oppure SHIFT-CTRL – barra spaziatrice – Ricerca

SHIFT-CTRL – 0 — Pagina Anno Zero

Tasti validi soltanto in homepage

SHIFT-CTRL – P – Vai a pagina…

Quindi, in breve, per tornare alla Home page basta premere SHIFT + H.

Il motivo per cui non tutti sono identici alle rispettive accesskey è che queste ultime non sono in grado di utilizzare bottoni speciali, come ad esempio i tasti cursore, che sono di più immediato utilizzo. Quindi, a questo punto, ho preferito posizionare anche tutti gli altri a comoda portata di dito.

Inoltre non ho voluto abusare di questo sistema inserendo tutti i collegamenti, perché il javascript assume il controllo del browser e potrebbe interferire con eventuali shortcut. Pertanto mi sono limitato allo stretto indispensabile.

Utilizza pure il sistema che preferisci.

Hai qualche altra perla di saggezza?

Ho sempre avuto un rapporto conflittuale con i vari sistemi di navigazione delle pagine. Perché, se uno sta cercando un articolo preciso, l’unico metodo efficace è quello di muoversi di una pagina alla volta controllando tutta la lista (anche se a quel punto farebbe prima a usare la ricerca).
Vedere qualcosa del genere, per quanto carino esteticamente, è ai fini pratici completamente inutile:

Mettiamo che il sito abbia 100 pagine e io voglia andare alla sessantesima. Prova a immaginare quanti click dovrei fare!4Ok, i più svegli ci andrebbero modificando l’URL, ma si tratta di un compromesso e questo significa che il designer del sito andrebbe preso a scudisciate sulle chiappe.

L’unico dato davvero importante è il numero totale delle pagine, e un sistema per andare velocemente dove si vuole.

Premendo l’accesskey P (vedi il punto sopra) dalla home page5Naturalmente funziona soltanto lì, all’interno di un articolo non avrebbe senso. si aprirà questa finestrella (molto spartana, lo ammetto, ma funziona bene):

Inserisci il numero della pagina di destinazione e ci arriverai al volo. Di default verrà automaticamente preimpostata l’ultima.

Infine, inserendo ‘0’, ‘z’ o ‘zero’ indovina un po’ quale pagina si aprirà?

Ok, sei pronto per attivate il flusso canalizzatore e viaggiare nel passato (selezionando il bottone a sinistra) o nel futuro (bottone a destra):

Translate »