Elm

Elm Code-Screenshot-Generator

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

Elms Typannotationen stehen jeweils in einer eigenen Zeile über der Funktion, was Snippets eine markante Form gibt, die sich im Rahmen gut liest.

Codeshot erkennt Elm 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.

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

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

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

Das passende Theme für Elm

Halte die Annotation bei ihrer Funktion. Trennt ein Zuschnitt beide, fehlt die informativste Zeile des Snippets.

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 Elm und 59 weitere Sprachen

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

Laden