PSD Lens для Adobe Brackets

в 16:44, , рубрики: Песочница, метки: , , ,

Любой человек, занимающийся fron-end'ом и даже веб-разработкой в целом знаком с Adobe Brackets или просто слышал о нем.
С каждым обновлением и с каждым удачным расширением этот редактор кода настойчиво переманивает пользователей на свою сторону.

Хочу рассказать вам об одном из таких удачных расширений. Оно называется PSD Lens, он же Extract for Brackets. Расширение сейчас находится на закрытом тестировании, но в один прекрасный день станет общедоступным.
На самом деле, я давно получил к нему доступ и не решался писать на Хабр. И вот, я решился.

Думаю, хорошим тоном будет показать официальное видео тем, кто его еще не видел.

Теперь с чистой совестью можно излагать свое мнение:

  • Расширение активируется кликом по иконке Ps. Да, как Фотошоп. Собственно это и есть его облачная версия, как я понимаю. Только запускаться может из редактора;
  • Для входа необходимо войти под учетной записью Adobe;
  • После в редакторе появится область, где будет написано Drag and Drop a PSD here;
  • Выполнив нехитрую инструкцию мы ожидаем загрузки PSD в облако и уже после можем работать с PSD файлом.

Расширение может определять размер, тени, цвет фона, цвет текста, цвет рамки, вырезать сам фон, позиционирование (абсолютное), отступы (от любого элемента до любого элемента), все свойства текста, копировать сам текст, все свойства рамки, включая радиус и тд. Так же и размер самого PSD файла в процентах.

Расширение не может взять небольшую область фона и растиражировать ее, не может прописать градиент кодом. Это, как и раньше, приходится делать ручками.

Далее все в картинках на примере бесплатного шаблона, скачанного с сайта, который мне любезно предоставил Гугл:

Иллюстрация

PSD Lens для Adobe Brackets
PSD Lens для Adobe Brackets
PSD Lens для Adobe Brackets
PSD Lens для Adobe Brackets
PSD Lens для Adobe Brackets
PSD Lens для Adobe Brackets
PSD Lens для Adobe Brackets
PSD Lens для Adobe Brackets

P.S. У меня уже есть uBuntu — не надо предлагать.


* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js