JavaScript

Generatore di immagini di codice JavaScript

Trasforma gli snippet JavaScript in immagini che vale la pena condividere, senza uscire dal tuo Mac.

Gli snippet JavaScript viaggiano più lontano degli altri, anche perché buona parte del pubblico riesce a leggerli senza contesto.

Codeshot riconosce JavaScript dal codice che incolli, quindi non c’è nessun selettore di linguaggio da sbagliare. Ecco lo stesso snippet in tre dei 30 temi inclusi, resi con i fogli di stile dell’app.

export async function share(snippet) {
  const image = await render(snippet, {
    theme: "atom-one",
    padding: 20,
  });

  return upload(image, { format: "png" });
}
Atom One · scuro
export async function share(snippet) {
  const image = await render(snippet, {
    theme: "atom-one",
    padding: 20,
  });

  return upload(image, { format: "png" });
}
GitHub · scuro
export async function share(snippet) {
  const image = await render(snippet, {
    theme: "atom-one",
    padding: 20,
  });

  return upload(image, { format: "png" });
}
Panda Syntax · scuro

Scegliere un tema per JavaScript

Il codice asincrono si giova di un formato più largo. Se le righe si allungano per via delle catene di promise, il 16:9 le tiene su una riga sola: conta più dello spazio bianco che ti costa.

Azzeccare la misura

Lascia che l’immagine segua il contenuto o bloccala su un rapporto — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 o 3:4 — poi esporta a 1×, 2× o 3× così resta nitida su uno schermo retina. Copiala negli appunti con C oppure salvala con S.

Guarda tutti i 30 temi a confronto oppure leggi il flusso completo.

Pensato per JavaScript e altri 59 linguaggi

Tutto gira sul tuo Mac. Il tuo codice non lo lascia mai.

Scarica per macOS