Trasforma gli snippet GraphQL in immagini che vale la pena condividere, senza uscire dal tuo Mac.
Una query GraphQL è soprattutto forma, ed è per questo che si legge bene come immagine e male come paragrafo di testo mandato a capo.
Codeshot riconosce GraphQL dal codice che incolli, quindi non c’è nessun selettore di linguaggio da sbagliare. Ecco lo stesso snippet in tre dei 30 temi inclusi, resi con i fogli di stile dell’app.
query Snapshots($theme: String!, $limit: Int =10){
snapshots(theme:$theme, first:$limit) {
edges {
node {
id
theme
exportScale
}}}}
Atom One · scuro
query Snapshots($theme: String!, $limit: Int =10){
snapshots(theme:$theme, first:$limit) {
edges {
node {
id
theme
exportScale
}}}}
GitHub · scuro
query Snapshots($theme: String!, $limit: Int =10){
snapshots(theme:$theme, first:$limit) {
edges {
node {
id
theme
exportScale
}}}}
Panda Syntax · scuro
Scegliere un tema per GraphQL
L'annidamento è il messaggio. Scegli un rapporto abbastanza alto perché l'intero selection set ci stia senza tagliare l'ultimo campo.
Azzeccare la misura
Lascia che l’immagine segua il contenuto o bloccala su un rapporto — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 o 3:4 — poi esporta a 1×, 2× o 3× così resta nitida su uno schermo retina. Copiala negli appunti con ⌘⇧C oppure salvala con ⌘S.