ヘルプ

見た目が異なるケースが有ります

当サイトでは、リセットCSS・・・ではないけどブラウザ間の差異を減らす目的で「normalize.css v8.0.1」を使っています。

そのため、リセットCSSをお使いの方や何も初期のスタイルを整えるCSSを使っていない場合、掲載しているソースコードをそのまま使っても見た目が異なるケースが有ります。

normalize.css を使って頂ければほぼ揃うとは思いますが、微妙に異なる場合等の調整はご自身で頑張って下さい!お願いします!!

基本的な使い方

お好きなページから、お好きな見た目のパーツやレイアウトを探してください。

各ページでは、簡単なタイトルとブラウザっぽい見た目のプレビュー表示があり、その下にソースコードのボタンが有ります。
HTMLとかCSSのボタンをクリックするとソースコードが表示されるので、コピーして使って下さい。

magin等一部のスタイルはサンプルの見た目を整える為に指定してる部分が有りますので、実際にサイトに使う際はmargin等は変更してお使いください。
むしろカスタマイズ前提でのソースコードになっています。

CSSのソースコードは、Sassをコンパイルしたものを使っており、その際にAutoprefixerの設定でプレフィックスが付いてたり付いてなかったりします。
その辺りはある程度ご了承下さいませ。

なお、Autoprefixerの設定は下記のようになっています。

last 1 version
> 2%