[Freebie] Sketch App Sources – Sketchフォーマットのリソース紹介サイト
Sketchに関するリソースの紹介サイト。ギャラリー形式でズラーっと紹介されており、各詳細ページからソース元に行く事ができます。UIキットやアイコン、Webやモックアップなど、各リソースごとにタグ付けされて管理されているので、目的の素材を探すのも簡単です。Sketchに限定しているという点がとってもナイスです。
Tag Archives: 素材
[CSS] Bulma: a modern CSS framework based on Flexbox – FlexboxベースのCSSフレームワーク
FlexboxベースのCSSフレームワークだそうです。CSSフレームワークってだいたいFloat使ったグリッドレイアウトのものが多いけど、最近じゃレイアウト組む手法も徐々にFlexboxになりつつあるので、慣れた人には便利そうです。実際Flexboxでレイアウト組むの楽ですからね。レスポンシブレイアウトや、フルスクリーン、垂直軸のセンタリング、ボタンやフォームパーツなども揃っているようです。
[Freebie] Bjango App Icon Templates – 各種モバイルAppのアイコンテンプレート
モバイルAppとか作ってるBjangoが、各種モバイルデバイス向けAppアイコンのテンプレートファイルを配布しています。iPhoneやiPadなどのiOSに加え、AppleTVのtvOS、Apple WatchのwatchOS用テンプレートも入ってます。あとAndroid用のものも。ダウンロードするとフォルダごとに各種フォーマットが整理されており、PhotoshopやIllustrator以外にSketchやAffinity Designer用のものまで入ってます。最近じゃSketchやAffinityでデザインする人も多いですからね。対応デバイスの数やフォーマットの多さを考えると、コレ系のアプリアイコンテンプレートとしては最強なんじゃないでしょうか。ホーム画面に置いた時のシミュレートとかを考えるとPixelresortのテンプレートとかもイイんですけどね。
[Freebie] Coverr – サイトのトップ表示に使いやすい動画素材配布サイト
サイトのトップページに動画をボーンと置く手法、最近多いですよね。ソレ系の用途に使えそうな動画素材が配布されています。どんなサイトにも使えるよう、まぁ言ってみれば「当り障りのないイメージ画像」的な素材が多いです。「画像はイメージです（重複」というか「個人の感想です」というかそんな感じのやつ。食べ物系、乗り物系、テクノロジー系、ネイチャー系色々あるので、サクっと使える動画素材ないかなーって時に使えそうです。
[Sketch] Devices – Images and Sketch files of popular devices – タッチデバイスのSketch用モックアップ
iOSやAndroidの各種タッチデバイスのモックアップを、Facebookが配布してます。興味深いのはそのフォーマットがSketchである事。もうすっかりUIデザインの世界じゃPSDやAIではなくSketchが主流なんだなーと思いました。用意されている端末の種類も多いので（Nokia系なんかもあります）、Sketchユーザーの人は素材探しに使えそうです。
[Template] Theme Cards – WordPressやBootstrapのテーマまとめサイト
WordPressやBootstrapで使えるテーマファイルの紹介サイト。これら以外にHTMLテンプレート、HTMLメールのテンプレート、印刷物のテンプレート、JSやCSSなどのスニペットなども紹介されています。まぁWeb全般の素材サイトって感じですね。ちょうど今日Wordpressのテーマ探してたので個人的にタイムリーなリソースでした。素材探しの時に役に立ってくれそうです。
[Javascript] matchHeight – 横に並んだ複数要素の高さを揃えてくれるjQueryプラグイン
水平方向に並んだ複数要素のHeight（高さ）を揃えてくれるjQueryプラグイン。こちらでデモを確認することができます。ソースダウンロードして挙動を確認してみたんですが、横方向に同じ位置にある要素の内、最も大きいHeightを参照しているようです。かゆところに手が届くとはまさにこの事で、たまーにこうしたいって時あるんですよね。レスポンシブレイアウトにも対応しているようで、使い勝手が良さそうです。
[CSS] loaders.css – CSSで描画されたローディングアニメーション
画像を使わずにCSSだけで描画されたローディングアニメーション。デモページはこちら。アニメーション部分の色の変更がカスタマイズできるようです。ファイルサイズが軽いので使い勝手が良さそうです。