Elm

Generador de imágenes de código Elm

Convierte fragmentos de Elm en imágenes que merece la pena compartir, sin salir de tu Mac.

Las anotaciones de tipo de Elm ocupan su propia línea encima de cada función, lo que da a los fragmentos una forma reconocible que se lee bien dentro de un marco.

Codeshot detecta Elm a partir del código que pegas, así que no hay selector de lenguaje que puedas equivocar. Aquí tienes el mismo fragmento en tres de los 30 temas incluidos, renderizados con las hojas de estilo de la propia app.

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 · oscuro

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 · oscuro

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 · oscuro

Elegir un tema para Elm

Mantén la anotación junto a su función. Separarlas con un recorte quita la línea más informativa del fragmento.

Acertar con el tamaño

Deja que la imagen siga a tu contenido o fíjala a una proporción — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 o 3:4 — y exporta a 1×, 2× o 3× para que se mantenga nítida en pantallas retina. Cópiala al portapapeles con ⌘⇧C o guárdala con ⌘S.

Mira los 30 temas comparados o lee el flujo completo.

Hecho para Elm y otros 59 lenguajes

Todo se ejecuta en tu Mac. Tu código nunca sale de ahí.

Descargar