Less

Générateur d’images de code Less

Transformez vos extraits Less en images que l’on a envie de partager, sans quitter votre Mac.

Less snippets are usually shown to explain a mixin or a guard, both of which are easier to point at in an image than to describe.

Codeshot détecte Less à 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.

@ink: #0d0d10;
@radius: 14px;

.card(@shadow: 0 18px 40px rgba(23, 23, 32, 0.12)) {
  border-radius: @radius;
  box-shadow: @shadow;
  color: @ink;
}

.snapshot { .card(); }
Atom One · sombre
@ink: #0d0d10;
@radius: 14px;

.card(@shadow: 0 18px 40px rgba(23, 23, 32, 0.12)) {
  border-radius: @radius;
  box-shadow: @shadow;
  color: @ink;
}

.snapshot { .card(); }
Edge · sombre
@ink: #0d0d10;
@radius: 14px;

.card(@shadow: 0 18px 40px rgba(23, 23, 32, 0.12)) {
  border-radius: @radius;
  box-shadow: @shadow;
  color: @ink;
}

.snapshot { .card(); }
GitHub · sombre

Choisir un thème pour Less

Colour values and variables are the interesting part. A neutral theme keeps them legible rather than competing with them.

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.

Voyez les 30 thèmes côte à côte ou lisez le déroulé complet.

Conçu pour Less et 59 autres langages

Tout tourne sur votre Mac. Votre code ne le quitte jamais.

Télécharger pour macOS