Sketchに関する様々なリソースのまとめサイト。多くはGithubにリンクされており、プラグインやチュートリアル、Tipsなどが紹介されています。「PhotoshopユーザーがどうやってSketchに移行するか」なんて記事もあったりします。Adobe系ソフトに比べるとSketchのリソースはまだまだ少ないですが、最近急激にこの手のサイト増えてきましたね。自分もUI系のデザインはこっちに移行しようと思ってます。
HTML & CSSで作られたiPhone 6のモックアップ。画像ではないので、コードをコピペするだけでサイト内に使えます。試しにダウンロードしてみましたが、ソースコード内に「Put your screenshot here」とコメントアウトしてあるので、iPhoneのスクリーンショットのハメコミもomgタグでサクっとできそうです。カラバリは黒と白が用意されています。フラットに描画されているので、最近のデザインにも合いそうです。
様々な美術館に展示されている作品が見ている景色を集めたブログ。絵から見た正面ではなく、絵画や彫刻の人物の目線の先であるため、作品によっては何も見えてなかったりします。普段人に見られてばかりの彼らが見ている景色はどんなものなのか、という視点で見るとなかなか興味深いテーマだなと。
CSSだけで描画されたアイコン。使い方はとっても簡単で、サイトからダウンロードできるicono.min.cssをサーバに置いてリンクするだけで導入終わり。あとはclass指定すればアイコンとして使う事ができます。個別の画像ファイルもなくCSSブチ込むだけで導入できるのが楽ですね。用意されているアイコンもシンプルなピクトグラムなので使い勝手が良さそうです。
Googleストリートビューで見る事のできる、なんだか変なものやスゴい場面を集めたブログ。ニヤっとできるものもあるんだけど、なんだかシャレになってないヤバそうな場面が結構多くて、なんだか日本て平和でイイなぁとかしみじみ思いました。このサイト、ほんと見てて飽きません。あ、見た感じグロはなさそうです。けど拳銃とか暴力表現は多いです。ケツ率も高いです。
映画のワンシーンをアニメーションGifでシネマグラフ化したギャラリーサイト。シネマグラフとは、絵の一部だけが動くというアレです。チョイスされている映画がわりと通好みのものが多く、趣味の良さをしみじみと感じます。タランティーノ率高いです。映画好きの人なら「このシーンを選ぶのか！」的なニヤニヤもできそうです。
ミニマルデザインに役立ちそうなフリーフォントをまとめた記事。紹介されているフォントが7種類と、まぁ数はそれほど多くはないんだけど、わりと趣味のイイものが多い印象です。過装飾なし、細身、サンセリフ、そしてものによっては個性的なフォントが揃ってるので、シンプルでミニマルなデザインをする際に役立ちそうです。わたくし細身フォント大好きなのでいくつかダウンロードしました。
錯視を利用したスクロールアニメーション。サイト名の通りゆっくりスクロールしてみましょう。画像がサイト上半分のボーダーエリア内に入った途端、まるで動いているかのように見えます。けどこれ実際には動いてないんですよね。黒ボーダーの透過PNGの隙間に、静止画が見えているだけ。奥にある絵を移動するとなぜか動いているように見えるという錯視です。アニメーション作例はそれほど多くはないけど、このサイト楽しいっすね。けどずっと遊んでると気持ち悪くなりそうなのがちょっとアレです。
