GraphQL

Генератор изображений кода GraphQL

Превращайте фрагменты GraphQL в изображения, которыми хочется делиться, не покидая Mac.

Запрос на GraphQL — это в основном форма, поэтому он хорошо читается картинкой и плохо — абзацем текста с переносами.

Codeshot определяет GraphQL по вставленному коду, так что ошибиться с выбором языка невозможно. Вот один и тот же фрагмент в трёх из 30 встроенных тем, отрисованных стилями самого приложения.

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

Как выбрать тему для GraphQL

Вложенность и есть сообщение. Возьмите пропорцию достаточно высокую, чтобы весь набор полей поместился и последнее поле не обрезалось.

Как выбрать размер

Пусть размер следует за содержимым или зафиксируйте соотношение — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 или 3:4 — а затем экспортируйте в 1×, 2× или 3×, чтобы изображение оставалось чётким на retina-экране. Скопируйте его в буфер обмена сочетанием C или сохраните через S.

Посмотрите все 30 тем рядом или прочитайте весь процесс.

Сделано для GraphQL и ещё 59 языков

Всё работает на вашем Mac. Код никогда его не покидает.

Скачать