FlexboxでレイアウトされたCSSグリッドシステム。もちろんレスポンシブレイアウトにも対応してます。グリッド指定の仕組みは一般的な手法と同じなので、Bootstrapとか使った事ある人ならすぐに馴染めそうです。機能としてはオフセット指定、オートレイアウト、グリッドのネスト、横や縦方向のアライメント指定、ボックスの順番の入れ替えなどがあります。最後の機能を使うと、記述順とは逆方向にボックスを並べる事もできます。このへんFlexboxっぽい機能だなーと思いました。
iOS 10のGUIテンプレート。PSDとSketchのフォーマットで配布されています。昨日ちょうど正式版公開されましたしね。わたくし初期化厨でして、メジャーアップデートのタイミングで毎年iOSデバイスを初期化しております。昨日iPhone 6 Plusを初期化＆iOSインストールしたんですが、これやると新品みたいにサクサクになるので超快適でございます。iPhone 7 Plus予約したけど、まだ6で戦えるんじゃないかって思うくらい。まぁ初期化した後のAppインストール大会とかスゲぇ面倒なんですけどね。
Webデザイナーのためのリソースがカテゴリごとにまとめられた記事。イメージとビデオ（イメージビデオではない）、アイコン、フォント、カラー、ネタ帳、モックアップとプロトタイピング素材、Webサイトビルダー、コミュニケーションツール、ラーニングコンテンツなどの内容が紹介されています。こういう記事ってちょいちょいありますが、リソースって時期によってホットなものが移り変わるので、自分の情報リソースをアップデートしたい時なんかに便利ですね。
グラデーションのアニメーションってなんか変な日本語っぽいですね。イケませんね。けどまぁアレです、動くグラデーションを描画できるJSです。ただのグラデーションだけでなく、イメージと組み合わせたもの、マスクを使ったもの、クリックでグラデーションを変更できるものなど色々あります。けどグラデをアニメーションさせるだけ、というならPure CSSでもできるんですよね。なのでちょっと手の込んだ事をしたい場合とかにイイかもしれません。
ボタン装飾だけに限定したCSSモジュール。Webでよくあるボタン状の装飾を簡単に行えます。ダウンロードはこちらから。sassのコードも同梱されているようです。色やボーダーの有無、サイズなどを簡単に指定できます。グリッドレイアウトなどのCSSフレームワークみたいなものはいらないけど、ボタンの装飾だけは手間を省きたい、って時なんかに使えそうです。
Sketch用の、iOS / Andoroidアイコンテンプレート。編集から各サイズへの書き出しまで行う事ができます。またアイコンのコアな部分はシンボル化されているので（Photoshopで言うスマートオブジェクトみたいなもの）、1つ変更すれば全部変わります（iOSとAndroidでは共有化されていないようです）。それぞれデバイスのホーム画面やAppStoreではどのように見えるかのプレビューもできるようになっているので、確認しながら作りこむ事ができます。アイコン制作する時に使えそうです。
1枚の画像から、その画像に合ったグラデーション背景を生成してくれるJSライブラリ。画像内に含まれる色情報の中から、多く使われている2色を抽出してグラデーションにしているようです。この手法最近Apple製アプリケーションでよく見ますよね。iTunesでアルバムを選択している時のヘッダ色とか。Webでもこの手法が使えるというのはナイスですな。
HTML5形式のWebテンプレートを多数配布しているサイト。この手の配布サイトってベースが同じで、後はバリエーション違いってパターンが多いんだけど、ココのテンプレートは様々なレイアウトのものが用意されています。しかもどれもフリー（CC3.0）。モック作る時や、サクっとLP立てたい時なんかに使えそうです。
