GraphQL

Generatore di immagini di codice GraphQL

Trasforma gli snippet GraphQL in immagini che vale la pena condividere, senza uscire dal tuo Mac.

GraphQL queries are mostly shape, which is why they read well as an image and badly as a wrapped paragraph of text.

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

The nesting is the message. Pick a ratio tall enough that the full selection set fits without the last field being cut off.

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.

Guarda tutti i 30 temi a confronto oppure leggi il flusso completo.

Pensato per GraphQL e altri 59 linguaggi

Tutto gira sul tuo Mac. Il tuo codice non lo lascia mai.

Scarica per macOS