Sketch用のYosemite UIキットが無料で配布されています。メアド突っ込むとダウンロード先のURLが送られてきて、そこから落とせるようです。@2xでのRetinaディスプレイ用書き出しにも対応しているようですね。Mac用App開発する時や、Webのモック作る時なんかに使えそうです。ウチのMacは全部Yosemiteに移行したけど、使って数ヶ月経つと過去のMacのUIが古臭く見えてきますな。
PCだけでなくモバイル端末にも対応した、JSフォトギャラリー。画像のサムネールをクリック or タップすると、ウィンドウサイズいっぱいに表示されます。ブラウザウィンドウ内にModal表示されるので、Lightboxの代替として使えそう。タッチデバイスのスワイプ操作やキーボードによる操作に対応し、またSNSへの投稿や画像のダウンロード、キャプションの表示切り替えなど、かなり多機能な印象です。UIはGoogle画像検索に、スワイプ操作の挙動はFacebookのMobile Appに似てるなーと思いました。いやこれイイですね。次からModal表示させたい時これ使お。
支払いに関するアイコンをWebフォント化したもの。フリーで配布されており、SVGやTTF、CSSが一式入った形でダウンロードできます。空Spanタグ内にClass指定するだけで任意のアイコンを表示できるので、1度導入しさえすれば簡単に使えます。VisaやPaypal、Master Cardなどメジャーどこはひと通り揃ってるので、日本向けのサービス展開時にも使えそうです。Bitcoinなんかもあります。常用フレームワーク一式の中に加えておくと良さそうです。
買ったりサブスクリプション契約したりするとちょっとお高いAdobe製品を、より安いMacアプリケーションに置き換えるという趣旨の記事。脱Adobeをしたいデザイナーの方々にとってもナイスなまとめ記事。記事内では「PhotoshopからPixelmatorに乗り換える。費用は14.99ドル」みたいな感じで、既存のAdobeアプリケーションの代替となるMacアプリケーションを値段と併せて紹介しています。Photoshopって実際、人によってはすでにデザインツールとしての主役の役割を降板してて、Sketchに移行済みの人もいますよね。けどPixelmatorがメインツールって人は見たことがない。Fireworksは論外。それに対してIllustratorって代わりが効かないんですよね。他にまともなベクター系ツールを見た事がない上に、フォーマットとしてAIというのが一般的になり過ぎちゃって。個人的には脱Adobeをしたいんだけど、イラレだけは当分無理かなーと思っちょります。あ、ちなみにコーディングはDreamweaverからCoda 2に移行しました。
How to build your own Adobe Creative Suite with cheaper Mac app alternatives
テクスチャやアイコン、フォント、パターン、UI PSD、Photoshop用ブラシ、レイヤースタイル、印刷用のテンプレートなどのデザイン素材がパックになって無料で配布されています。試しにDLしてみたところ1.4GBオーバーでした。なかなかの量です。普段は99ドルで販売されているようですが、今日だけ無料みたいです。この手のデザイン素材が欲しい人はお早めに。
Download 400+ Free Design Resources With Commercial Use Licence
トップページやランディングページ、プライシングページなど、Webサイトを場面ごとに抽出して閲覧する事のできるデザインギャラリー。複数のサイトのデザイン作例を任意の場面で横断して閲覧する事ができるので、例えば「LPのレイアウトを複数例見たい」という時なんかに便利です。またそうしたページタイプだけではなく、サイト運営者の業種、CMSの種類、トラフィックの大小などの属性で表示内容を細かく選べる点がナイスです。CMSの種類で選べるってのが特に便利だなと。デザインのネタ調に使えそうです。
teehan+laxのおっちゃん2人が、Sketch用のiOS 8 GUIテンプレートを作ってくれました。今までPSDは毎回あったけど、Sketch用のものは初めてなんじゃないかな。わたくしまだSketch使ってませんが、いずれ移行しようと思っているのでありがたく使わせてもらいます。いやしかしUI系のデザインツールってPhotoshopからどんどんSketchに移行してるって印象ですな。個人的に脱Adobeしていきたいタイプなので、この流れには乗っていきたいなと。半額セールやってくんねーかなー（貧乏性）
スピーカーからいかにして音が出るのかを、アニメーションGifを使って解説する教育系コンテンツ。音がなる仕組みと、音が伝わる仕組みについて解説されています。以前ジェットエンジンの動く仕組みで取り上げたものの続編です。このサイトのコンテンツ、アニメーションGifの使い方がスゴく上手というか丁寧で分かりやすいです。様々なハードウェアがどのような仕組みで動いているのか知りたいという知識欲を刺激してくれますな。わたくしこういうの大好きです。
