Django
Convierte fragmentos de Django en imágenes que merece la pena compartir, sin salir de tu Mac.
Las plantillas de Django mezclan dos lenguajes a la vez, y una captura es la forma más clara de enseñar dónde encajan las etiquetas dentro del marcado.
Codeshot detecta Django 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.
{% 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 %}{% 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 %}{% 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 %}Elige un tema que coloree las etiquetas de plantilla distinto del HTML. Si se ven igual, se pierde todo el sentido del fragmento.
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.
Todo se ejecuta en tu Mac. Tu código nunca sale de ahí.