黒いアイコンに色をつける

ネット上には様々なアイコン等が配布されていますが、色が黒だけ準備されているものがあった場合、それを黒以外の色にする方法について覚え書きしたいと思います。

続きを読む

【mac + Safari】実機を使わずにレスポンシブデザインのデモ画面を取得する方法

最近、作業環境を Safari へ移したのですが、概ね、Firefox でやれていたことを Safari でもできるようになりました。

ここでは、以下のような画像を作成するときに必要な、

2015-12-24 at 19.36.jpg

ワイド画面、iPad、iPhone での表示画面の模擬画像の、Safari での取得方法について覚え書きしたいと思います。百聞は一見にしかずで、実際に作業しているようすは以下の通りです。

一言で言えば、「開発 → レスポンシブ・デザイン・モードにする」を使えば OK でした。

2015-12-24 at 19.43.jpg

ちなみに Omnigraffle の元画像に画面の模擬画像を貼り付けているようすは以下の通りです。

参考

【WordPress.com】メールでの画像投稿に向いているテーマ

WordPress.com にはメール投稿機能がありますが、

2015-08-31 at 9.15

続きを読む

【WordPress.com】丸い画像を作る・表示させる方法いろいろ

最終更新日:2016-01-06

ここでは、記事などに丸い画像を表示させる方法について覚え書きしていきたいと思います。掲載順番は、私自身の使用頻度に基づいています。

ギャラリー機能を使う

WordPress.com のギャラリーを貼り付けるとき、「タイプ」のところを「丸型」に設定すると、

2015-03-17 at 14.39

丸い画像のギャラリーを貼り付けることができます。

続きを読む

#2015

【mac + Firefox】実機を使わずにレスポンシブデザインのデモ画面を取得する方法

最終更新日:2015-12-24

実機を使わずに WordPress.com テーマ等の iPhone 等での表示画像を取得する方法についての覚え書きです。作業環境は mac の Yosemite + Firefox 35.0.1 1 です。

2015-03-14 at 10.55

続きを読む

#2015

画像を使った複雑な説明書を作成するのに便利そうな「Omnigraffle」

最終更新日:2015-12-24

ここでは、以下のような画像を作成する方法についての覚え書きです。mac の Omnigraffle を使います。

batch_a0001_015668_m

続きを読む

#2015

mac 版の PhotoScape が進化し、Windows 版と同じような感じで使えるようになっていることに気づいた

最終更新日:2016-01-26

!

2015-06-13現在、メニューが日本語化されていることを確認済みです。

2015-06-13 at 9.09

Skitch の旧バージョンが使えなくなったことに伴い、mac 上から WordPress.com へ画像を貼り付ける方法についていろいろと検討していた中で、先日、PhotoScape の mac 版「PhotoScape X」の機能がいい感じで進化していることに気づきました。その進化の概要をひとことでざっくりと言ってしまうと、Windows 版と同様にタイル状の画像をドラッグ&ドロップ操作で簡単に加工することができるようになった、ということです。

PhotoScape X 2015-02-25 09-31-23

comemoarrow

Untitled 2015-02-25 09-29-00

続きを読む