GraphQL

GraphQL Code-Screenshot-Generator

Verwandle GraphQL-Snippets in Bilder, die man gerne teilt — ohne deinen Mac zu verlassen.

GraphQL-Abfragen sind größtenteils Form — deshalb lesen sie sich als Bild gut und als umgebrochener Textabsatz schlecht.

Codeshot erkennt GraphQL an dem Code, den du einfügst; es gibt also keine Sprachauswahl, die man falsch treffen kann. Hier ist dasselbe Snippet in drei der 30 mitgelieferten Themes, gerendert mit den Stylesheets der App.

query Snapshots($theme: String!, $limit: Int = 10) {
  snapshots(theme: $theme, first: $limit) {
    edges {
      node {
        id
        theme
        exportScale
      }
    }
  }
}
Atom One · dunkel
query Snapshots($theme: String!, $limit: Int = 10) {
  snapshots(theme: $theme, first: $limit) {
    edges {
      node {
        id
        theme
        exportScale
      }
    }
  }
}
GitHub · dunkel
query Snapshots($theme: String!, $limit: Int = 10) {
  snapshots(theme: $theme, first: $limit) {
    edges {
      node {
        id
        theme
        exportScale
      }
    }
  }
}
Panda Syntax · dunkel

Das passende Theme für GraphQL

Die Verschachtelung ist die Botschaft. Wähle ein Verhältnis, das hoch genug ist, damit das komplette Selection Set passt, ohne dass das letzte Feld abgeschnitten wird.

Die richtige Größe

Lass das Bild dem Inhalt folgen oder lege es auf ein Verhältnis fest — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 oder 3:4 — und exportiere dann mit 1×, 2× oder 3×, damit es auf Retina-Displays scharf bleibt. Kopiere es mit C direkt in die Zwischenablage oder sichere mit S.

Sieh dir alle 30 Themes im Vergleich an oder lies den kompletten Ablauf.

Gebaut für GraphQL und 59 weitere Sprachen

Alles läuft auf deinem Mac. Dein Code verlässt ihn nie.

Laden