Elm

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

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

Elm's type annotations sit on their own line above each function, which gives snippets a distinctive shape that reads well in a frame.

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

module Snapshot exposing (export)

type alias Options =
    { theme : String
    , scale : Int
    }

export : String -> Options -> Result String String
export code options =
    code |> render options.theme |> save options.scale

Atom One · тёмная

module Snapshot exposing (export)

type alias Options =
    { theme : String
    , scale : Int
    }

export : String -> Options -> Result String String
export code options =
    code |> render options.theme |> save options.scale

GitHub · тёмная

module Snapshot exposing (export)

type alias Options =
    { theme : String
    , scale : Int
    }

export : String -> Options -> Result String String
export code options =
    code |> render options.theme |> save options.scale

Solarized · тёмная

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

Keep the annotation with its function. Splitting them across a crop removes the most informative line in the snippet.

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

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

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

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

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

Скачать для macOS