Transformez vos extraits HTML en images que l’on a envie de partager, sans quitter votre Mac.
Les captures HTML servent surtout à montrer une structure : l'indentation y porte donc plus de sens que dans la plupart des langages.
Codeshot détecte HTML à partir du code que vous collez : aucun sélecteur de langage à se tromper. Voici le même extrait dans trois des 30 thèmes fournis, rendus avec les feuilles de style de l’app.
<figureclass="snapshot"><imgsrc="/img/code.png"alt="A syntax highlighted snippet"><figcaption>
Exported at <strong>2×</strong> from Codeshot
</figcaption></figure>
Atom One · sombre
<figureclass="snapshot"><imgsrc="/img/code.png"alt="A syntax highlighted snippet"><figcaption>
Exported at <strong>2×</strong> from Codeshot
</figcaption></figure>
Edge · sombre
<figureclass="snapshot"><imgsrc="/img/code.png"alt="A syntax highlighted snippet"><figcaption>
Exported at <strong>2×</strong> from Codeshot
</figcaption></figure>
GitHub · sombre
Choisir un thème pour HTML
Gardez une imbrication assez peu profonde pour que l'indentation se lise d'un coup d'œil. Au-delà de trois niveaux, l'image n'est probablement pas le bon support.
Trouver la bonne taille
Laissez l’image suivre votre contenu ou fixez un rapport — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 ou 3:4 — puis exportez en 1×, 2× ou 3× pour qu’elle reste nette sur un écran retina. Copiez-la dans le presse-papiers avec ⌘⇧C ou enregistrez avec ⌘S.