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