WebやUIデザインでよく行うダミーデータを、簡単に生成してくれるプラグイン。SketchとPhotoshop用の2種類が用意されています。動画見ると分かるんですが、ダミーのユーザープロフィールなどを自動で生成して、かつそれを挿入までしてくれるようです。入力する項目の内容も細かくカスタマイズできるようで、これで無料ってのはスゴいなと思いました。ユーザーアカウントの存在するモバイルAppなんかのデザインに使えそうです。
FlexboxベースのCSSフレームワークだそうです。CSSフレームワークってだいたいFloat使ったグリッドレイアウトのものが多いけど、最近じゃレイアウト組む手法も徐々にFlexboxになりつつあるので、慣れた人には便利そうです。実際Flexboxでレイアウト組むの楽ですからね。レスポンシブレイアウトや、フルスクリーン、垂直軸のセンタリング、ボタンやフォームパーツなども揃っているようです。
Webデザインの進化を時間軸で見る事のできるサイト。実際に存在するサイトではなく、NASAをテーマにしたサイトを1つ用意して、要素を変えずに「この時期だったらこんなデザインだったよね」的な感じで制作した作品です。ページ下部に出るスライダーを左右に動かす事で時間軸を変える事ができます。早い時期からネットしてた人ほど懐かしめると思います。自分の場合は98年あたりからやってたので、その時期のデザインを見ると「あーこんなん作ってたわｗ」とか思いました。2010年を過ぎたあたりから一気にモダンになってくる様子がなかなか興味深いです。こうして見るとWebのデザインって時間を重ねるごとに洗練されてはいるんだけど、どんどんシステム化してテンプレートの出番も多くなり、なんだか昔のほうが楽しかったなぁ・・・とも思います。まぁ昔は遊びで作ってたのに対して、今じゃ仕事になっちゃったからかもしれませんが。
クールなWebデザイン作例のギャラリーサイト。スクリーンショットを使って紹介されており、一覧から直接対象のサイトに行く事もできます。各作例は場面ごとに整理されているので、「All Patterns」から特定の場面だけを抽出して閲覧する事もできます。コレ系のギャラリーサイトってモバイルUI系が多いけど、久しぶりにWeb系のものを見つけた気がします。サイトデザインのネタ調として使えそうです。
サイトのトップページに動画をボーンと置く手法、最近多いですよね。ソレ系の用途に使えそうな動画素材が配布されています。どんなサイトにも使えるよう、まぁ言ってみれば「当り障りのないイメージ画像」的な素材が多いです。「画像はイメージです（重複」というか「個人の感想です」というかそんな感じのやつ。食べ物系、乗り物系、テクノロジー系、ネイチャー系色々あるので、サクっと使える動画素材ないかなーって時に使えそうです。
ボタンの上にマウスオーバーした時に、吹き出し状にヒント表示をしてくれるCSSライブラリ。独立した1つのCSSファイルとしてGithubに上がっているので、導入するにはこれをダウンロードしてCSSを読み込むだけ。あとはspanタグか何かにclass指定してヒント内容を記入するだけ。手軽に導入もできそうです。吹き出しを出す方向も上下左右色々選べるので使いやすそうです。
様々なWebブランドのキーカラーを一覧にしたサイト。任意のカラーにマウスオーバーするとサイトの背景色がその色になり、クリックするとカラーコードがクリップボードにコピーされます。またカラーパレットの左上には検索窓があり、ブランド名などで検索する事もできます。紹介されているWebブランドがかなり多いので資料的価値もありそう。ブランドカラーやコーポレートカラーを模索する時の参考になりそうです。
CSSだけでデザインされた、クールなマウスホバーアクション。複数のデザインのテキストボタンが紹介されていて、どれもマウスホバーでアニメーションします。このアニメーションがどれもかっこいい。CSSだけで導入できる点もナイスです。ちなみに元記事はこちら。こういうちょっと凝った演出があると、ページそのものが一気にモダンな印象になりますな。使い勝手良さそうです。
