CSSフレームワークBootstrapで使えるボタンやメニューなどのサンプル素材集。
単体で自分のブログに使うのもよさげ。
Source: Bootstrap Material
カテゴリー: テンプレート・CSS
[CSS] CodePenでメニューやボタンなどのデザインサンプルコードが公開
CodePenに、デザインパターンのサンプルページが新しく創設され、グラフ・タブ・ボタン・ドロップダウンメニュー・ログインフォーム・ページナビ・テーブル・マップなど、大量のデザインサンプルが取得できるようになっています。
これはかなり有用だと思いますので、是非ブックマークに登録しておきたいところ。
Source: Design Patterns on CodePen
[CSS] フレキシブルなボックスレイアウトを自由に生成できる「Fibonacci」
[CSS] Blending Modeを利用したロゴの作成
複数のオブジェクトを重なるように表示するCSS3の「mix-blend-mode」を使ったロゴの作成方法が解説されています。
ソースはあまり綺麗ではありませんが、spanで1文字ずつ囲ってそれぞれをずらして配置。spanにmix-blend-mode: multiply;の属性を指定するだけと簡単。
リンク先からソースがダウンロードできるので、それを参考にして、文字を替えるだけですぐに利用することができます。
