2Webやアプリのデザイントレンドを紹介。シンプルなCSSビューアーPocketTweetChromeで表示したWebサイト内のCSS指定を確認できるChrome用機能拡張。Chrome純正のデベロッパーツールに比べて、よりデザイナー寄りのシンプルな作りになってます。サイト全体で指定されているカラーパレット一覧とか。あとクリックした場所に適用されているCSS一覧なんかも出せます。それがどのCSSファイルの何行目にあるかって所までは掘り下げられないので、コーディングする際にはちょっと役不足かもしんない。コーディングをしないデザイナー向けといった感じでした。AppPocketTweet画像ファイルの最適化を行い、ファイルサイズを小さくしてくれるMac用アプリケーション。フリー版は1日あたり24枚まで画像圧縮を行う事ができ、9ドル払えば無制限になるようです。サイト内にいくつかサンプルがありますが、クリックする事でBeforeとAfterを見比べる事ができます。この手のアプリって他にもあるけど、自分の場合はTinyPNGというサイトを使ってます。Webで出来る事はWebでやっちゃえばイイかー、という感じで。ローカルアプリにはローカルアプリの良さがあると思うので、このへんは好みの問題ですかね。KeynoteのNote(カンペ)を含んだHTML書き出しのできるアプリケーションPocketTweetKeynoteのNote部分、プレゼンで使ういわゆるカンペ部分を含めた形でのHTML書き出しのできるMac用アプリ。「Keynoteデフォルトの書き出し使えねぇから作ったゼ!」という流れで作られたようです。確かにNote部分はHTML書き出しされないですもんねアレ。これ使うとスライド内に置いた写真やグラフなどのキャプションとしてNote部分を使えます。ニッチだけど欲しい人にとっては超ありがたい機能な気がします。サイト内にはこれで生成されたHTMLのデモもあります。レイヤー単位でコピー&ペーストができるようになるプラグインPocketTweetPhotoshopで、レイヤー単位でコピペが使えるようになるプラグイン。書類をまたいでコピペできるようになります。いやそういう事できないですよね。Illlustratorの方が得意、という人は地味にこの機能ありがたいんじゃないでしょうか。ちなみに自分はタブ間をドラッグ&ドロップ派です。Text用の使いやすいテーマをまとめた記事。どちらかというとダーク系テーマの方が多い感じ。長い時間コーディングするなら暗めの配色の方が見やすいですしね。ちなみに自分は最近じゃBrackets使ってます。Sublimeはテーマとか機能拡張とか多いのがイイですな。SVGファイルの管理・コンバートツールPocketTweetSVGファイルを管理でき、かつCAShapeLayerでの書き出しまでできるMac用アプリケーション。デザイナー属性の人にとっては前者の管理ツールとしての使用がメインになるかと思います。Designアイコンファイルの検索、新規SVGファイルの登録(フォルダ単位で放り込めばSVGセットとしてまとめる事もできます)、そして管理されたSVGファイルとベクターグラフィックアプリとの連携です。連携についてはIllustratorやSketch間において、ベクター画像をコピペし合う事ができます(ドラッグ&ドロップでもOK)。Illustratorだと最近じゃライブラリをCloud同期したりする事もできるけど、複数のドローツール使う人にとっては、このアプリだけでツールをまたいでSVGを管理できたりするので便利です。UIデザインの際にサクっとコードで書き出しまで行えるのも使い勝手が良さそうです。何よりも無料だというのが素晴らしい。AppStoreからダウンロードできます。2用のテーマファイル(スタイル)を配布しているページ。「Download」からまとめてZipファイルで落とす事ができます。2の「環境設定>カラーリング>ギアのアイコン」から一気に読み込めます。Codaってプリセットのスタイル数が少ないので、これを突っ込む事でたくさんのスタイルの中から見やすいものを選ぶ事ができるようになるのがナイス。Codaってあまりユーザーいないんですよね・・・。TextとかAtomとかBrackets使ってる人が多い印象。あ、けどモダン化するっていう次期Dreamweaverにはうっすら期待しちょります。ほんのうっすらだけど。マークダウンファイル(.md)をMacでクイックルックできるようになる機能拡張PocketTweet.md拡張子のマークダウンファイルをMacでクイックルックできるようにする機能拡張。.mdファイルは中身はただのテキストファイルなので、素のテキストであればエディタさえあれば見る事はできます。マークダウンエディタを使えば適切に装飾された形でプレビューできるので読みやすいです。この機能拡張を突っ込むとMacでクイックルックできるようになるのでマークダウンエディタを立ち上げる手間がなくなります。インストールは簡単で、ダウンロードされた「QLMarkdown.qlgenerator」(Download欄のlatestというリンクから行けます)を「~/Library/QuickLook」もしくは「/Library/QuickLook」にコピーするだけ。前者はユーザーフォルダ内のライブラリ、後者はシステムフォルダ内のライブラリです。GitHubからファイルダウンロードした時のReadMe読む際なんかにとっても便利です。