Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: Software

[Software] Stockmagic for Mac – Pixabayの画像素材をメニューバーから検索できるMac用アプリケーション

  • Pocket
  • このエントリーをはてなブックマークに追加

画像素材サイトPixabayにある画像をメニューバーアイコンからサクっと検索できるMac用アプリケーション。起動するとメニューバーに常駐するので、そこからいつでも素材検索ができるようになります。サイト内の動画を見ると分かるんだけど、検索結果はSketchに(おそらくはPhotoshopにも)直接ドラッグ&ドロップする事ができるようです。仕事でこの手のフォトストックサイトをよく使う人にイイですねこれ。

[Mac App] Vanilla – 社外品のメニューバーアイコンを隠す事のできるアプリケーション

  • Pocket
  • このエントリーをはてなブックマークに追加

社外品アプリのメニューバーアイコンを隠す事のできるMac用アプリケーション。サイト内のアニメーションGifを見ると分かる通り、普段は矢印の中にしまっておいて、使う時だけ出すというもののようです。メニューバー右側がスッキリするので、Macをバニラ状態で使ってるように見えます。初心者のフリをしたい、Mac歴10年以上のオッサンにオススメです。

[Software] Brackets Themes – Bracketsのテーマ配布サイト

  • Pocket
  • このエントリーをはてなブックマークに追加

テキストエディタBracketsのテーマを配布しているサイト。ライト系ダーク系合わせてかなりの数のテーマが紹介されています。インストールはサイトからダウンロードするというよりは、Bracketsの「機能拡張マネージャ」内で探して、そのままインストールという流れ。テーマの適用はまた別の所にあって、インストール後に「表示>テーマ」に行くとプルダウン内に増えてます。コードの見やすさは生産性に直結するから拘りたいところ。ちなみに自分はダーク系テーマが好きなのでTwilight使ってます。明度低め、コントラスト高め、彩度抑えめで見やすいです。

[Chrome Extension] CSS Peeper – シンプルなCSSビューアー

  • Pocket
  • このエントリーをはてなブックマークに追加

Chromeで表示したWebサイト内のCSS指定を確認できるChrome用機能拡張。Chrome純正のデベロッパーツールに比べて、よりデザイナー寄りのシンプルな作りになってます。例えばサイト全体で指定されているカラーパレット一覧とか。あとクリックした場所に適用されているCSS一覧なんかも出せます。ただしそれがどのCSSファイルの何行目にあるかって所までは掘り下げられないので、コーディングする際にはちょっと役不足かもしんない。コーディングをしないデザイナー向けといった感じでした。

[Software] Optimage – 画像の最適化を行ってファイルサイズを削減してくれるMac App

  • Pocket
  • このエントリーをはてなブックマークに追加

画像ファイルの最適化を行い、ファイルサイズを小さくしてくれるMac用アプリケーション。フリー版は1日あたり24枚まで画像圧縮を行う事ができ、9ドル払えば無制限になるようです。サイト内にいくつかサンプルがありますが、クリックする事でBeforeとAfterを見比べる事ができます。この手のアプリって他にもあるけど、自分の場合はTinyPNGというサイトを使ってます。Webで出来る事はWebでやっちゃえばイイかー、という感じで。けどローカルアプリにはローカルアプリの良さがあると思うので、このへんは好みの問題ですかね。

[Software] Keynote Extractor – KeynoteのNote(カンペ)を含んだHTML書き出しのできるアプリケーション

  • Pocket
  • このエントリーをはてなブックマークに追加

KeynoteのNote部分、プレゼンで使ういわゆるカンペ部分を含めた形でのHTML書き出しのできるMac用アプリ。「Keynoteデフォルトの書き出し使えねぇから作ったゼ!」という流れで作られたようです。確かにNote部分はHTML書き出しされないですもんねアレ。これ使うとスライド内に置いた写真やグラフなどのキャプションとしてNote部分を使えます。とってもニッチだけど欲しい人にとっては超ありがたい機能な気がします。サイト内にはこれで生成されたHTMLのデモもあります。

[Photoshop Plugin] Copio – レイヤー単位でコピー&ペーストができるようになるプラグイン

  • Pocket
  • このエントリーをはてなブックマークに追加

Photoshopで、レイヤー単位でコピペが使えるようになるプラグイン。書類をまたいでコピペできるようになります。そういやそういう事できないですよね。Illlustratorの方が得意、という人は地味にこの機能ありがたいんじゃないでしょうか。ちなみに自分はタブ間をドラッグ&ドロップ派です。

[Misc] Sublime Text Themes – Sublime Textの使いやすいテーマまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

Sublime Text用の使いやすいテーマをまとめた記事。どちらかというとダーク系テーマの方が多い感じ。長い時間コーディングするなら暗めの配色の方が見やすいですしね。ちなみに自分は最近じゃBrackets使ってます。Sublimeはテーマとか機能拡張とか多いのがイイですな。