Verwandle GraphQL-Snippets in Bilder, die man gerne teilt — ohne deinen Mac zu verlassen.
GraphQL queries are mostly shape, which is why they read well as an image and badly as a wrapped paragraph of text.
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
The nesting is the message. Pick a ratio tall enough that the full selection set fits without the last field being cut off.
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.