SELECTORACLE

Dal nome, SelectORacle potrebbe sembrare come un prodotto per database ma invece non lo è. Si tratta di un grazioso strumento online che traduce selettori CSS validi in qualcosa che assomiglia ad un regolare inglese oppure spagnolo, tedesco o bulgaro (gli ultimi due sono al momento in cui scrivo l’articolo incompleti, l’italiano naturalmente non c’è).

Panoramica

L’utilizzo è semplicissimo, andate qua: gallery.theopalgroup.com/selectoracle/ ed inserire nel campo Direct Input uno o più selettori CSS validi, non importa quanto complessi siano. Scegliete la lingua, quindi cliccate sul pulsante Explain This!. Nel box sottostante comparirà una spiegazioni di ogni selettore che hai inserito.

Vediamo qualche esempio

body > ol > li p;

Questo selettore genererà la seguente spiegazione:
Selects any p element that is a descendant of a li element that is a child of an ol element that is a child of a body element.

Vediamone un’altro:

body > h2:not(:first-of-type):not(:last-of-type)

Spiegazione:
Selects any h2 element that is not a first child of its type and that is not a last child of its type that is a child of a body element.

Forse a prima vista le spiegazioni potrebbero sembrare un po’ confuse, ma se le leggiamo lentamente sono molto chiare. Probabilmente SelectORacle non sarà uno dei vostri strumenti preferiti, tuttavia, se vi imbattete in un selettore il cui scopo è poco chiaro, SelectORacle può essere in grado di aiutarvi.