Bootstrap 4のチートシート。v4ってまだAlpha版なんだけど、わりともう実用段階ではありますよね。仕事ではまだv3系使ってはいるけど、ヘルプとか探すとv4のものが上位ヒットしたりし「あー違うんだよ3のヘルプを探してんだよ」みたいな事がよくあります。
というわけでこちらのチートシートですが、カテゴリごとに分けて紹介されており、詳細に行くとコードとリザルトが分かりやすく見れるようになっています。個別にヘルプ探さなくても、このページさえ開いてれば結構色々解決できそうです。v4使ったコーディングのお供に良さそう。
Webテンプレートを各種まとめたサイト。プレーンなHTML5ベースのものに加え、Bootstrapベースのテーマ、Wordpressのテーマ、eコマースに使えるものがそれぞれカテゴリ分けされて紹介されています。最近じゃフレームワークにBootstrap使って、その上にテーマ置いて、そこからデザインカスタム始める事もよくありますしね。ちなみに自分はBootstrap v3によく使うJSやら機能拡張のCSSぶち込んだものをテンプレートみたいに使ってます。テーマ的なものはあまり使った事ないんだけど、このサイト見ると結構いろんなテーマがあるので、テーマぶち込んで楽するのもアリだなーと思いました。
様々なマウスオーバーエフェクトのギャラリー。各サムネールにマウスオーバーする事でアニメーションが再生され、Show Codeをクリックする事でコードを確認できます。フレームワークとしてBootstrapが使われているようなので、Bootstrapベースのサイトでならサクっと実装できそうです。Twitter、Facebook、Instagram、Dribbbleへの投稿ボタンが用意されているものもあります。かっちょいいエフェクト多めです。
先日アルファ版がリリースされたBootstrap4のチートシートが早速公開されてます。様々な機能がカテゴリーごとに分けて紹介されており、classをクリックすると用例のHTMLが表示されます。またHTML内で簡単な説明もされているので、どういう場合に使えば良いのかなんとなく分かります。用意されているclassの勉強する際に使えそうです。
Bootstrapのnabber専用のカスタマイザー。背景色や文字色などを個別にカラーピッカーを使って色指定する事ができます。指定した内容はSCSS, SASS, LESS, CSSの形式でリアルタイムに生成されるので、あとはその中から好きなものをコピペして使うだけ。また指定した内容はパーマリンクが常に生成されるので、後になって再修正したい時なんかに便利です。
WordPressやBootstrapで使えるテーマファイルの紹介サイト。これら以外にHTMLテンプレート、HTMLメールのテンプレート、印刷物のテンプレート、JSやCSSなどのスニペットなども紹介されています。まぁWeb全般の素材サイトって感じですね。ちょうど今日Wordpressのテーマ探してたので個人的にタイムリーなリソースでした。素材探しの時に役に立ってくれそうです。
BootstrapベースのMaterial Designテーマ。製作者が言うには「GoogleはMaterial DesignでWebを美しくして、TwitterはBootstarpでレスポンシブかつエフェクティブに開発できるようにした。なのでこの2つを一緒にした」的な事を謳ってます。実際テンプレートページ（いくつか有料のものもあります）をいくつか見たけどスゴくよく出来てると思います。なんかのLP作る時なんかにちょうどイイテンプレートがチラホラありました。個人的にはMaterial Designにはあまり馴染みがないけど、これはなかなかナイスです。
HTMLテンプレートやテーマなどのギャラリーサイト。いわゆる自動化されたまとめサイトではなく、手動でピックアップしてるから質が高いYO！というのがウリのようです。定番のWordpressテーマや、Bootstrapのテーマ、またマテリアルデザイン準拠のものなど、色々とカテゴリ分けされて紹介されています。テンプレート探しの起点として使えそうです。
