CSS3
CSS3：文字や画像を選択できなくする
ブラウザ上の文字をドラッグしたり、ブラウザ上をWクリックすると選択状態になりますが、「user-select」プロパティを使うことでその選択をできなくします。 -webkit-user-select: none; -mo…
CSSだけでたすき掛けの新着マークを表示する
表示サンプルはこちら サンプルCSS .btnBox a { background:#EEE; position: relative; display: inline-block; height: 120px; line…CSS3：サイズ不明でもどのような要素でも縦中央配置する
.class { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%…CSS3：簡単に段組を作れる「columns」プロパティ
あいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえおあいうえお かきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこかきくけこ さしすせそさしす…リスト(<li>)のマーカーにWebフォントを使う
画像を使わずリストマーカーを変更するサンプルです。 See the Pen list marker FontAwesome by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. H…
-webkit-text-size-adjustにnone指定はしてはいけない理由
スマートフォンで横向きにした時に文字が大きくなるのを防止するで使用する-webkit-text-size-adjustですが、none指定をしてはいけない理由があります。 参考：-webkit-text-size-adj…スマートフォンで横向きにした時に文字が大きくなるのを防止する
body{ -webkit-text-size-adjust:100%; }