{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Техноблог, заметки с тегом: мануал", "home_page_url": "https:\/\/blog.toliklunev.ru\/tags\/manual\/", "feed_url": "https:\/\/blog.toliklunev.ru\/tags\/manual\/json\/", "icon": "https:\/\/blog.toliklunev.ru\/user\/userpic@2x.jpg", "author": { "name": "Анатолий Лунёв", "url": "https:\/\/blog.toliklunev.ru\/", "avatar": "https:\/\/blog.toliklunev.ru\/user\/userpic@2x.jpg" }, "items": [ { "id": "39", "url": "https:\/\/blog.toliklunev.ru\/all\/bystry-sposob-poluchit-svg-iz-vektornogo-sloya-v-fotoshope\/", "title": "Быстрый способ получить svg из векторного слоя в фотошопе", "content_html": "

Данный способ работает только в Photoshop CC.<\/strong><\/p>\n

Первым делом создаём в домашней папке пользователя файл generator.json, со следующим содержимым:<\/p>\n

{\r\n  "generator-assets":  { \r\n    "svg-enabled": true\r\n  }\r\n}<\/code><\/pre>
Файл можно скачать (generator.json<\/a>), для ускорения процесса.<\/p>\n
Ставим галку в меню File → Generate → Image Assets.<\/p>\n
\n\"\"\n<\/div>\n
Затем переименовываем нужный слой, даём ему любое имя, заканчивающиеся на .svg (например pic.svg).<\/p>\n
\n\"\"\n<\/div>\n
И вуаля. Рядом с psd файлом получаем папку, в которой будет лежать готовый svg.<\/p>\n
\n\"\"\n<\/div>\n
Можно переименовывать даже группу слоёв.<\/p>\n
\n\"\"\n<\/div>\n
Фотошоп довольно умно сгенерирует единый svg файл, учитывая все эффекты слоёв.<\/p>\n
\n\"\"\n<\/div>\n",
            "date_published": "2014-11-04T02:23:17+04:00",
            "date_modified": "2017-01-18T23:41:29+04:00",
            "image": "https:\/\/blog.toliklunev.ru\/pictures\/image-assets.png",
            "_date_published_rfc2822": "Tue, 04 Nov 2014 02:23:17 +0400",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.toliklunev.ru\/all\/bystry-sposob-poluchit-svg-iz-vektornogo-sloya-v-fotoshope\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css"
                ],
                "og_images": [
                    "https:\/\/blog.toliklunev.ru\/pictures\/image-assets.png",
                    "https:\/\/blog.toliklunev.ru\/pictures\/pic.svg.png",
                    "https:\/\/blog.toliklunev.ru\/pictures\/svg-in-folder.png",
                    "https:\/\/blog.toliklunev.ru\/pictures\/group.svg.png",
                    "https:\/\/blog.toliklunev.ru\/pictures\/svg-code.png"
                ]
            }
        },
        {
            "id": "6",
            "url": "https:\/\/blog.toliklunev.ru\/all\/kak-podruzhit-sublime-text-i-sass-na-windows\/",
            "title": "Как подружить Sublime Text 2 и SASS на Windows",
            "content_html": "
Если ты не знаешь что такое SASS, можешь почитать тут<\/a>. Вкратце: очень крутая штука.<\/p>\n
Для начала, для того, чтобы получить возможность компилировать sass\/scss<\/a> файлы необходимо установить Ruby<\/a>. Во время установки обязательно проследи чтобы стояла галочка, добавляющая Ruby в Path.<\/p>\n
\n\"\"\n<\/div>\n
После установки запусти командную строку (cmd). Это можно сделать нажав Win + R и набрав cmd. В командной строке набери «gem install sass». Должно появится что-то вроде этого:<\/p>\n
\n\"\"\n<\/div>\n
SASS установлен. Теперь ты можешь компилировать sass\/scss файлы, используя командную строку:<\/p>\n
\n\"\"\n<\/div>\n
Но гораздо удобней делать это через текстовый редактор, например Sublime Text<\/a><\/p>\n
Для начала в Sublime должен быть установлен Package Control. Если он у тебя ещё не установлен, нажми ctrl+ё<\/b>, вставь в открывшуюся консоль следующие строки:<\/p>\n
import urllib2,os; pf='Package Control.sublime-package'; ipp=sublime.installed_packages_path(); os.makedirs(ipp) if not os.path.exists(ipp) else None; urllib2.install_opener(urllib2.build_opener(urllib2.ProxyHandler())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http:\/\/sublime.wbond.net\/'+pf.replace(' ','%20')).read()); print('Please restart Sublime Text to finish installation')<\/code><\/pre>
После установки перезапусти Sublime.<\/p>\n
Теперь Package Control доступен из вкладки Preferences.<\/p>\n
\n\"\"\n<\/div>\n
Нажми на него или используй хоткей ctrl+shift+P<\/b> и набери Install Package<\/b>, затем SASS Build<\/b> и установи плагин.<\/p>\n
\n\"\"\n<\/div>\n
\n\"\"\n<\/div>\n
Перезапусти Sublime.<\/p>\n
Всё, теперь ты можешь компилировать sass\/scss файлы нажав ctrl+B<\/b>.<\/p>\n
Скомпилированный файл появится рядом, с таким же именем и расширением css.<\/p>\n
Важно!<\/b> В пути до компилируемого файла не должно быть русских символов. Да, в 21-м веке это звучит странно, но у Sublime возникают с этим проблемы. Если ты знаешь как это победить, поделись в комментариях.<\/p>\n
Если файл не компилируется, а в консоли выводится что-то вроде этого:<\/p>\n
Traceback (most recent call last):\r\n  File ".\\sublime_plugin.py", line 337, in run_\r\n  File ".\\exec.py", line 154, in run\r\n  File ".\\exec.py", line 45, in __init__\r\nUnicodeDecodeError: 'ascii' codec can't decode byte 0xcf in position 6: ordinal not in range(128)<\/code><\/pre>
то есть одно магическое действие, которое может решить проблему.<\/p>\n
Кликни в меню Preferences → Browse Packages...<\/p>\n
открой файл \/Default\/exec.py и замени строку<\/p>\n
proc_env[k] = os.path.expandvars(v).encode(sys.getfilesystemencoding())<\/code><\/pre>
на<\/p>\n
proc_env[k] = os.path.expandvars(v.decode(sys.getfilesystemencoding())).encode(sys.getfilesystemencoding())<\/code><\/pre>
Это должно помочь.<\/p>\n
Чтобы сэкономить время, можешь установить плагин SublimeOnSaveBuild, и тогда компиляция будет происходить сразу после сохранения (по нажатию ctrl+S).<\/p>\n
Для подсветки синтаксиса sass\/scss файлов установи плагины в Sublime, которые так и называются SASS и SCSS, или другие, в названии которых содержится highlight.<\/p>\n
Если тебе когда-нибудь понадобится обновить SASS, просто набери в командной строке «gem update sass».<\/p>\n",
            "date_published": "2014-04-29T18:58:52+04:00",
            "date_modified": "2017-01-21T20:38:35+04:00",
            "image": "https:\/\/blog.toliklunev.ru\/pictures\/sass\/ruby.png",
            "_date_published_rfc2822": "Tue, 29 Apr 2014 18:58:52 +0400",
            "_rss_guid_is_permalink": "true",
            "_rss_guid": "https:\/\/blog.toliklunev.ru\/all\/kak-podruzhit-sublime-text-i-sass-na-windows\/",
            "_e2_data": {
                "is_favourite": false,
                "links_required": [
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css",
                    "system\/library\/highlight\/highlight.js",
                    "system\/library\/highlight\/highlight.css"
                ],
                "og_images": [
                    "https:\/\/blog.toliklunev.ru\/pictures\/sass\/ruby.png",
                    "https:\/\/blog.toliklunev.ru\/pictures\/sass\/gem.png",
                    "https:\/\/blog.toliklunev.ru\/pictures\/sass\/compile.png",
                    "https:\/\/blog.toliklunev.ru\/pictures\/sass\/package_control.png",
                    "https:\/\/blog.toliklunev.ru\/pictures\/sass\/insatall.png",
                    "https:\/\/blog.toliklunev.ru\/pictures\/sass\/sass_build.png"
                ]
            }
        }
    ],
    "_e2_version": 3254,
    "_e2_ua_string": "E2 (v3254; Aegea)"
}