Less
Превращайте фрагменты Less в изображения, которыми хочется делиться, не покидая Mac.
Сниппеты Less обычно показывают, чтобы объяснить миксин или guard, — и то и другое проще ткнуть пальцем на картинке, чем описать.
Codeshot определяет Less по вставленному коду, так что ошибиться с выбором языка невозможно. Вот один и тот же фрагмент в трёх из 30 встроенных тем, отрисованных стилями самого приложения.
@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(); }@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(); }@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(); }Значения цветов и переменные — самое интересное. Нейтральная тема оставляет их читаемыми, вместо того чтобы с ними соперничать.
Пусть размер следует за содержимым или зафиксируйте соотношение — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 или 3:4 — а затем экспортируйте в 1×, 2× или 3×, чтобы изображение оставалось чётким на retina-экране. Скопируйте его в буфер обмена сочетанием ⌘⇧C или сохраните через ⌘S.
Посмотрите все 30 тем рядом или прочитайте весь процесс.
Всё работает на вашем Mac. Код никогда его не покидает.