Django

Generatore di immagini di codice Django

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

Django templates mix two languages at once, and a screenshot is the clearest way to show where the template tags sit inside the markup.

Codeshot riconosce Django 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.

{% extends "base.html" %}

{% block content %}
  <ul class="snapshots">
    {% for snap in snapshots %}
      <li>{{ snap.theme }}{{ snap.created|date:"j M Y" }}</li>
    {% endfor %}
  </ul>
{% endblock %}
Atom One · scuro
{% extends "base.html" %}

{% block content %}
  <ul class="snapshots">
    {% for snap in snapshots %}
      <li>{{ snap.theme }}{{ snap.created|date:"j M Y" }}</li>
    {% endfor %}
  </ul>
{% endblock %}
Edge · scuro
{% extends "base.html" %}

{% block content %}
  <ul class="snapshots">
    {% for snap in snapshots %}
      <li>{{ snap.theme }}{{ snap.created|date:"j M Y" }}</li>
    {% endfor %}
  </ul>
{% endblock %}
GitHub · scuro

Scegliere un tema per Django

Pick a theme that colours template tags differently from HTML. If they render the same, the whole point of the snippet disappears.

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 Django e altri 59 linguaggi

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

Scarica per macOS