環境設定タグのついた記事一覧

Sublime Text 3 に OmniMarkupPreviewer を導入する

Mac

OmniMarkupPreviewerとは

OmniMarkupPreviewer is a plugin for both Sublime Text 2 and Sublime Text 3 that preview markups in web browsers.

GitHub – timonwong/OmniMarkupPreviewer

マークダウン記法で書かれたテキストを、ブラウザ上でリアルタイムプレビューできるパッケージ

導入ログ

  • Package Controllから「OmniMarkupPreviewer」をインストール
  • cmd + option + O でブラウザプレビュー
    • 初回、404状態になってしまった。

  • パッケージのユーザ設定を追記して解決
    • Preferences > Package Settings > OmniMarkupPreviewer > Settings – User
{
	"renderer_options-MarkdownRenderer": {
		"extensions": ["tables", "fenced_code", "codehilite"]
	}
}

参考エントリー

PhotoshopとIllustratorの各種設定ファイルのバックアップを取る

Adobe

Adobe MAX 2018の発表で大型アプデが来ましたね。

バージョンが変わるので一応アクションなどバックアップを取っておこうと思ったのですが、毎回どこにあるか調べてるなあと思ったので、まとめておきます。

イラレはヘビーに使ってないのであっさり気味です。

Read More

SublimeTextにCSScombを導入する

WEB

CSScombとは

CSScomb is a coding style formatter for CSS.

You can easily write your own configuration to make your stylesheets beautiful and consistent.

GitHub – csscomb/sublime-csscomb: Sublime plugin for CSScomb—CSS coding style formatter

スタイルシートを指定した設定で一括整形できるパッケージ

事前準備

  • 動かすにはnode.jsが必要になるので、ダウンロードしてインストールする。
  • インストール完了時に以下の案内がでた。

This package has installed:

  • Node.js v8.12.0 to /usr/local/bin/node
  • npm v6.4.1 to /usr/local/bin/npm

Make sure that /usr/local/bin is in your $PATH.

整列時の設定を変更する

  1. Preferences > Package Settings > CSScomb > Settings – Default を開き、中身をコピー
  2. Preferences > Package Settings > CSScomb > Settings – User を開き、ペーストした内容を書き換えて保存

SublimeTextにEmmetを導入する

Mac

Emmetとは

Emmet — the essential toolkit for web-developers

https://emmet.io/

HTMLとCSSの記述を効率化するテキストエディタ用のプラグイン

手順

  1. Package Controllから「Emmet」をインストール
  2. SublimeText自体のSetting – Userにほかの動作との衝突を回避する設定を記述
  3. EmmetのSetting – Userに展開時の設定を記述
Read More